How to embed eko project on Shopify

Learn how to quickly embed eko project in your site

Embed with eko application for Shopify

Add a custom section to you page

1. Login to your Shopify store account as an administrator
2. Open the theme editor
3. Click on "Add section" and select "eko Video"
   
4. Position the eko Video block where you want to embed the eko video
5. Select the "eko Video" block
   
6. Copy the project id from eko platform
   
7. On the right panel paste the project id from the eko platform
   
8. Click "Save"

Embed with code snippet 

Copy the embed snippet from eko platform

1. Login to eko platform - platform.eko.com 
2. In the projects list, click on the project you want to embed
3. On the right panel, click the “Copy” icon in “Embed Code Snippet” 

Add a custom section to you page

1. Login to your Shopify store account as an administrator
2. While in  theme customization mode, 
3. Add a “Custom content” section
   
4. Position the element where you want to embed the eko video

Paste the embed snippet into a “Custom HTML” block

1. While in “edit” mode, click the “Add block” button from the left panel
   
1. Click on “Add element”
   
2. Select the “Custom HTML” block
   
3. Position the element where you want to embed the eko video
4. In the window that opens, paste the embed snippet from eko platform
5. Set the Container width to 100%
   
6. Click on “SAVE” 
7. Publish the website