In this article, you will find detailed information about thе widgets you can use to create new pages in your store. The Page Builder allows you to create a fully customized design for pages and then use those pages as landing pages for your business needs, as a Home page for your store, or as a Thank You page visualized after a successful order.
Log in to your control panel and go to the Marketing section > Landing Pages > Add a new page and choose Drag & Drop Page Builder.
Click on the Add new row button and choose the columns in which you will create your widget(s). Read more about creating a Landing Page here. Additional information about adding/editing rows is also included in the article.
The image above shows a row with a layout containing two columns filling 5/6 and 1/6 parts of the row. You can add as many widgets as you need in each of the columns. You can currently add 18 types of widgets and use the tools in each to customize them. You can see the different types of widgets below:
1. Add Title
Use the drop-down menu to choose the type of Heading and fill the name of the Title in the empty field.
2. Add Text
Use the text editor to add text to the field and format it according to the vision you want to achieve.
3. Product showcases
You can create a product showcase and then customize it by setting its title, use the tools to order the products by date, name or at random. Through the filters choose specific products that you want to be displayed in this showcase or products of a specific vendor, category or tag. Use the options for Products count and Products per row to set the way you want the products in this showcase to be displayed.
4. Category or Brand showcases
Use this familiar widget to add a showcase with categories or brands and specify how many and which categories or vendors you want to display on this page.
5. Show Images
Add this widget and set it up by uploading an image from your computer or an external link. Specify in the widget whether you want this image to contain a link and to what. Choose whether this widget contains more than one image and how many per row you want to be displayed.
6. Add code snippets
7. Add Separator
With this widget, you can create a separator for the other widgets that you add to the rows of your page. From the settings, you can set the style, position, color, padding and size of the separator.
8. Add Video
Choose this widget if you want to add a video to the row of the page you create. You can simply select the video type from the drop-down menu and put the link or the embed code in the field below.
The Carousel is essentially a Slider. Use the Carousel if you want to add several images in one section to change according to the settings you add. You can choose whether the image is full width, add a caption, control whether the carousel has controls and indicators and how it starts and animates (with Fade or Slide).
You can read more about Sliders here.
10. Text Carousel
The Carousel is essentially a Slider. With this carousel, you can add several text fields in one section to change according to the settings you add. Use the text editor to add text in the field and format it according to the vision you want to achieve. You can choose whether the texts are full width, control whether the carousel has controls and indicators and how it starts.
You can read more about Sliders here.
11. Order details
By adding this widget you will enable on the page a section in which the details of an already placed order will be displayed. It is suitable to use this widget if you create a page that you will use as a Thank you page. You can personalize this page by adding this widget and including a section with products, images and/or texts.
12. Bundle Selection
By adding this widget you will enable a section on the page in which the product bundles you have created in your store will be displayed. Select the bundle to place on the landing page from the drop-down list and from the settings set the number of products to be displayed and how many products to have per row.
You can read more about the bundles here.
13. Instagram photos
With this widget, you can add to the page you create a section with Instagram photos from your store account. You can set the details to be different from the ones you saved for the main part of your store. For this section to be displayed you must first turn on Instagram integration.
14. Yotpo reviews
With this widget, you can add to the page you create a section with Yotpo reviews from your store account. You can set the details to be different from the ones you saved for the main part of your store. For this section to be displayed you must first turn on Yotpo integration.
With this widget, you can display a specific product and customize which of its details are specifically visible. The widget gives you the freedom to control exactly where and how to present specific products to your customers. The options it contains are the same as in the 'detail information for product' widget to which you have access by default in the control panel of your store.
16. Button "add to cart"
With this widget, you can display a button that, when pressed, will add the product selected in the widget directly to the cart of the customer. This feature allows you to build a completely different vision for the presentation of the product and at the same time the buy button to be consistent with the design you use for your store by default.
Use this widget if you want to quickly and easily create a button that opens the link you set up. You can set which link to open when the button is clicked, what should be the text of the button, the color, the position, as well as whether the button should take the full width of the widget and whether to open the attached link in a new window. The design of the button will be in line with the design you are using by default.
With this widget, you can also display the blog you have created in your store on the page you are creating. The settings allow you to set the total number of articles visible in the widget space where you add them, as well as the number of articles per line. The design (the main features of the appearance) of the articles will be consistent by default with the design you use for the store.
Additional information about Landing pages
Managing and Assigning Landing Pages