Webydo

Last updated

Webydo is a platform that allows to create professionally looking, responsive websites, without writing any code. An intuitive drag-and-drop editor combined with minimalist interface creates a well-structured and easy-to-navigate website building environment.

With Ecwid you can quickly integrate a sophisticated online store into your Webydo website with a simple drag-and-drop installation.

In this article:

Adding a store to your website

To install the store:

  1. Sign in to your Webydo Dashboard.
  2. Click Edit Site to launch the Webydo Studio:

Edit site

  1. Click Store in the header menu.
  2. Ecwid will create a new store for you and open the Control Panel, where you can manage your catalog, shipping and payment settings, right inside the Webydo Studio:

Store Control Panel

If you already have an account with Ecwid and want to connect it to Webydo, you can export the catalog from your existing store and import the products to your new account registered through the Webydo Studio.
  1. Click View store in the header menu to return to the Store page in the Webydo Studio. Here you can manage the store layout and design:

Manage store design

  1. When you have completed your store page, click Publish in the top-right corner to bring your new store live.

Managing store layout and design

To access the store layout and design settings:

  1. Open the Store page in the Webydo Studio.
  2. Click Properties in the side panel:

Store layout properties

You’ll see the properties that control the store layout, visibility of store widgets and color scheme. Below we will comment on each property in detail.

Layout

Expand the Layout section to set the store language, maximum width of the store block and visibility of store widgets like Menu, Bag, Search, Prices, Product Panel and Breadcrumbs.

If you want Ecwid to detect customer’s browser language and automatically translate the store elements, select Auto Detect in the Store Language drop-down.

Homepage layout

Under the Homepage Layout section you can define the number of categories per row and set the category page that opens first when the store loads.

For setting the category page that opens by default, you’ll need to enter the category ID. Learn how to find the Category ID.

Product page layout

This property allows you to select the default product view – grid, list or table, and set the number of products in a grid row, grid column, list and table view.

Colors

In the Colors section you can adapt the store elements to match the general color scheme of your website. Expand this section to select the color of headings, text, prices, links and background color of the product panel.

Primary and secondary buttons

In these two sections you can change the design of the store primary buttons like Add to Bag or Go to Checkout and secondary buttons like Search.

Top menu

Expand the Top Menu section to manage the look of the categories menu: change font size, select background and text color on hover, border color and width and more.

Search bar

Under the Search Bar section you can control the look of the search bar and search button: change the border color of the search bar, border and colors of the search button, font size of text on the search button and more. You can also set the default view of products on the search results page: grid, list or table.

Adding store elements to site pages

You can make your online store easy to find and access by publishing the store elements like Search bar or Shopping Bag on other pages of your website. Your customers will be able to search your catalog or check the shopping bag contents, no matter what page they are currently viewing.

All elements are added alike. For instance, to add a search widget to the Home page:

  1. Open the Home page in the Webydo Studio.
  2. Expand the Store section in the Elements panel:

Store widgets panel

  1. Drag and drop Store Search to the page where you want it to appear:

Place widget on the page

Use the Single Product widget if you want to showcase a particular product on the page: place the widget on the page and follow the setup prompts.
  1. If you want to repeat this element on all site pages or pin its position, right click to open the context menu and enable the corresponding options:

click to open the context menu

  1. Click Publish in the top-right corner to apply the changes to the page.

Related articles

Adding your store to any website
Selling on Facebook
Selling on Instagram

Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message