Shopify Embed Instructions

This guide shows how to place your Embed360 shop onto your Shopify website.

Step 1 — Add the supporting embed code to your website

Let's first start by adding the Embed three sixty supporting code to your Shopify website.

1. Navigate to your Shopify website and edit your theme.
2. Next, click on add section from the left column under footer.
3. Search for Custom Liquid and add it to your footer section.
4. Navigate to the embed three sixty website. In the left column under Etsy Embed, click embed code from the navigation.
5. Locate the Embed three sixty supporting code and copy it to your clipboard by clicking on the clipboard icon as shown.
6. Head back to your website and paste in the copied code in the custom liquid input box in the right column, then click save
7. And that's it, you've successfully completed the first step!

Step 2 — Add new main shop listings page to your website

1. Exit out of your theme and in the left column under online store, click Pages.
2. In the upper right corner, click Add page.
3. Give the page a name. In this example we will call the page shop but you can call the page whatever you'd like.
4. Next, click on the show html button in the editor window.
5. Head back over to embed three sixty and locate the main shop supporting code and copy it to your clipboard.
6. Navigate back to your website and paste the copied code into the content input and click save.
7. Next, click on the visible button and click save to save your changes.
8. Next, click on content in the left column, then menus.
9. In the menus list, click on Main Menu
10. Now click, add menu item.
11. Give the menu item a name in the label input.
12. Next, locate pages from the link dropdown list.
13. And select the shop page we created earlier and click save.
14. Feel free to reorder the menu items as you see fit. Be sure to save your changes.
15. You have successfully completed step two, let's move onto the final step.

Step 3 — Link your website with Embed360. This step is important.

1. Head over to your theme and preview the page.
2. Click on the newly created shop page from the main navigation.
3. Copy the shop pages url to your clipboard.
4. Head back over to embed three sixty and in the left column click on settings under etsy embed.
5. Paste in the copied url in the first input box.
6. Scroll to the bottom of the settings page and click the save button.
7. Navigate back to your website and refresh your shop page and should notice your listings appear on the page.
8. Nice work! You've completed all required steps.