Elements

An element is a minimum unit of content: button, text, image, form, title, icon and others.

When you add a page or a new section, you get ready-made templates with some basic elements. They are examples to show design and possible usage of each particular section.

You can edit any element on the website page. Here is an example of editing the “button” element.

The visual editor allows seeing changes to the site instantly.

Adding an element

If you want to add an element into the section which already has content, then hover over the top or bottom border of the current element and click on the ➕ icon.

To find the ➕ icon, hover over any element on the page.

Click the ➕ icon to open Add element modal window. Select a suitable type of element to add to the current section.

If you delete all the elements from the section, then, hovering over the empty section, you will see Empty area. Click to add an element.

Moving an element

To move an element, mouse over it and go to the control panel in the top right corner. The left button of the panel moves the element within the section or between the sections. Click the Move button to drag the desired element around the page.

 Copying to clipboard

Select Copy to clipboard if you want to copy the element and use it later on any page of the current site.

Up to six elements can be stored simultaneously in the clipboard. Each element is store during three hours.

To copy an element to the clipboard, click Ctrl + C or ⌘ + C.

To paste the last copied element from the clipboard, click Ctrl + V or ⌘ + V.

If you want to add one of the six copied elements in the clipboard, hover over any current element and click on the ➕ icon.

It opens the clipboard, and you can select a required element.

Duplicating an element

To duplicate an element, mouse over it and go to the control panel in the top right corner. Click the “…” button and select Duplicate if you want to copy this element to the current page.

Deleting an element

To delete an element, mouse over it and go to the control panel in the top right corner. Click the “…” button and select Delete.

Text editing

You can start editing any of the Text elements (title, subtitle, text, animated text, quote) after its adding.

Text is edited right on the page. Hover over the text or select any word to open the editor.

You can select font style and color, insert and edit a link, add a currency symbol, set up alignment and parameters of the text, add a list, change text style.

Click the “…” button to see advanced options of text editing: clear formatting, SEO settings and remove text.

Actions on click

Such elements as buttons, forms, images, menus and sliders have the Action on click option to set up what happens when visitors click on them. Each element has its unique set of actions.

Add to cart — It’s a button setting that allows adding shopping items to the cart.

Call — Customers can click on a button or image to call the phone number you’ve given.

Download file — Clicking on a button, visitors can download an image, a text file or a presentation.

Follow link — Set up this action for a button, form or image to take  site visitors to any page/site on your account or any site on the Internet. To do this, enter the URL of the required page/site. You can also enter the anchor of a particular section on any other page of the current site.

Lightbox — This setting allows visitors to enlarge images and sliders by clicking on them.

Proceed to payment — If you have connected a payment gateway, visitors can make payments right on the site. This option is set up only for the form element as you need to request visitors’ e-mail addresses to send back their receipts.

Scroll to section — Сlicking on a button, form, image or menu takes your visitors to any selected section on the page.

Send email — Clicking on a button or image opens an email agent with the contact email address and subject (optional) you’ve given. It  can be used to send CVs, leave testimonials or ask questions to the support team right on the site.

Show pop-up — Clicking on a button, form or menu opens a pop-up window. You can select a quiz, form, “thank you” window, product card, map from the list of templates or set up your own pop-up.

Start quiz — Clicking on a button opens a quiz modal window.

Use button settings — If there is a button in the section, an image or slider can use the same action on click as this button. For example, it’s handy in product cards: a customer who’s ordering food delivery from a restaurant clicks on the dish images. Every clicked dish is added to the cart — as if the customer clicked on the Order button.

If two or more buttons are added to one section or product card, all images and sliders in the section or product card will use settings of the button which is located first from the top.

Media settings

Media settings window allows to set up images, sliders and videos. Mouse over one of these elements and you will see a gear icon. Click it to open the editor of the current element.

Map settings

Add the Map element and click it to open the editor. You can embed Google Maps and customize the address and color of the location pin.

Button settings

Click on the added Button. In the open modal, you can customize the button text, style and color, set up an action on click and insert the code to fulfil goals in the analytics systems.

Icon settings

Icon element has two settings tabs. The Icons tab allows to modify the icon look. You can select an icon from the given list, search among more than 2 million icons or upload your own.

The Style tab allows to style the icon: its color, shape and so on.

Social links settings

Add Social links element to customize the links and style of icons.

Other elements of the editor have similar settings and represent various types of elements, for example, an icon with description.