[GO SUB Tips] Compatible with all plans! A thorough explanation of how to select subscriptions and customize your account screen to your own specifications

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

This time, we'll show you how to customize the subscription selection field on your product pages and the Go Sub section on your customer account screen.

The customizations we're introducing today are available to all plans, including merchants who choose the free monthly Starter Plan! Please feel free to use customizations that suit the style of your store.

This article is intended for merchants who already have GoSub installed.

If you're wondering what GoSub is and what features it has, please request information using the button below!

By default, Go Sub sets the product page color to black.

Customize this to match your store's colors.

For example, in a store like this, the overall color scheme is navy, so Go Sub's default color, black, doesn't fit in well.

I'll change this!

There are two ways to find out which colors are used in the store:

If you already know the colors used in the store, you can skip this step!

Open your Shopify admin panel > Online Store > Customizer.

Open the theme settings from the gear icon on the left side of the screen, and then open the color settings item from there.

Find out what color is used for the element you want to match in your theme and note down the code.

The string beginning with # is the color code called HEX.

Enter the color code you just checked into the color picker on the product page.

You can also see that the sample image displayed on the right side of the screen changes in real time.

If necessary, you can also change the color of the discount label here.

Save the settings once complete.

When I returned to the store and checked the display, I noticed that the button colour and the Go Sub colour were unified, giving the overall impression a very clean and tidy look!

As an additional tip, we'll show you how to change the button style!

However, this method adds styles from the Theme Customizer rather than setting them from the Go Sub app.

This is not an official Go Sub app recommendation, but an unofficial tip from me.

Open the product page settings in the theme customizer and click on the product information section.

*The display may differ depending on the theme you are using.

Enter the following code into the Custom CSS field at the bottom of the screen and save it.

.Go Sub-widget__wrapper .Go Sub-widget__group label {

border-radius: 40px;

}

*Please change the number 40px according to the theme you are using.

This applied rounded corners to the Go Sub button as well, giving it a more unified look!

As mentioned above, this is not an official customization of the Go Sub app, so if the app is updated, the style may revert to the original square. Please be aware of this before using.

If you're a little scared of editing theme files and want more freedom in customizing, please contact GO RIDE!

This is the section where you can manage your subscriptions directly on your account page. You can also customize the color settings here.

Go to the Go Sub admin panel > Settings > Color and set the same color as the product page.

This time, we've matched the button colors and also changed the status bar color.

You can also enter the button color code once and then change the color by dragging it within the color selection screen.

When actually displayed in the store, it blends in with the background and gives a clean impression!

Many merchants choose to give their subscription plans unique names.

By default, Go Sub displays the buttons on the product page as "Subscription" and "Regular Purchase." Let's change these to our original names: "Discount Subscription" and "Trial Purchase."

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

Because there are many languages available, we refer to this as "editing translations," but if you are only using Japanese, you can think of it as "editing text."

If you are using it across borders, you can set text in various languages here!

In this input field, I changed the text from "Subscription" to "Value Subscription" and from "Regular Purchase" to "Trial Purchase." Save when you're done.

It now feels even more original!

Similarly, try changing the text on your customer account page!

Changes will be reflected immediately. Feel free to customize it to suit your store's naming conventions and your main target customers.

We've covered how to customize your Go Sub sections to fit your store's theme.

It can be used with all plans, including the free monthly starter plan, so please feel free to customize it to suit your store!

If you don't have the time or the ability to customize, or if you would like more detailed customization based on a theme, please feel free to contact GO RIDE!

Stay tuned for future Go Sub Tips!