ECWID - Your online store

Adding a product list

1. Click the "Add store to Site" button.
2. From the list of available tools, select "Other platforms and sitebuilders" by clicking "Learn more" 


3. Copy your store code by clicking "Copy Code to Clipboard" 


4. On your website add an html element and paste the copied code there.


5. The inserted element is a product list, so set its size and position in the appropriate place on the page. 
   


6. In the html element settings enable the "Adjust height to  content" option.


7. In the "More Settings" tab disable the "Load JS code asynchronously" option.
   
8. In the Ecwid panel in the "Main store location" section click "Specify Address".


9. Enter the address of your website where you set up the store and then save the changes.

Add a category menu

1. In the "Store extensions" section click "Add Category Navigation" and then copy the generated code.




2. On your website add an html element and then paste your code into it




3. The inserted element will be product categories, so set its size and position in the appropriate place on the page.




4. In the html element settings enable the "Adjust height to content" option.
   

Adding a shopping cart

1. In the "Store extensions" section, click "Add Shopping Bag" and then copy the generated code 




2. On your website add an html element and then paste your code into it




3. The inserted element is the button of the basket, so set its size and position in the appropriate place on the page. 
   




4. In the html element settings enable the "Adjust height to content" option.
   

Adding a search engine

1. In the "Store extensions" section click "Add Search Box" and then copy the generated code. 




2. On your website add an html element and then paste your code into it.




3. The inserted element is a search engine, so set its size and position in the appropriate place on the page. 
   




4. In the html element settings enable the "Adjust height to content" option.
   

Change the appearance of Ecwid elements

1. In menu on the left side of the screen in the "Configuration" section click the "Design" button. 




2. On the subpage that shows up you can edit the appearance of every element of your online store 

Every  change made on this subpage will be immediately visible in your store, so there is no need to regenerate the codes and embed them on the page.

Adding products

1. In menu on the left side of the screen in the "Store management" section click "Catalog" and then "Products".




2. In the product list click the "New product" button. 




3. Complete the product parameters.

As you can see, there are many product configuration options.  Below you will find descriptions of their categories:

1. Attributes - here you can run your own EAN and product brand




2. Options - here you can add product variants such as size or color




3. Files - if you sell digital products (e-books, music etc.), you can add them here




4. Tax and shipping - here you can set shipping parameters and specify the tax rate for the product




5. SEO - here you can define how the products will be displayed in the search 




6. Related products - here you can mark products that are displayed to your client as proposed products




7. Embed a button - here you can generate a code with a button for a given product that can be placed anywhere on the page

Other store settings

Since Ecwid is a very complex system, it is impossible to describe everything in one guide. We also recommend you reading the knowledge base of the Ecwid system