Text Elements

Element Description
element_0000_Layer-2-1 A block of text that can serve mainly as a paragraph. The text can be edited from the sidebar or by directly inside the content area by double clicking it.
element_0001_Layer-3-1 A block of text that can serve as a headline, subheadline or title.
element_0002_Layer-4-1 A list wrapper.
element_0003_Layer-5-1 A list item that goes inside the list.

Media Elements

Element Description
element_0004_Layer-6-2 An image element to display images for your products and offers. Images can be uploaded from your desktop or hotlinked from a URL.
element_0005_Layer-7-1 A video element to embed videos from YouTube or Vimeo

Form Elements

Element Description
element_0008_Layer-10-1 A form input to collect information from your visistors
element_0007_Layer-9-1 A checkbox input for your forms
element_0006_Layer-8-1 A button that can serve to link to other pages, external website or to submit a form
element_0009_Layer-11-1 A text link to create a link to another page or to an external website
element_0010_Layer-12-1 A dropdown list that lets the visitor select one of the items in the list
element_0011_Layer-13-1 A text area to let the visitor enter a large text
element_0012_Layer-14-1 A stars selector, typically used when writing a product review.
element_0013_Layer-15-1 A label that goes next to a form element to give the visitor guidance about the what information should be input in a field.
element_0031_Layer-35-1 The File input is used to upload a file. You can use it to collect images for reviews or collect files from your buyers at checkout.
element_0032_Layer-36-1 The review form lets your visitors upload reviews for your product. This element should be used on a product page.

Layout Elements

Element Description
element_0014_Layer-17-1 A page section that holds a porition of the page.
element_0015_Layer-18-1 A container is a block that can be used to wrap several elements.
element_0016_Layer-19-1 A spacer is an element that is used to add space between sibling elements.
element_0017_Layer-20-1 A divider is used to add a line between elements.
element_0018_Layer-21-2 A row is used to hold several columns to make a responsive layout. Each row can hold up to 12 column width.
element_0019_Layer-22-1 Columns go inside of rows. Each column has its own width size.
element_0030_Layer-34-1 Masonry is a grid layout based on columns. Unlike other grid layouts, it doesn't have fixed height rows. A great example of the masonery layout is the layout on the Pinterest website.

Miscellaneous

Element Description
element_0021_Layer-24-1 The countdown timer is used to add scarcity to your offers. It can be an evergreen countdown timer or a countdown timer towards a defined date. The timer comes in different styles.
element_0022_Layer-25-1 The Images element is used to show your product images in an easy to navigate gallery.
element_0024_Layer-28-1 The Toggle element is used to show and hide a block of information. When using the Toggle element, the sidebar Layers panel becomes very handy as it always shows all the items even when they are hidden in the content area.
element_0025_Layer-29-1 The Currency Converter lets your visitors see the prices in their local currency or in any currency that they choose
element_0027_Layer-31-1 Similar to the Stars Selector, the Stars element is a static version where you can choose how many stars you want to show
element_0028_Layer-32-1 The Sticky element is a container that stays fixed on the screen while the user is scrolling your website.
element_0029_Layer-33-1 The carousel (or slider), is an effective way of displaying multiple images or content in a single space. It not only helps in saving screen space, but also encourages visitors to focus on important content and improves the overall visual appeal effectively.
element_0020_Layer-23-1 Tabs are used to group information under tabs. When clicked, each tab will toggle its content and hide other tabs' contents.
element_0023_Layer-26-1 An Accordion menu is a vertically stacked list of headers that can be clicked to reveal or hide content associated with them. It is one of many ways you can expose content to users in a progressive manner.
element_0033_Layer-38-1 Popups can be managed from the Popups menu in the top bar. You can also add a popup from the sidebar using the Popup element. The Popup will them show up inside the menu on the top bar.

Checkout Elements

All the following elements should be used for the checkout process with the exception of the Order Summary that goes in the Thank You page.

Element Description
element_0034_Layer-39-1 The payment form allows the buyer to choose the payment method that they want to use inside the checkout.
element_0035_Layer-40-1 Use the Express Checkout element allow buyers to pay using an express checkout method such as PayPal Express Checkout.
element_0036_Layer-41-1 The Order Bump element displays the Order Bump for the product that is being sold.
element_0037_Layer-42-1 The shipping address of the buyer.
element_0038_Layer-43-1 The billing address of the buyer.
element_0039_Layer-44-1 The checkout summary widget that shows the summary of the order along with a discount field.
Order summary The order summary widget that shows the summary of the order in the thank you page.

Widgets

Element Description
element_0041_Layer-48-1 The Variant Selector is used inside the Product Page and allows the buyer to choose the product variant that they want to buy.
element_0040_Layer-47-1 The Custom HTML widget allows you to add custom HTML code in different places of the page. Keep in mind that you can also use the Page Settings to add your own custom HTML without needing to use this widget.

Data

Element Description
element_0042_Layer-49-1 The Repeater to repeat your a part of your design in order to show a list information. For example, you can use a repeater to show a list of reviews. We go over the Repeater in more detail on the data binding page