[GOSUB TIPS] GOSUB block insert to the theme and how to respond with old themes in detail!

by Kanayo Uehara

SHOPIFY subscription app GOSUBGO RIDE that offers!

This time, I will explain in detail how to insert GOSUB blocks to the SHOPIFY theme. In addition, we will introduce the flow of GOSUB to the old theme outside the online store 2.0.


If you start GOSUB but are stumbling on the theme, please check it out!

Check if the store is compatible with online store 2.0

First, I will tell you how to check if your store is compatible with the online store 2.0, which is recommended by Gosub.


SHOPIFY> Open the code edit on the theme you are using from the online store.



Search "index" in the search box, the files in Templates If it is "index.json", the theme you are using is online store 2.0. is.

Search results If it is "index.liquid", it does not support online store 2.0 Therefore, it is not possible to add blocks from customizers.

Please check the addition to the old theme described later.

Added GOSUB block in customizer

If you can confirm that the theme you are using is compatible with online store 2.0, you can easily add Gosub blocks from customizers.

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

Added to product page

Select the product → default product from the part where "Homepage" is described as "homepage".

(It is also possible to set products other than the default if necessary)


Select an app from "Add blocks" in the product information, search for "Go Sub Block" and add.

It is recommended on the purchase button to place it!

* The sample uses a Dawn theme. Each block name may be different in your theme.

Check if the display is added to the product page

If you add a GOSUB block and press the storage as described above, but you can not see the display of the subscription on the customizer, Check if the displayed product is set in the GOSUB subscription plan group Please do.

Change of displayed products Can be done from the top right of the screen.

Added to account page

Add a block to check and change your account on your account page.


Check the type of your account in advance

Additional blocks to the account page must be a "conventional customer account" in SHOPIFY settings.

Shopify settings> Make sure that "conventional" is selected in your customer's account.



If you can confirm that the account is set in the past, add a block.

From customizer, proceed from the "Traditional Customer Account"> "Customer Account".

Log in on customizer

If the login screen appears, log in with a test customer account.

Select an app from "Add Section" in the account and add the GOSUB section.

Displayed only when there is a subscription contract

If you do not have a subscription contract on GOSUB, it will not be displayed on the screen even if you add a block.

If you want to confirm the display, please register the test order or check it on Gosub Demo Store.


GO SUB DEMO STORE

GO SUB DEMO STORE

Orders are performed using a SHOPIFY PAYMENT dummik credit card.

Since actual payments and shipping are not performed, you can freely test various products. You can also display or change the account screen.


Added to the old theme

Adding a GOSUB section to the old theme is to edit theme code in Go Ride.

Please make sure that you are using an online store 2.0 compatible theme and apply from the form below.


summary

This time, I explained about the addition of GOSUB blocks to the theme.
We will continue to distribute GOSUB -related information as tips in the future, so please look forward to it!

Please contact Go Ride if you have any problems with the operation method of GOSUB and the operation of SHOPIFY!

[About gosub]

  Click here if you want to know more about gosub  

  Click here for GOSUB's help page  

  Click here to install GOSUB  


We are updating articles every day about new features and how to use GOSUB!

Click here for gosub -related articles 

Kanayo

Kanayo UEHARA

Go Ride Engineer

Fukuoka-> yokohama-> Vancouver, Canada

この著者の記事一覧

RELATED ARTICLES


One -stop offered from EC construction to advertising operation.

WHITEPAPER DOWNLOAD inquiry