This feature allows you to add a LINE linking button to the My Page section of your Shopify store, enabling users to link their Shopify member ID with their LINE user ID.
More details about this feature and the benefits of using it are provided in the usage guide below.
Encourage ID Linking on My Page (Japanese)
⚠️ To use this feature, you must complete the initial app setup first.
Please refer to the setup manual before proceeding.
To place the LINE linking button on My Page, you need to add an app block using the Theme Editor.
Instructions for setting this up are available both in the CRM PLUS on LINE app settings screen and on this page.
⚠️ If you want to test the ID linking feature before publishing it live, duplicate your live theme and place the LINE button in the duplicated theme.
There are three ways to add the "Add ID Link and Cancel ID Link" app block:
When you select an installation method, detailed instructions will be displayed.
Follow the steps shown to add the "Add ID Link and Cancel ID Link" app block.
If you are unable to add the app block or are unsure where to insert the code,
we offer free support—feel free to contact the CRM PLUS on LINE support team at support@socialplus.jp.
This page also explains all three installation methods in detail.
In your Shopify admin, go to Online Store > Themes, then click the “Customize” button for either the Current theme or a theme in the Theme library.
From the top bar, click the page selector, and choose "Customer account" from the list of templates.
If "Customer login" is displayed when accessing the "Customer account" page, log in using a customer account you created in your store.
Open the "Sections" panel from the left-side menu.
Under the "Template" section group, click "Add section".
In the area that appears, go to the "Apps" tab and select "Add ID Linkage and Cancel ID Linkage" from the list.
Advanced Plan Only
If you want to link accounts other than LINE, click the "Add ID Linkage and Cancel ID Linkage"" app block in the preview to open the settings panel.
In the settings panel, select the account you want to use from the list of available accounts.
Note: The account you want to use must be set up in advance.
Next, add an error banner that will be displayed if the ID linking action (Add or Cancel) fails for any reason.
From the "Apps" section within the "Template" group, click the blue ➕ button (the "Add block" button).
From the list that appears, select "Error Banner".
Drag the "Apps" block and move it to the top of the account section (see screenshot below).
After adjusting the position, click "Save".
Setup is now complete.
Note: If you are unable to place the app block in the desired location, try using the "Edit Code and Place Anywhere" method.
In Online Store > Themes, click the Actions button for either the Current theme or a theme in the Theme library, then select "Edit code".
Add Code to a Liquid File
In the directory on the left side of the code editor, click the "sections" folder, and open the main-account.liquid file from the expanded list.
You will be adding code in two places within the main-account.liquid file.
The first insertion point is where you want the "Add ID Linkage and Cancel ID Linkage" block to appear.
In the example image below, the code is inserted on the line after the closing </a> tag that wraps {{ 'customer.log_out' | t }}.
{% for block in section.blocks %}
{% render block %}
{% endfor %}
For the second insertion point, scroll to the bottom of the page and find the section schema.
Add the following code on the line after the closing curly brace (}) that wraps "id": "padding_bottom".
],
"blocks": [
{
"type": "@app"
}
After adding the code, click "Save".
Open the Theme Editor
Click the Actions button in the top bar, then select "Customize theme".
Open the “Customer account” Template
From the top bar, click the page selector, and choose "Customer account" from the list of templates.
If "Customer login" is displayed when accessing the "Customer account" page, log in using a customer account you created in your store.
Add the “Add ID Linkage and Cancel ID Linkage” Block
Open the "Sections" panel from the menu.
From the "Template" section group, go to "Account" and click "Add block".
From the list that appears, select "Add ID Linkage and Cancel ID Linkage".
Advanced Plan Only
If you want to link accounts other than LINE, click the "Add ID Linkage and Cancel ID Linkage"" app block in the preview to open the settings panel.
In the settings panel, select the account you want to use from the list of available accounts.
Note: The account you want to use must be set up in advance.
Add the “Error Banner” Block
Add an error banner that will be displayed if the ID linking (Add or Cancel) fails for any reason.
In the "Template" section group, click "Add section".
In the area that appears, go to the "Apps" tab and select "Error Banner" from the list.
Adjust the Block Position and Save
Move the "Error Banner" block, which was added to the bottom of the preview, to the top.
After adjusting the position, click "Save".
You have now completed the setup.
If your theme does not support Online Store 2.0, or if you are using a custom theme that does not allow app blocks to be added via the Theme Editor, you can manually add them using the Code Editor.
For detailed instructions, please refer to "If Unable to Install from Theme Editor (Japanese)".
Other Storefront Display Settings
Encourage LINE ID Linking on the Post-Purchase Thank You Page
Display a Banner on Your Online Store to Encourage LINE ID Linking
If the feature does not work as expected after setup, please refer to our Troubleshooting page (Japanese) for more information.
If you have any questions, feel free to contact our support team.
Support contact: support@socialplus.jp
Please feel free to contact us with any questions or concerns about CRM PLUS on LINE.
