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.
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.
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 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 2: Search for the Bold Subscriptions element in the left sidebar, then drag & drop it onto your preferred spot inside the 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.
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!