Add Earn Coins Embed On Shopify
This article explains on how to add a customer earning embed to your Shopify store, as it appears in the below image
![](https://storage.crisp.chat/users/helpdesk/website/266cee86a535cc00/ce23f5d3-cd14-4ce7-a3af-e60df8_1rxuy51.png)
For non-shopify merchants or shopify merchant who are on themes which does not support app blocks, please contact us via live chat on nector dashboard or at support@nector.io
Follow the below steps to add the customer earning embed to your Shopify store.
Open your shopify admin dashboard
Go to Online Store under Sales Channels
Click on Customize for the current live theme. See the below image for reference.
Go to your product page customization as show in the below image.
![](https://storage.crisp.chat/users/helpdesk/website/e1fe63621081e800/34f0df53-517d-4088-ae2b-9a25d6_17yht2z.png)
Click on the Add block button on the left side as shown in the image below.
![](https://storage.crisp.chat/users/helpdesk/website/9a49a9572d4d3000/28c912f4-4ac9-473d-be96-15260e_whxcjg.png)
Then, scroll down to the Apps section to find the Nector Earn Points app block, and click on it to add it, as shown in the image below.
![](https://storage.crisp.chat/users/helpdesk/website/a3e47b5aa8df8000/315394cb-af91-47a4-8760-3de056_znno3y.png)
After adding it, you can hold your cursor on the 6-dots button in the app block, and move it to the desired position, as shown in the image below. You will also be able to see a preview of the section on the right side.
You can click on it and choose between two different display styles
Regular
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1qanqql.png)
Compact
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_qruc44.png)
There's also a new Redirect URL feature where earlier on clicking to know more in the embed by default the widget would open, you can now redirect the customers to the dedicated rewards page if you have one. Just insert the URL of the page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1jq2vi5.png)
As the last step, click on the Save button in the top right corner.
As shown above, we have added this app block to the Default Product page. If you have different product pages for different collections, you need to add it in each of them separately.
If you would like to modify the default colours of the embed, you can change it from the Nector dashboard by changing the brand colours. Please refer here .
![](https://storage.crisp.chat/users/helpdesk/website/266cee86a535cc00/ce23f5d3-cd14-4ce7-a3af-e60df8_1rxuy51.png)
For non-shopify merchants or shopify merchant who are on themes which does not support app blocks, please contact us via live chat on nector dashboard or at support@nector.io
Follow the below steps to add the customer earning embed to your Shopify store.
Open your shopify admin dashboard
Go to Online Store under Sales Channels
Click on Customize for the current live theme. See the below image for reference.
Go to your product page customization as show in the below image.
![](https://storage.crisp.chat/users/helpdesk/website/e1fe63621081e800/34f0df53-517d-4088-ae2b-9a25d6_17yht2z.png)
Click on the Add block button on the left side as shown in the image below.
![](https://storage.crisp.chat/users/helpdesk/website/9a49a9572d4d3000/28c912f4-4ac9-473d-be96-15260e_whxcjg.png)
Then, scroll down to the Apps section to find the Nector Earn Points app block, and click on it to add it, as shown in the image below.
![](https://storage.crisp.chat/users/helpdesk/website/a3e47b5aa8df8000/315394cb-af91-47a4-8760-3de056_znno3y.png)
After adding it, you can hold your cursor on the 6-dots button in the app block, and move it to the desired position, as shown in the image below. You will also be able to see a preview of the section on the right side.
![](https://storage.crisp.chat/users/helpdesk/website/ae92e44363f91000/e8a82707-675b-4012-a0a4-54f51b_zrv8od.png)
You can click on it and choose between two different display styles
Regular
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1qanqql.png)
Compact
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_qruc44.png)
There's also a new Redirect URL feature where earlier on clicking to know more in the embed by default the widget would open, you can now redirect the customers to the dedicated rewards page if you have one. Just insert the URL of the page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1jq2vi5.png)
As the last step, click on the Save button in the top right corner.
As shown above, we have added this app block to the Default Product page. If you have different product pages for different collections, you need to add it in each of them separately.
If you would like to modify the default colours of the embed, you can change it from the Nector dashboard by changing the brand colours. Please refer here .
Updated on: 06/05/2024