# Electronics store step 6: online store, widgets and app

> Sell electronics online with your SmartPOS Hub store, paste shop widgets into any website, and let customers shop in the SmartPOS Shopper app.

Source: https://docs.smartposhub.com/business-types/electronics/step-6-online-store-widgets-and-shopper-app/  
Last updated: 2026-10-30  
Product: SmartPOS Hub (https://smartposhub.com)

Electronics buyers research online before they buy. Put your catalog where they look: your **online store**, **widgets** on any website, and the **SmartPOS Shopper** app. Online orders and app orders use the same products, prices, discounts and stock as your shop.

> **How to turn it on**
> 1. **Plan:** Website & online store and Shopper app & Scan & Go in your plan
> 2. **Switch:** Settings › Business Settings › Modules › Website & online store / Shopper app & Scan & Go
> 3. **Permission:** Website and Shopper app settings permissions

## Before you start

- Products have prices, photos and descriptions; the Online store section of each product has **Show on website** on ([step 3](https://docs.smartposhub.com/business-types/electronics/step-3-variants-photos-and-serials/)).
- You know how customers will pay online and how you deliver.

## Online store

1. Open **Website › Overview** to see your store status, today's orders and the setup checklist.
2. **Website › Store info**: name, logo, contact details.
3. **Website › Payments** and **Website › Shipping**: payment methods, delivery zones and rates or pickup.
4. **Website › Settings & API**: choose **Stock and orders from**, the location whose stock and discounts the website uses.
5. Watch **Website › Orders** for new orders. Reviews and questions arrive in **Website › Reviews** and **Website › Questions**.

See [Online store](https://docs.smartposhub.com/online/online-store/) and [Website orders](https://docs.smartposhub.com/online/website-orders/) for every screen.

## Widgets for any website

1. Open **Website › Widgets** and click **New widget**.
2. Pick a type: **Full shop**, **Product grid / carousel** (great for "new phones" or "deals"), **Buy button** for one product, **Search bar**, **Floating cart** or **Category tiles**.
3. Choose the products or categories and the look, then copy the code and paste it into your website.

![Shop widgets page with live widgets, views, add to cart and orders counters, and widget types Full shop, Online menu, Product grid or carousel, Buy button, Search bar, Floating cart, Category tiles and Bookings](https://docs.smartposhub.com/_astro/website-widgets.DesMgY9a.png) (web app page: `/website/widgets`)
*Website › Widgets.*

## SmartPOS Shopper app

1. Open **Settings › Shopper app & Scan & Go**.
2. Tick **Show my store in the Shopper app**. Tick **Scan & Go** to let customers scan items themselves.
3. Choose **Joining**: **Anyone with the store code can join** or **I approve every new member**.
4. Tick **Members see their member prices** to show customer group or price group prices to approved members.
5. Tick **List my store in "Find stores"**, choose the **Locations in the app** and the **Default location**. Save.
6. Print the **Store QR poster** for the counter and fill in the **Store profile** and **Design** tabs.

![Shopper app and Scan and Go settings with the app on, members count, Show my store in the Shopper app and Scan and Go ticked, joining options, member prices and Find stores ticked, locations and default location](https://docs.smartposhub.com/_astro/shopper-app-settings.NudJV7uB.png) (web app page: `/mobile-app/shopper`)
*Settings › Shopper app & Scan & Go.*

Customers install **SmartPOS Shopper** from [Google Play](https://play.google.com/store/apps/details?id=com.smartposhub.shopper), join your store, browse, order, and show their **My store card** at the counter. Customer messages arrive in your **Inbox** when App chat is on.

**Tip:** 
Put the store QR poster next to your demo TVs and phones. Customers who join get your offers and can order again later from home.

Next: [step 7: move stock between stores](https://docs.smartposhub.com/business-types/electronics/step-7-move-stock-between-stores/).

  - [Widgets](https://docs.smartposhub.com/online/widgets/)
  - [Shopper app for your store](https://docs.smartposhub.com/online/shopper-app-for-your-store/)
  - [Scan & Go](https://docs.smartposhub.com/online/scan-and-go/)

## Frequently asked questions

### Do I need my own website?

No. The Website module gives you an online store. If you already have a website, paste shop widgets into it instead.

### Which widgets are there?

Full shop, Online menu, Product grid or carousel, Buy button, Search bar, Floating cart, Category tiles and Bookings. Create one in Website › Widgets, copy the code and paste it into WordPress, Wix, Shopify, Webflow or plain HTML.

### Where do online orders appear?

In Website › Orders. Shopper app orders are online orders too, so they appear in the same list and use the same stock.

### How do customers find my store in the Shopper app?

They scan your store QR poster, type your store code, or find you in Find stores if you tick List my store in Find stores.

### What is Scan & Go?

Customers scan items with their phone while they shop and show a cart code at the counter. The cashier scans it and the cart becomes the sale.

### Where do customers get the app?

From Google Play, search SmartPOS Shopper.