Installing the widget on your product is a simple process that can be done in just a few steps. In this article, we will guide you through the process of installing the widget on your product.
How is the widget installed on my product page?
After you create a subscription plan, you need to enable the Subi app embed to install the widget on your theme. Subi will then automatically add the widget to the products that you've selected in your subscription plan.
Follow these steps to enable Subi App Embed and install the widget:
From your Shopify admin panel, click on Online Store > Themes.
Click on Customize on your live theme.
From the left side menu, go to "App Embed" > make sure Subi App Embed is on:
Before checking the widget, make sure:
1- These products aren't in draft mode.
2- Your theme has been published.
activate the widget on unpublished themes
Note that It can take up to 1 minute after enabling the app embed, for the widget to install.
If you want to add the widget to any other pages on your store, in a featured product section, check this article.
How to manually install the widget if it's not showing?
If the widget hasn't been added to the product page after 1minute, you can manually install the widget on the product page by adding the Subi widget block to your product page theme:
First, make sure the Subi App Embed is on:
From your Shopify admin panel, click on Online Store > Themes.
Click on Customize on your live theme.
From the left side menu, go to "App Embed" > make sure Subi App Embed is on:
Then add the Subi app block to your product page template:
From the top menu, search for your Product template and click on it.
From the left side menu, look for the Product Information section.
Click on Add block > search for Subi > click on the Subi widget wrapper block to add it.
Click on the added block to open its settings and make sure in the Product section, Default product is selected as a dynamic source.
Do not select a specific product in the widget block setting.
You can then change the placement of the widget by grabbing the block and moving it between other blocks.
Check out this gif🎥:  |
If you face any issues, feel free to contact our support from the chat box on the bottom-right side of the app. We are here to help. 😊