Skip to main content

How to Add Subi Widgets to Different Sections of Your Store

Learn how to display Subi subscription widgets on homepage, landing pages, featured products, and quick view modals.

Updated yesterday

Overview

Adding Subi widgets to different sections of your store increases subscription visibility and improves customer conversion. Widgets can be placed on your homepage, landing pages, featured product sections, collections, and quick view modals. To do this, you need to enable the corresponding settings in the Subi panel and add the Subi widget as an app block to your theme.


Display Subscription Widget on Homepage and Other Pages

To display a subscription product on your homepage or landing pages:

  1. Enable the Display subscription widget on home page and other pages setting in the Subi panel.

  2. Add the desired product to your page.

  3. Add the Subi widget block to the product section.

Heads Up: You must be using an Online Store 2.0 theme to add the Subi widget block. If your theme is customized, please follow this article.

Setup guide (for Online Store 2.0 Themes)

If you are using Online Store 2.0 themes, follow these steps to add the featured product section:

  1. From Shopify Admin, go to Online Store > Themes.

  2. Click Customize next to your live theme.

  3. Open the template of the page you want to edit.

  4. From the left menu, open Sections.

  5. Click + Add section and select Featured product section.

  6. Click the section to edit the blocks within it.

  7. Add a product that has a selling plan on Subi.

  8. Optional: Drag the ⋮⋮ icon to rearrange sections.

  9. To add the Subi widget:

    • Click + Add Block inside the featured product section.

    • Search for the Subi widget block and add it.

    • Optional: Drag the ⋮⋮ icon to rearrange the widget on the product form.

  10. Save your theme.

  11. In your Subi panel, go to the Widget tab.

  12. Find and enable the setting labeled “Display subscription widget on home page and other pages”.

  13. Find and enable the setting labeled “Display subscription widget on home page and other pages”.

    • If the product has a Subi selling plan, the widget will appear in the featured product section.

  14. This will allow your selected products to show the Subi subscription widget on your homepage and landing pages once the widget block is added to your theme.


Display Subscription Widget on Collection & Quick View

To allow customers to subscribe directly from collections or quick view modals:

  1. Go to Subi Panel > Widget tab.

  2. Click on Customize widget under the Subscribe & Save

  3. Enable Display subscription widget on collection & quick view.

If the product has a Subi selling plan and you are using an Online Store 2.0 theme, the Subi widget will automatically appear in the quick view modal of your collections.

Note: The quick view modal is only shown when the product has variants; otherwise, it will not appear.


Need Help?

Feel free to contact our support team. We're here for you anytime:

  • Live Chat: Message us from within the Subi app or your Shopify Admin.

  • Email: Reach us at [email protected].

Did this answer your question?