Page Builder v1 Overview (Legacy)

With Limio, marketers can change the visuals of their campaign splash page through the Page Builder.

The Page Builder 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 - Components List.

Adding a new component

Just search for a component and drag & drop the component onto the page. You can drag components up and down to re-arrange them within the page.

Screenshot_2019-12-04_at_12.34.36.png

Moving a Component

Use the arrows in the top right corner.

Screenshot_2022-02-04_at_13.45.36.png

Editing a Component

To edit a component, click on the pencil icon and then on the right hand side you will be able to change the visuals, wording, URL links as well as the style and fonts of the component.

Screenshot_2020-12-04_at_15.51.01.png

Deleting a Component

To delete a component, simply select the component and click on the "x" option at the top right.

Screenshot_2020-12-04_at_15.49.48.png

Copy a component from one campaign/page to another one

Should you wish to copy a components from one campaign to another, just click on the component then on the files icon. You will then be able to provide where you want the component to be copied.

Screenshot_2019-12-04_at_12.35.29.png

Once you select the Copy option, you will need to provide the destination where you want the copy components to be added to.

Screenshot_2020-12-04_at_15.46.50.png

Then go to the campaign where you copied the component to and you will be able to make changes to it there. Custom styling will be automatically ported over.

⚠️ Note: Custom styling related to the component and automatically generated by Limio will be automatically copied into the new campaign. Note that the imported custom styling may clash with the existing styling on the new campaign, especially if you are using the same component in multiple places. Go to Style > Show Style Code and search for component classes to review. Moreover, custom CSS that has been manually typed for certain classes related to the component in the Style > Show Style Code in the old campaign will not be automatically ported over in the new campaign. You will need to manually copy your custom CSS code into the new campaign. If you need all styling to be imported, please duplicate the campaign using the Duplicate Current feature. All styling will then be imported.

Style and Fonts

To change the style and fonts of the different components within the page builder - check our detailed guide here.

Page Reference

If you already had an existing campaign with a landing page that you wanted to use for your current campaign, the Page Reference button at the top of the Page Builder allows you to reference that existing page.

Step 1 - Select Page Reference > Add page reference

Note: Adding a page reference will erase existing page style and content of the Page Builder, but will keep the Campaign Offers, Attributes, Attachments and Journeys.

Screenshot_2020-12-15_at_13.08.24.png

Step 2 - Choose how you want to create the page - Reference an Existing Page > Next Step

Screenshot_2020-12-15_at_13.07.39.png

Step 3 - Select the campaign page you want to reference.

Screenshot_2020-12-15_at_13.09.18.png

⚠️ Note: You will need to make sure that the Campaign Page you are trying to Reference already has a tag, otherwise the build may not succeed.

Step 4 - Preview how it will look > Save

Screenshot_2020-12-15_at_13.09.54.png

And there you have it - you have successfully referenced another campaign's page.

Step 5 - A referenced campaign will then need to be built, then published individually. In other words, if you have rebuilt and published the original 'parent' (reference) campaign, you will still need to rebuild and publish all the 'children' (referencing) campaigns.

Screenshot_2020-12-15_at_13.10.12.png

Finally, if you wish to remove the reference, type on Remove reference.

⚠️ Note: If you remove an existing reference, you will automatically lose all styling and components of the page and start over with a blank page.

If you have any questions, please email us at [email protected].

---