If you plan to open your own online store, know that WebWave editor gives you such an opportunity. Thanks to integration with Ecwid, you can quickly and conveniently create an advanced purchasing platform. This tutorial will show you step by step how to do it.

 

  1. Account registration and creation of a store in Ecwid
  2. Store integration with WebWave
    1. Adding a product list
    2. Add 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 of course creating an account with 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 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 then paste your code into it.

  5. The inserted element will be a list of products, 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 "Page" tab, in the "More Options" 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 accuse 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 will be 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 will be 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 the menu on the left side of the screen in the "Configuration" section, click the "Design" button. 


  2. On the subpage that appears to you, you can edit the appearance of virtually every element of your online store 

 

Each 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 the menu on the left side of the screen, in the "Store management" section, click "Catalog" and then "Products" 


  2. In the list of products, click the "New product" button 


  3. Complete the product parameters 

 

As you can see, there are many product configuration options and 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 and it is impossible to describe everything in one guide, we recommend that you also read the knowledge base of the Ecwid system

Ecwid - Your online store

08 September 2020

Back

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.

 

PANEL WEBMASTERA

LOG IN

GET STARTED

This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

PL

EN

RO