[Go Sub Tips] Detailed guide on inserting GoSub blocks into themes and how to handle old themes!

This is GO RIDE, offering the Shopify subscription app GoSub!

This time, I will explain in detail how to insert a GoSub block into a Shopify theme. I will also walk you through the process of adding GoSub to older themes that do not support Online Store 2.0.

If you’ve started using GoSub but are having trouble getting it to display on your theme, please make sure to check this!

First, I’ll show you how to check whether your store supports Online Store 2.0, which is the environment recommended by GoSub.

In Shopify, go to Online Store, then open the code editor for your current theme.

In the search box, type “index” and search. If there is a file named “index.json” in the templates folder, your current theme supports Online Store 2.0.

If the search result is “index.liquid”, it is not compatible with Online Store 2.0, so you cannot add blocks from the customizer.

Please refer to the section below on adding to the old theme.

*Even if it is “index.json”, there may be rare cases where blocks cannot be added. In that case, please refer to the section on adding to the old theme.

If you have confirmed that the theme you are using above is compatible with Online Store 2.0, you can easily add GoSub blocks from the customizer.

First, click on Customize in the theme you are using to open the customizer.

From the section at the top of the page labeled “Home Page” or similar, select Products → Default Product.

(If necessary, you can also set it to products other than the default.)

From “Add Block” in the product information, select the app, search for “Go Sub Block,” and add it.

We recommend placing it above the purchase button!

*This sample uses the Dawn theme. Depending on the theme you use, the block names may differ.

If you have added and saved the GoSub block as described above but cannot see the subscription option on the storefront, please check whether the displayed product is set as a GoSub subscription product in the subscription plan group.

Changing the displayed product can be done from the upper right of the screen.

Add a block so customers can check and edit subscriptions from their account page.

To add a block to the account page, you need to be set as an "existing customer account" in the Shopify settings.

In Shopify settings > Customer Accounts, please make sure that "Existing" is selected.

Once you have confirmed that the settings are for existing accounts, you can add the block.

From the Customizer, go to "Existing Customer Account" > "Customer Account."

From "Add Section" in the account, select the app and add the GoSub section.

If there is no subscription contract with GoSub, the block will not be displayed on the screen even after it is added.

If you would like to confirm the display, please either place a test order or check it on the GoSub Demo Store.

Go Sub Demo Store

Go Sub Demo Store

Process the order using a Shopify Payments dummy credit card.

Since no actual settlement or shipment will be made, you are free to test purchase various products as you wish. You can also display or modify them on the account screen.

Adding a GoSub section to an old theme can be handled by editing the theme code in GO RIDE.

Please confirm that you are using a theme that is not compatible with Online Store 2.0, and then apply using the form below.