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.
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 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.