Page Builder v2 overview of key features – Limio 🔄

With Limio, marketers can change the visuals of their Limio Shop & Self-Service pages through the Page Builder v2.

The Page Builder v2 works with 'components' which are pre-built sections which provide a set of functionality, like a hero banner, an offer display, or a Youtube video. To see a list of available Limio components, check our user guide - What are the Limio Components available on the Page Builder. Page Builder v2 also supports React components built by external developers.

Product Marketing - Components (2).png

To use the Page Builder v2, which is available in Release 84 and onwards, please follow this guide to enable functionality: How to activate the new Page Builder v2 experience

Creating a page

You can create a page from scratch or based on another existing page.

To create a page from scratch:

Click Pages in the left menu panel.
Click Create in the top right corner.
Click Create from scratch, click next.
Add a Page Name and select a page template. The attributes displayed are based on the page template that can be found in the Config tab in the bottom right corner.
Click save. You will be redirected to your new page.

To create a page based on an existing page:

Click Pages in the left menu panel.
Click Create in the top right corner.
Click Create from existing page, click Next.
Click the grey + icon.
Search for the page you want to create your new page based off of. Please note that you can only create a new Page in Page Builder v2 based off of other Pages specifically in the Page Builder v2. You cannot select a page in Page Builder v1.
Select the page, click next.
Add a Page Name and select a page template. The attributes displayed are based on the page template that can be found in the Config tab in the bottom right corner.
Click save. You will be redirected to your new page.

Modify page settings

Click the Settings button in the top right corner. This will allow you to further customise your page.

Page Configuration:

Template: Select an existing page template. Page templates can be created or updated by navigating to Config > Templates > Pages.
Tag: Displays the URLs to reach a page. A tag can only be used on one page, and a page can have multiple tags if needed.
Require Authentication: If the require authentication toggle is turned on, then the user will need to be authenticated to access the page. This is useful in self-service or checkout pages.

Attached Offers:

Once you've created an offer, you can add them to your page.

Label: Select an offer label if you want to display offers on the page. Once a label is selected, the relevant offers will be displayed.
The order in which the offers are listed are the order that they will appear in the offer component used. To rearrange the order of the offers, click on the arrows on the left of the columns.
You can modify the offer table columns by clicking the grey gear in the right corner.

Attributes

Page attributes are displayed based on which page template is set above. The attributes of a page are determined by closing the Settings view, and then navigating to Config > Templates > pages.

Adding a new component

Click on any "+ Add Component" button. This will display the Components selector.

Components are organised by type (eg Acquisition or Checkout), and specific components can be searched for using the search bar in the top right corner.

Moving a Component

Reorder components by hovering over the component you want to move, and using the purple icon with 6 dots to drag and reorder.

Editing a Component

To edit a component, click on the purple pencil icon and then on the right hand side you will be able to change the visuals, wording, URL links and other properties associated with the component.