Theme Integration


Automatic Installation


Step 1 - Navigate to the Dashboard of Subscription Plus App and scroll down to find the Automatic Installation option.

auto-install
auto-install

Step 2 - Click on the Dropdown and select the theme in which you would like to get the App snippets/codes placed automatically.

auto-install

Step 3 - Once you select the theme, click on the 'Add' button and BOOM! snippets will be automatically placed in your selected theme.

auto-install

A validation message will be displayed once all the important files of Subscription Plus app are successfully placed in your selected theme.

auto-install auto-install

Manual Installation


Step 1 - Navigate to the Themes section in the Online Store module your Shopify store.

manual-install

 Step 2 - Click on the Action dropdown and select the 3rd option Duplicate to make a copy of your LIVE theme.

manual-install

Step 3 - You'll find the copy of your LIVE theme in your theme library. Click on the Action button dropdown option and select the 6th option Edit code and you'll be redirected to the edit code section of your theme where, you'll find all the theme files.

manual-install

Step 4 -  Search for the product template in your theme files and open the file.

manual-install

Step 5 - Look for the Add to Cart button code and place the exact code {% render 'subscription-plus-plan-selector', product: product %}  above the Add to Cart button code. Just make sure the code is within the form which can be written in HTML tag like </form> 'OR' {% endform %} OR {%- endform -%} and save the file.

manual-install

Step 6 - Search for customers/account.liquid    file in the search bar of your theme engine and open the template. 

manual-install

Step 7 - You can add "My Subscription" page link by pasting {% render 'subscription-btn' %}  code to anywhere within account page, we commend it to place it before Logout button or below Page title in case if code is not already added.

manual-install manual-install

Recommended App Articles