In this article, you will find detailed information about the tools and the features you can use in creating new pages for your store. The Page Builder allows you to create a fully customized design for pages and then use those pages as landing pages your business needs, as a Home page for your store, or as a Thank You page visualized after a successful order. Find all the details below.

First log in to your control panel and enter section Marketing > Landing Pages > Add new page and choose Drag & Drop Page Builder.



Please feel free to read more about creating a Landing Page here. All additional information about Adding/Editing rows is also included in the article.

Adding widgets



Each row you add could be contained by columns with different sizes. For example, after choosing, that you want 2 columns, first of which filling 1/6 part of the row and the second filling the rest 5/6 parts of the row, you could start adding widgets to those columns. Every widget will adopt the space of the column you are adding it in.

The image above shows a row with layout contained by two columns filling 1/6 and 5/6 parts of the row. You can add as many widgets you need in each of the columns. You can currently add 16 types of widgets and use the tools in each of them to customize everything. You can see them below:





Add Title



Use the drop-down menu to choose the type of the Heading and fill the name of the Title in the empty field

Add Text

Use the empty field to add text and customize it with the text editor options provided

Product showcases



You can create product showcase and then customize it by setting its title, use the tools to order the products and set if the showcase will contain new, sale, featured products. Filter the products for the showcase and specify the products count and the products per row the way you would like to be visualized in the showcase.

Category or Brand showcases



Use this widget to add a showcase with categories or brands and set how many items per row you want to be visualized in this showcase.

Show Images



Add this widget if you want to upload images to your page. You can set the number of images, the images to be shown per row and you can set if the images would lead to a section of your store or to another link.

Add code snippets

Add a simple code to your page. You can add Javascript or HTML snippets to display it on your page.

Add Separator



Add a line, dotted or dashed separator to separate different sections and rows of your page. You can set colors, paddings, and width.

Add Video

Choose this widget if you want to add a video on your page. You can simply select the video type from the drop-down menu and put the link or the embed code in the field below

Carousel



The Carousel is a widget, through which you can show multiple images one after another. It's essentially a Slider.
You can read more about Sliders here.

Order details

You can add this widget to a page and use that page as a "Thank you" one. This way your customers will see the exact details of their own orders.

Bundle Selection



This widget allows you to visualize the bundles you've created on your landing page.

You can read more about the bundles here

Instagram photo



With this widget, you can automatically visualize Instagram photos in your store.

Product

With this widget, you can visualize a specific product with detailed information to your choosing.

Button "add to cart"

With this widget, you can visualize "add to cart" for a specific product.

Button

You can use this widget, to create a simple button in your landing page.

Article

Naturally, you can visualize articles from your blog using this Widget.

Editing Widgets



You can edit, copy, reorder and remove each of the added widgets on your page.

Edit the widget



With just a click you can change each setting of the widget you’ve added.

Copy widget

Use this quick button to copy an existing widget with all its already set options.

Reorder widget

Use this option to reorder each widget with drag & drop and put locate it in another column or row.

Remove widget

Use the button to quickly delete each widget.
Was this article helpful?
Cancel
Thank you!