> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.getgreenspark.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How Do I Set Up Widgets On My Shopify Store?

# How Do I Set Up Widgets On My Shopify Store?

We have multiple badge and widget styles in the Engagement Hub on your dashboard. Use this guide when a recommendation asks you to set up a widget on Shopify: first choose the named widget in Badges & Widgets, then install it with the path that matches your theme.

## Choose your widget in Badges & Widgets

Open **Engagement Hub → Badges & Widgets**, then choose the widget that matches the setup you need:

- cart widget — `setup cart widget`
- per-order widget — `setup per order widget`
- per-product widget — `setup per product widget`
- percentage-of-order widget — `setup percentage of order widget`
- spend widget — `setup spend widget`
- store-revenue widget — `setup store revenue widget`
- percentage-of-revenue widget — `setup percentage of revenue widget`
- top stats widget — `setup stats widget`
- full-width banner — `setup banner widget`
- static badge — `setup static widget`

After you pick that widget, use one of the install paths below. The same install path covers all badges and widgets on Shopify.

## Shopify 2.0 theme (app block)

If you are on a 2.0 theme, drag the badge or widget into your store. This does not require the API.

1. In Shopify admin, go to **Online Store → Themes** and click **Customise**.
2. Open the page, click **Add section**, and under **Apps** select the Greenspark badge or widget.
3. Move it if you want, then click **Save**.

## Shopify 1.0 theme (Script Tag)

If you are on a 1.0 theme, add badges and widgets with Shopify Script Tags:

1. Head to the badges and widgets section of your dashboard.
2. Choose the badge or widget you wish to add to your store.
3. Select the **Shopify Script Tag** option and select **Next**.
4. Follow the pop-up to get the script tag running on your Shopify site.

You always only need to add this script tag once in your store’s `<head>` section, no matter how many widgets you are adding.

For cart drawer placements, you can paste the widget div into `cart-drawer.liquid` (for example above or below the checkout button).

For more detail, see [How Do I Display Badges On My Shopify Store With A 2.0 Theme?](https://help.getgreenspark.com/en/article/how-do-i-display-badges-on-my-shopify-store-with-a-20-theme-olqwn4/), [How Do I Display Badges On My Shopify Store With A 1.0 Theme?](https://help.getgreenspark.com/en/article/how-do-i-display-badges-on-my-shopify-store-with-a-10-theme-1o5gnpf/), and [How to display the Greenspark badge using Script Tags](https://help.getgreenspark.com/en/article/how-to-display-the-greenspark-badge-using-script-tags-1wu4bpl/).