Log in

Sign up

Webmaster's panel

Categories.

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

WebWave's logo

WebWave drag and drop website builder lets you create unique websites. You can build your website from scratch by starting with a blank page, or choose various website templates from our free collection and modify them according to your needs. With WebWave website builder, you have a complete website design and hosting system at your fingertips.

This website was created with WebWave.

Find us online




08 September 2020

ECWID - Your online store

If you are  planning to open your own online store, we are happy to inform you that WebWave editor gives you such an opportunity. Thanks to integration with the Ecwid platform, you can quickly and conviniently create an advanced purchasing platform. This tutorial will show you step by step how to do it.

 

  1. Account registration and store creation in Ecwid
  2. Store integration with WebWave
    1. Adding a product list
    2. Adding a category menu
    3. Adding a shopping cart
    4. Adding a search engine
  3. Change the appearance of Ecwid elements
  4. Adding products
  5. Other store settings

 

 

Account registration and creation of a store in Ecwid

  1. The first step is  creating an account in Ecwid. To do this, go to ecwid.com and then click "Start for FREE" 

  2. Enter your first name, last name, email and password.

  3. Fill out the registration form specifying the name of the store, country and currency and then proceed.

  4. Answer a few additional questions related to the type of activity and product being sold. Select a different platform type and enter 'WebWave'.

  5. Congratulations! Your shop in the Ecwid system has been created

 

 

Store integration with WebWave

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