Widgets are the essential building blocks of your website. In the Builder, you will find a big collection of widgets, and we regularly add new ones to expand the functionality of your website. The widgets can be found in the Builder under the Widgets tab.
They are grouped into several categories:
The name speaks for itself, these are the basic elements for a website. Among them are the text-based elements like Title, Text, and Quote, multimedia elements such as Image, Icon, Gallery, Slider, and the Button widget. The HTML Code widget is available within the Pro Plan.
Widgets from this category will help you organize your website's layout with the help of spaces and separators.
Under the Content tab, you will find a number of widgets that allow you to add content of different types to your website. For example, the Card and Price List widgets will help you showcase your products in a visually pleasing manner and describe their properties. If you want to sell products directly on your website, you can use the Ecwid Store widget. Other widgets will also allow sharing different kinds of content.
These widgets will allow you to share different media content such as files, video, music, or presentations.
Contact widgets are there to help your website visitors get in touch with you, sign up for newsletters, interact through the contact form, request a callback, find your location or get help from the support agent via an online chat on your website.
Social elements are perfect for adding popular social media widgets to your website so that your visitors could easily find you on Facebook or Twitter.
If you need a more active user engagement, a live chat is a perfect solution. It will help you monitor traffic in real time and provide live support to your customers.
To add the live chat widget: from the left menu select Builder > Widgets > Contact. From there, you can choose any of the 3 live chat options: LiveChat, JivoChat, and Live Agent.
Grab the widget and drop it to your website either to the bottom right or bottom left corner. Click on the widget to open the settings and connect an existing live chat account or create a new one.
An online store can be set up with the Ecwid widget: Builder > Content > Ecwid Store. Place the widget to the desired area on your website and click on it. On the left you will see a menu with Ecwid settings. Connect your existing Ecwid account or create a new one. For detailed information about Ecwid online store, visit http://www.ecwid.com/pricing.
Alternatively, the online store can be created with the help of the Card widget: Builder > Content > Card. Drag the widget to the desired area of your website and set up its design. You can customize the card by adding a product picture, description, and price. To make it possible for visitors to place orders, attach order windows to the buttons. Integrate as many cards as you want until you get a product gallery that matches your business needs.
There are two ways to do it:
#1 An online store can be created with the help of the Card widget: Builder > Content > Card. Drag the widget to the desired area of your website and set up its design. You can customize the card by adding a product picture, description, price and a Call-to-Action button. Integrate as many cards as you want until you get a product gallery that matches your business needs.
#2 Alternatively, you can add a price list with descriptions of your products and services. For that, in the Builder, open the Content tab and select the Price List widget. Drag it to the desired location on the website.
You can add up to 10 images in the Slider widget. If you want the slider to be free of any texts and buttons, consider using the Gallery widget and selecting the Slideshow design for it. In this case, the number of images is unlimited.
You can allow comments on your posts in the Blog section of your website. To create a blog, on the left hand menu select Site Pages > Add page > News.
Create your first post here and click on it to open the settings on the left. From there, enable the Disqus commenting system.
Click on the Disqus message that will appear under the post.
Connect your existing Disqus account or create a new one.
To upload a file to your website, use the File widget which is located on the left panel of the Builder under the Media tab.
The maximum upload file size is 30 MB.