注文詳細ページにサブスクリプション管理ボタンを設置する方法についての記事バナー画像

[Go Sub Tips] Support for new customer accounts! Explains how to add a subscription management button to your order details page

Jan 7, 2025

Shopify's subscription app, GoSub GO RIDE is providing this service!

Go Sub became compatible with Shopify's "New Customer Account" feature in the January 2025 update. In this article, we will explain how to set up a Go Sub button for your customer account and how to dynamically display a subscription management button on the order details screen using the Checkout Blocks app.


We will explain the detailed steps, so merchants using Go Sub should check it out!



If you are wondering what GoSub is and what functions it has, please request information using the button below.


【新規お客様アカウントでGo Subが利用可能へ!】Go Sub | 定期購入 | Subscription アップデート

Customer account type

Shopify offers two types of customer accounts. Go Sub has only supported "traditional customer accounts" until now, but with the latest update, it now also supports new customer accounts.


To learn more about the differences, see the Shopify help page about customer accounts.

https://help.shopify.com/ja/manual/customers/customer-accounts


How to change your account type

Go to Shopify Settings > Customer Accounts and select "Customer Accounts."

As of December 2024, the name has changed from "New Customer Account" to "Customer Account." For clarity, this article will use the name "New Customer Account."

How to add a Go Sub button to the order list

Open Customization from Shopify Settings > Checkout.

App Blocking Settings

From the Customizer, insert the Go Sub Block into your order page.

Select "Orders" from the page selection at the top.


Add a Go Sub Block from the Add App Block in the page header and save it.


Don't worry, buttons and other elements won't be displayed in the preview.

Please log in to your account from the store and check the display.

Setting the Button Text

The button will appear on the order list page as shown below. The text "Manage Subscriptions" can be changed in the Go Sub settings.


Go to the Subadmin page > Settings > Translation and Text Changes.


You can change this by scrolling down a little and clicking the "Contract List Page Button on the New Customer Account Page" on the Customer Account page.

How to add a Go Sub block to your order status page

Just like on your order summary page, make sure to include information about your subscriptions on each individual order page.

App Blocking Settings

Open Customization from Shopify Settings > Checkout. Select "Order Status" from the page selection at the top.

Add a Go Sub Block from the Add App Block in the page header and save it.

As with inserting into a list page, you cannot check the display on the preview screen.

Hiding the repurchase button

If the repurchase button display is turned on, unintended orders may occur.
Even if you click the repurchase button from your subscription order history, a subscription will not be created. To avoid confusion, be sure to turn off the repurchase button in the checkout customizer.

Setting the display text

The display on the order page will look like this. The section title and content text can be changed to anything you like in the Go Sub text settings, just like on the list page.

Go to Go Sub Admin Panel > Settings > Translation, Text Change and enter the text in the appropriate field.

[Note] This will be displayed for all orders with a Selling Plan.

If you add a Go Sub block to your order status page, it will be displayed if any of the orders have a Selling Plan configured.

If you are using the Selling Plan with other apps, such as a pre-order app, you will see a block even if you do not have a Go Sub subscription.

ThereforePlease be careful when setting up your order, such as refraining from using phrases such as "This order is a subscription order."


Example wording

If this order is a subscription order, please do not click the "Repurchase" button. (Your subscription will not be renewed.) To manage your subscription, such as canceling or skipping it, or changing the product, please go to the management screen by clicking the "Subscription Management" button below.

You can also use the Checkout Blocks app.

You can use the third-party app Checkout Blocks to change the style of your sections, among other things.

This is an official Shopify app and can be used for free with any Shopify plan, so be sure to download it.

Customizing the checkout screen requires a Shopify Plus plan, but the order confirmation screen and account screen are available to all plans.


Installing the Checkout Blocks app

The app is not available in Japanese, so it may seem a little difficult at first, but you can basically work intuitively, and this article will explain the detailed settings, so don't worry!

Create a block to place

From the Blocks page, choose Create block.

Please note that the following blocks have already been created, so the display may be different if you are installing for the first time.


Select Dynamic content as the type.


The default Go Sub block is structured in almost the same way as the Banner example. We will use the Banner example in this article, but there are many other customizations available, so please try them out!


The Block name is for management purposes and will not be displayed on the customer screen, so please set a name that will be easy to manage later.

Then, click Edit in the Content Items Banner and set the details to be displayed.


Banner content

  • Title: The title displayed in the block

  • Content…This is the content that will be displayed in the block. Please write down what you want to convey to customers.

  • Banner status…In this sample, a Critical banner is set.

    • Info banner…gray background

    • Warning banner…Yellow background

    • Critical banner…red background

    • Success banner…Green background

    • Plain banner...gray background (similar to info banner)

  • Button label: The text displayed on the button

  • Button URL...Specify the URL of the Go Sub management screen.

    • https://xxxxxxxxxx/apps/gosubscride/subscriptions

    • Please specify the store URL in the "xxxxxxxxxx" part.

Setting display rules

With the settings up to this point, the created block will be displayed for all orders. Therefore, we will set display rules.


From Add display rule, select Line item has selling plan in the Product section.

 Please be careful when setting up as you may be using the Selling plan with other apps, such as pre-order apps.

Setting the App Block ID

If this is your first time creating a block, you can leave it at the default value of 0.

If you want to place blocks with different display rules in the same location, you can set a common ID for each block. Details will be omitted in this article.


Once you've done this, save the block.

lastly Don't forget to change the block's status from Draft to Active !


Add the block you created to the order status page

Go to Shopify Settings > Checkout > Checkout Customizer.

Select Order Status from the page selection list at the top of the screen.


In the page header, click Add app block and select Dynamic content under Checkout Blocks.


Specifies the ID of the app block.

As shown in the screen below, it will not be displayed in the preview, but don't worry.

Check the display from your account

Finally, please log in to your account and review your order details to ensure the block has been applied correctly.

Please note that we have set up rules to only display for subscription orders, so if you are not eligible, it will not be displayed.

summary

In this article, we've shown you how to display a Go Sub block and subscription notices on new Shopify customer accounts.


Go Sub will continue to be updated, so be sure to check back for updates!

【Go Sub Tips】他サブスクアプリからの移行方法をご紹介!大変なの?費用は?など気になる内容を徹底解説!

About GoSub

  For more information about GoSub, click here  

  GoSub help page is here  

  Install GoSub here  


We are updating articles daily about GoSub's new features and how to use it!

Click here for a list of GoSub related articles 

Kanayo

Kanayo Uehara

GO RIDE Engineer

Fukuoka -> Yokohama -> Vancouver, Canada