---
title: "Add the widget to your product page"
description: "Add the Shoppy FS - Widget app block to your product page in the Shopify theme editor, and check it's live."
product: "Shoppy Find in Store"
section: "Getting started"
url: https://help.shoppyconnect.com/find-in-store/getting-started/add-the-widget-to-your-product-page
markdown_url: https://help.shoppyconnect.com/find-in-store/getting-started/add-the-widget-to-your-product-page.md
last_updated: 2026-11-05
tags: ["widget", "theme editor", "app block", "product page", "install", "widget status"]
---

# Add the widget to your product page

> Add the Shoppy FS - Widget app block to your product page in the Shopify theme editor, and check it's live.

The widget is what customers see on your product pages. You add it to your theme as an app block, in the Shopify theme editor. You don't need to edit any code.

Your theme needs to support app blocks on the product page. Most current Shopify themes do, including all free Shopify themes.

## Add the widget

1. In the app, go to **Home** and click **Open theme editor** in the **Widget status** card. The theme editor opens on your product page, with the widget block already added.
2. Check the **Shoppy FS - Widget** block is in the product information section.
3. Drag the block to where you'd like it, for example under the **Buy buttons**.
4. Click **Save** at the top right of the theme editor.

![The theme editor sidebar, with the Template list and the Shoppy FS - Widget block added and selected at the end of the product section](https://help.shoppyconnect.com/_astro/02-theme-editor-block.BVFZ6KgX_2kBKtd.webp)

The block has no settings in the theme editor. You choose how it looks and what it says in the app, under **Settings**.

### Add it by hand

If you'd rather add the block yourself:

1. In your Shopify admin, go to **Online Store** › **Themes** and click **Customize** on your live theme.
2. Choose **Products** › **Default product** from the page menu at the top.
3. In the product information section, click **Add block**.
4. Click the **Apps** tab and choose **Shoppy FS - Widget**.
5. Click **Save**.

If you use more than one product template, add the block to each template you want it on.

## Check it's working

Open a product page on your online store. You'll see the widget's button under your buy buttons, or wherever you placed the block.

![A product page with the Add to cart and Buy it now buttons, and the Find Store button underneath](https://help.shoppyconnect.com/_astro/01-find-store-button.Dbf3yWVL_7py0S.webp)

The button text shown here is **Find Store**. You can change it in **Settings** › **Widget appearance**, or in **Translate**.

Then go back to **Home** in the app and click **Check again** in the **Widget status** card. It shows **Live** once the app finds the block on your live theme.

![The Widget status card, with the Not added badge, the theme, placement, and last checked time, and the Preview store, Open theme editor, and Check again buttons](https://help.shoppyconnect.com/_astro/01-widget-status.Bic3oPXT_Z1HoYym.webp)

## If Widget status says Not added

- **You haven't saved the theme.** Save it in the theme editor, then click **Check again**.
- **The block is in a theme you haven't published.** The app only checks your live theme.
- **The block is inside a group or another block.** The app may not find it there. If the widget shows on your product page, it's working, even if the status says **Not added**.
- **The block is on another product template.** The app checks your default product template.
- **You use a different Find in Store block.** The status only looks for **Shoppy FS - Widget**. If your product pages use **Inline Nearest Store** instead, or you only use the **Header Inline** block, the status says **Not added** even though your blocks are working.

To see which blocks you've added, open the theme editor and look at the list on the left. Find in Store blocks have the app's icon next to them.

![The theme editor's list of sections and blocks, with Shoppy FS - Header Inline inside the Header section, and Inline Nearest Store inside Product information](https://help.shoppyconnect.com/_astro/04-theme-blocks.BaEKfOez_Tc9wr.webp)

## If the widget doesn't show on your product page

- Check you saved the theme and are looking at your live theme.
- Check you have at least one active location in **Locations**.
- Check your free trial hasn't ended, or that you've chosen a plan.
- Try a normal browser window, not a private one, and refresh the page.

Still stuck? Email [help@shoppycommerce.com.au](mailto:help@shoppycommerce.com.au) with a link to the product page, and we'll take a look.

## Related guides

- [Getting started with Shoppy Find in Store](https://help.shoppyconnect.com/find-in-store/getting-started/getting-started.md)
- [Get a Google Maps API key](https://help.shoppyconnect.com/find-in-store/getting-started/get-a-google-maps-api-key.md)