Articles on: On Site Displays

Add Profile Page Embed On Shopify

This article explains on how to add a profile page embed to your Shopify store, as it appears in the below image




For the profile page embed to work, make sure the rewards widget is added to your website (irrespective of whether the widget is shown or hidden).

Profile page embed doesn't necessarily have to be on the profile/account page. You can add the code snippet anywhere on your website wherever you want to show the customer's available balance.

Follow the below steps to add the profile page embed to your Shopify store.

1. Getting the code snippet on nector dashboard


Login to your nector dashboard.
Go the Account Embed page under On-Site Displays inside Loyalty Program
Switch to the Profile Embed tab.
Scroll to the Code Snippet section.
Copy the code by clicking on the copy button. See below image for reference.
To show the entire section, copy the first code snippet.
To show only the available balance of the customer, copy the second code snippet.




2. Adding the code snippet on shopify


Open your shopify admin dashboard
Go to Online Store under Sales Channels
Click on Edit Code for the current live theme. See the below image for reference.




The exact file to open and where to place the code snippet will change from theme to theme. The below steps are assumed for Dawn theme. If this doesn't work for you, please contact nector support via live chat on the dashboard or mail us at support@nector.io.

Search for main-account.liquid and open the file.
Paste the code snippet as shown in the image below.




Click on Save button in the top right after adding the code snippet.

The profile page embed section must now be visible on your store's account page after the customer is logged in.



https://help.nector.io/en/article/customizing-the-profile-page-embed

Updated on: 28/03/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!