Skip to main content
All CollectionsSubscriptionsWidget Configuration
Home Page/Collection Page Widget
Home Page/Collection Page Widget
Updated over 3 months ago

Configuring the Home/Collection Page widget results in Appstle's subscription widget displaying in your featured products in these pages. Its purpose is to incentivize customers in tactical locations and to help streamline their shopping experience.

How to Configure

This feature must be implemented manually with code in your Shopify store's theme files.

Note: You must be on a Business-tier plan or higher with Appstle Subscriptions, and your home/collection page must contain an Add to Cart button.

Step 1: Configure your home/collection page in your Shopify theme.

In your Shopify theme settings, click Customize to bring up the editor. From here, make sure you navigate to either Home page or Collections depending on where you want the widget to appear. The example below is for a collection page.

From here, click on the section that contains your products and ensure that the Quick add is set to Standard. This will ensure that add to cart buttons will properly display under each product. Save your theme settings when you are finished.

Step 2: Obtain Appstle's code snippet for the widget

In Appstle Subscriptions, navigate to Widget > Page builder & Home/Collection Page and copy the code snippet here.

Step 3: Add the snippet to your Shopify theme files

Go back out to Online Store in your Shopify Admin, click the three dots icon, and click Edit Code.

Note: The file the snippet will need to be added to will depend on the theme you are using. We will be using the Dawn theme as the example here.

For the Dawn theme, the file needed is snippets/card-product.liquid.

To give yourself an idea of the area in your code you need to add your snippet to, open your browser's devtools in your home/collection page, and search for the selector that corresponds to your Add to Cart button.

Here, the snippet was added just above the code controlling for the Add to Cart button.

Save your changes, and then go back to your store's home/collection page. If done properly, the widget should display in your page(s) for any subscription products that have one variant.

If you need assistance with configuring your home/collection page widget, please reach out to our support, and we will assist you.

Did this answer your question?