This feature available on All Plans
Overview
The Paging Widget allows you to add a web page-like navigation structure to your campaign. Each section of your campaign appears as its own "page," making it easy to organize content.
When used with the Navbar Widget, this setup simplifies navigation without needing individual widget visibility settings or Action Widgets. Additionally, each "page" will have its own unique URL, making it easy to share specific sections of your campaign.
Adding the Paging Widget
- Click the Paging Widget icon in the Add Widgets Panel, or drag the icon into your preview area.
- Once added, highlight the Paging Widget and click the Container Widget icon to add new containers.
Each Container Widget within the Paging Widget acts as its own page. You can add other widgets (including nested Container Widgets) to build out each page.
Note: For optimal functionality, we recommend placing the Paging Widget at the top of your campaign, directly below your navbar.
Widget Settings
Renaming the Widget
- Click the pencil icon in the top-left corner (next to the name).
- Type the new name and press Enter.
CSS ID
- The CSS ID (starting with a
#
) is displayed in the top-right corner of the popup.
Customization
- Navigate through the left-side menu to customize your Paging Widget. Use the Back and Next buttons to move through the sections.
When finished, click the blue Save and Exit button to apply your changes.
Setup
In the Setup section, define how your campaign scrolls when visitors navigate between pages via the Navbar Widget. The options are:
- Scroll to the top of the campaign
- Scroll to the top of the Paging Widget
- Do not scroll
Visibility
To control when and where the Paging Widget is visible:
- Go to the Visibility section.
- Adjust settings for:
- Specific date and time visibility
- Builder-only visibility
- Country-specific visibility
For detailed instructions, refer to the Widget Visibility Help Doc.
Extras
Learn about the Main Tag, CSS Classes, and Smart Labels settings here.
Adding Navigation
To navigate between pages, add a Navbar Widget and link it to your Paging Widget:
Steps:
- Click the Navbar Widget icon in the Add Widgets Panel.
- In the settings popup, select Paging Widget from the left-side menu.
- Choose your Paging Widget by clicking its radio button, then click Synchronize Links Now.
The links corresponding to your Container Widgets will automatically populate in the Navbar Widget's Middle section.
Customizing Link Placement:
- Drag links to the Left or Right sections as needed.
- Reorder links by dragging them within the list.
Note: Regardless of the Navbar Widget's setup, the Paging Widget will display the topmost container when the landing page loads.
Customizing Page Titles & Paths
To update page titles in the navbar:
- Click the edit icon on a Container Widget in the Paging Widget.
- In the Widget settings pop-up, click the pencil icon in the top-left corner to rename the Widget.
- Type the new name and click the checkmark to save.
Custom Page Paths
- Use the Custom Page Path field on the right side of the popup to define a unique URL path for each page.
Once saved:
- The new title will appear in your navbar.
- The custom path will update the URL when the page is accessed.
When published as a landing page, the campaign will display the updated paths, making it easier to share specific sections.