Static elements

An element is a minimum unit of content, such as a button, text, image, form, title, icon, etc. Each element type has unique settings that you can customize as you want. 

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

You can edit any element on the website page by clicking it. Here is an example of editing the Button element.

The visual editor allows seeing changes to the site instantly.

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

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.

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

Click the ellipsis icon and select Copy to clipboard if you want to copy an element with all its settings to use it later on any page of the current site. Select Copy style if you want to apply your designs to another element.

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.

To duplicate an element to the current page, mouse over it and go to the control panel in the top right corner. Then click the “…” button and select Duplicate.

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

You can start editing any Text element (title, subtitle, text, animated text, quotation) after its adding.

Text is edited right on the page. To open the text editor, hover over the text or select any word.

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 enter SEO Settings of the text element.

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 link of a particular section on any other page of the current site.

Lightbox — This setting allows visitors to zoom 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 section chosen on the page.

Send email — Clicking 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.

NOTE
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 apply to 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.

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.