How to add the Bold Subscriptions to your pages

This article will guide you through the steps to use the Bold Subscriptions app with GemPages.

Install and configure Bold Subscriptions in Shopify Admin


Step 1: Install the Bold Subscriptions app from the Shopify App Store by clicking on the “Add app” button and filling in your store domain if needed.


Step 2: Hit “Install app” after reviewing the permissions.

Step 3: Once installed, select the plan and hit “Continue” to complete the signup process.

Step 4: Update your theme with Bold Subscriptions’ liquid code.

In order to run properly on your store, Bold Subscriptions requires some Liquid code. Please follow the full instructions from Bold to add the liquid code to your theme.

It is highly recommended to duplicate your Shopify theme to ensure you have a backup copy without the code installation to fall back to if needed. 

After installation, you can always find the app under Shopify Admin > Apps. Click on the app to access the Bold Subscriptions Dashboard.



Step 5: Finalize the in-app settings. As the Bold Subscriptions element in GemPages will fetch data from the app, you need to configure your product subscription options in the app first.


From the Bold Subscriptions Dashboard, follow this video guide to edit your product subscriptions. You can also visit the app’s help docs or live chat support in the Dashboard.

Add Bold Subscriptions Element To The GemPages Editor

Once the app is successfully installed to your Shopify admin, it’s time to install the element in the GemPages Editor.

Step 1: Go to the GemPages Dashboard, select one of your pages and then enter the Editor by clicking on the “Edit” button, or simply create a new page.

Step 2: In the Editor, open the Library on the top bar and select the Elements tab


Step 3: Search for “Bold Subscriptions” in the search bar, then select the element.

Step 4: Hit the blue “Add Element” button to install the Bold Subscriptions element. Exit the Library.


Once finished, you shall see the newly added Bold Subscriptions element in the Third Party section on the left sidebar.


Set up the Bold Subscriptions element in GemPages

Step 1: Go to the GemPages Dashboard, and enter the Editor of your chosen page by clicking on the "Edit" button.

Step 2: Search for the Bold Subscriptions element in the left sidebar, then drag & drop it onto your preferred spot inside the Product module


The Bold Subscriptions element works with products, and therefore it can only be placed inside a Product module.


Once finished, you shall see the element’s configurations on the left sidebar, which we will go over in the next sections.


Configure The Settings Tab



The Bold Subscriptions app has 2 versions, both are supported in GemPages.

You can choose between the V1 and V2 widgets corresponding to your app’s version.



You can position the Bold Subscriptions element as either: Left, Centered, or Right in this section.

Click on the small device icon at the top right corner of this section to switch between 4 views: Desktop, Laptop, Tablet, and Mobile.


Extra Class

If you want further customizations done by coding, feel free to add a class here and refer to it later in the CSS file.


Configure The Design Tab

Don’t forget to fine-tune the element’s look using the Design tab. Click here for a complete guide to the Design tab.


When you are happy with the result, the last step is to hit “Save” and “Publish” your page to update your front store!



Feel free to explore more apps from our integration list. Should you have any questions, our GemPages Support Team is here to help. Please contact us via email or live chat.

Was this helpful?