Adding your store to any website

Last updated

You can add your Ecwid store to any site that supports adding HTML codes. You add a few lines of Ecwid integration code to your site source code and you have a full-featured shopping cart with products, categories, catalog and checkout pages.

If you have a site built on Wordpress, Wix, AdobeMuse or Joomla, we recommend to add your store to your site with the help of our plugins. See the corresponding section for details and instructions.

In this article:

List of sitebuilders and CMS

Here is the list of most popular platforms where you can add your Ecwid store: 

Drupal Moonfruit  Voog 
Duda  Parallels Web Presence Builder  Webflow 
Etsy  RapidWeaver   Webydo 
GoDaddy Website Builder  SITE123  Weebly 
Google Gadget  Squarespace Wix 
Jigsy  Strikingly  Wordpress 
Joomla  Tilda   Yola  
Kirby  Twitter    
LiveJournal  TypePad   

Video guide

Check out quick videos on how to add your Ecwid store to a custom built site:

Generate your code


Where to get your store ID?

Code for adding your store to a page:

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

Default category for product browser

By default, the Ecwid widget opens the Store Front page category along with your root categories. If you wish, you can configure it to show a different category when a user opens your store for the first time. You can do it by adding the defaultCategoryId option to the widget integration code. The code will look like this:


<div> <script type='text/javascript' src='https://app.ecwid.com/script.js?1003'></script> 
<script type='text/javascript'> 
xProductBrowser("defaultCategoryId=3003");</script>
</div>
The category is defined by its ID. In our example it’s 3003. The category ID is included in the category page URL. If you can’t find it, check the guide on how to get the ID of your product or category.

Default product for product browser

You can also specify the default product in the product browser code. When customers open the store page with such code, they will see the product details page. The code will look like this:


<div> <script type='text/javascript' src='https://app.ecwid.com/script.js?1003'></script> 
<script type='text/javascript'> 
xProductBrowser("defaultProductId=123456");</script>
</div>

123456 in this code is the ID of the product that will open by default. Check the guide on how to get the ID of your product or category.

Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message