Builder brands: Adding an Ecwid store onto your website

Ecwid provides the tools you need to create a professional online store and grow your e-commerce business. With Ecwid, you can sell products you make yourself, resell items from suppliers, use dropshipping services, offer subscriptions, provide services or digital downloads, and accept donations.

In this article, we will discuss:

• How to locate your store code
• How to embed the store on your site
• Review

How to locate your store code

Reference: https://support.ecwid.com/hc/en-us/articles/207806465-Where-is-my-Store-ID-

1. Begin by launching into your Ecwid store either through your Constant Contact website account or directly through Ecwid’s website.
   
   
    
2. Then navigate to the bottom of the Ecwid Dashboard tab.
   
   
    
3. At the bottom left, you will see above the copyright text Store ID #########. This will be the ID you will copy down and use in the next steps.
   
   
    

How to embed the store on your site

Reference: https://support.ecwid.com/hc/en-us/articles/118004678945-Ecwid-for-any-website

1. Either refer the user to the article above or copy the following code:

   <div id="my-store-1003"></div>
   
   <div>
     <script data-cfasync="false" type="text/javascript"
       src="https://app.ecwid.com/script.js?1003&data_platform=code"
       charset="utf-8"></script>
     <script type="text/javascript">
       xProductBrowser("id=my-store-1003");
     </script>
   </div>
   

2. In the website editor, navigate to the page you would like the store to appear on.
   
   
    
3. Next, choose Elements from the left navigation.
   
   
    
4. From the list of available elements, scroll to the HTML/Page Embed section and choose Embed HTML.
   
   
    
5. Place the element in the section you would like on your page.
   
   
    
6. Click Insert HTML or Embed HTML.
   
   
    
7. Copy and paste the code above into the Body HTML area.
   
   
    
8. Replace all instances of 1003 in the code with your store code. 
9. Click OK at the bottom of the window to apply this code to the element.
   
   
    
10. You will now see your Ecwid store appear within the element area.
    
    
     
11. At this stage, you can optionally make changes to the iframe size and other adjustments on the site if needed to show more of the store on the page.
    
    
     
12. Finally, click the Save and Publish button to make these changes go live on the web.