How to install Ecwid E-commerce

How to install the ecwid integration in SiteManager.

In this article

  1. Install the add-on in your account
  2. Activate the Ecommerce integration in your project

  3. Add Ecommerce components
  4. Design your store
  5. Video (end 2018)

 

 

Install the add-on in your account

Login to your SiteManager dashboard and click Add-Ons in the left menu. You can choose which Add-Ons you like to use. Click Install Add Ons. Select the Ecwid Ecommerce Add-On and click Add to install.

ecwid-addon

Activate the Ecommerce integration in your project

To add Ecommerce features to your project go to the project settings page and click Premium modules & integrations. Inside Integrations click Activate Ecommerce

smart_content_premium_module

ecommerce

Depending on the needs for your project choose the subscription of Ecommerce you want to add. There are 5 options that you can choose from. If you already have an existing store ID it's possible to connect it with your project on the right side.

Screenshot_45-5

Add Ecommerce components

Every account has a component list. These components are building blocks that are used to visualize content and tell the digital story in a fun way. Some components are available for everybody, others are custom made. In every project a blue plus icon is shown with a button Add Element. When you click it a list will open.

addcomp

In the list a new component appeared named Store products after installing the Ecommerce module. Add this component to your page. After adding a column in the component you can start building your shop by adding elements.

Screenshot_50-6

  1. Product list will render your store 
  2. Horizontal Category Bar will render your Categories in a horizontal bar
  3. Vertical Category Bar will render your Categories in a vertical bar 
  4. Search Bar will make it possible to search through all products in your shop
  5. Shopping Bag will add a store icon to checkout

 

Design your store

Go to the page where your store is located and click on the pencil next to your page name in the top of your screen, this will bring you to the design application on the page your located.

pencilll

 

From here on you're able to change the style and functionalities of the store, have a look at all the options in your own project by clicking the pencil or cog icon.

editstore

Video (end 2018)

In this video we cover all the steps on how to install the Ecwid integration again however you'll see some steps are slightly different in our platform today.