Add Membership Link Snippet to Customer Account Template
You must paste a snippet into your theme code so your members can reach the member portal
If you have upgraded your Shopify store to Extensibility, then you will not be able to follow these instructions since you are unable to edit the checkout code.
In this scenario, you can add a link in your navigation that leads customers to the .com/community/membership page where they can either sign up for your program or log into their existing account
The membership link snippet must be installed so your customers have a way to click to their membership landing page
Add the following snippet to the templates/customers/account.liquid file found in your theme code:
We recommend adding the snippet near the logout link, but it will be different with every theme.
Where to Add the Snippet
Select the theme and click Actions -> Edit code
to open the Shopify code editor. Find the file templates/customers/account.liquid
Navigate to the Themes menu
Select the theme you want to edit and click
Actions -> Edit code
to open the Shopify code editorFind the file templates/customers/account.liquid
Search for account_logout_url and paste the snippet above or below.
Click Save
For the best user experience, we recommend adding the snippet above the logout link, then adding either spacing (there are several ways to accomplish spacing but one way would be a self-closing <div/>
in between with horizontal margin), or a line-break <br>
to separate them by line. You can see this example in lines 20-33 below, and then below that how it looks on the frontend.
Download the PDF below for step-by-step instructions
How to Add the Snippet When Your Theme is Using JSON Templates
- Open the templates/customers/account.json file to find what liquid files are used on the account page
Take note of the
type
value for any sections listed here, which is "main-account" in this case. This corresponds to the liquid file or files that make up the customer account page. So, in this case, we are looking for a single liquid file:sections/main-account.liquid
Last updated