Adding your store to the website manually

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:

Generate your code

Where to get your store ID?

<div id="my-store-"></div><div> <script type="text/javascript" data-cfasync="false" src="" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("categoriesPerRow=3","views=grid(20,3) list(60) table(60)","categoryView=grid","searchView=list","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=''></script> 
<script type='text/javascript'> 
xProductBrowser("categoriesPerRow=3","views=grid(20,3) list(60) table(60)",
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.
Back to top
Was this article helpful? 39 out of 83 found this helpful