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?, How Do I Display Badges On My Shopify Store With A 1.0 Theme?, and How to display the Greenspark badge using Script Tags.

Updated on: 05/11/2026