Web Content Dashboard

The web content dashboard is where you come to create new email or SMS signup forms, informational pages or custom popups.

To access the dashboard click on Web Content in the main navigation bar.

Page Navigation

  • New Web Content: Click to create a new signup form or informational landing page.

  • Search: Use the name to find a web page on the dashboard.

  • Sort: Use this function to sort columns.

  • Name: The name of the content.

  • Type: Type of content created - Landing Page or Custom Popup.

  • Last Updated: Last date and time (ET) the web content was updated.

  • Status:

    • Draft - web content is still being configured.

    • Active - web content is published.

    • Inactive - web page has been unpublished, users cannot access it.

  • Actions: Click the icon and select an option. These vary based on the status and type of content:

Actions

Definition

Available Status

Edit

Allows you to make changes or reactivate the page or popup.

Draft, Active, Inactive

View Live Link

(Landing Page Only)

Allows you to view and copy the live link.

Active

View Report

(Popup Only)

Allows you to access the individual popup report dashboard.

Active or Inactive

Duplicate

(Popup Only)

Allows you to make a copy of the popup.

Active or Inactive

Delete

Allows you to remove content.

Draft, Active, Inactive

Jump to a section to learn more



Landing Pages

What are Landing Pages?

Listrak hosted landing pages provide you a quick and easy way to create an email or SMS signup form with no additional code needed! In addition, you can build an informational type landing page to feature new product releases, special events, holiday promotions or much more. The drag-and-drop editor gives you all you need to create your branded pages from favicons to multiple page configuration options, a large variety of content elements and even custom HTML!

What are the benefits of creating a Listrak hosted Landing Page?

  • The form builder allows users to quickly create landing pages using a drag-and-drop form builder.

  • Provides non-technical users the ability to create basic landing pages since no code is required.

  • Allows users to create quick email or SMS subscription forms

  • Listrak hosted pages ensure data security protocols are met.

  • The form builder meets the ADA accessibility requirements.


Landing Page Setup

  1. To begin, click the New Web Content button.

  2. Select Landing Page as the type of web content.

  3. Choose from one of the three available template options: Email Signup, SMS Signup or Informational.

    💡 Only one template can be selected per form.

  4. Configure the Template, follow the steps for the applicable content type:

    • Email Signup

      • Select the Merchant

      • Select the email List the user will be subscriber to.

      • Choose to turn on (blue) or off the Override Unsubscribe feature.

        💡 Turning this on will allow contacts to be resubscribed to the list that were previously subscribed but are currently unsubscribed.

      • Enter the Redirect URL link.

      • Click Select > Confirm and Click Apply.

    • SMS Signup

      • Select the Merchant

      • Select the List Subscription Campaign the user will receive once they submit their phone number.

      • Enter the URL redirect link.

      • Click Select > Confirm and Click Apply.

    • Informational

      • Click the Informational card to select this option.

      • Information pages do not require any template configurations.

  5. Create the Design

    Each landing page will prepopulate a default design that is completely customizable to fit your brand and page objectives. The builder is broken into three components - Settings, Rows, and Content blocks. Review more about how each components applies to the overall design of your landing page:

    • Settings: Apply to the entire design and are inherited by Row structure and Content blocks. For example, the font family set in the design settings is then used everywhere in your design, except where you use a custom setting.

    • Rows: Rows are structural units that define the horizontal composition of a section of the design by using columns, a row can include one to six columns. Any row can be added, removed, copied, saved, and moved.

      For example, you can select a background color for the entire row, only the design area, or a specific column within it.

    • Content: This section includes a series of tiles that represent the different kinds of content you can use in your design such as images, text, buttons, social, video, etc.; which can also be added, removed, copied, saved, and moved. To use them, just drag one inside a column, it will auto-adjust to the column width.

      Every content block has its own settings, such as granular control on padding. The right-side panel automatically switches to a property panel for the selected content element.

  6. Apply the Configuration settings

    A nonconfigurable autogenerated link will be assigned to every landing page, however you can add your own URL slug, the part of the URL after the last backslash, as a way for you to identify the landing page for reporting purposes.

  7. Review the setting applied on the Confirm page

    Here you will see the type of template selected, the Merchant name, the List name, the URL applied as the redirect and the slug (which can be edited on this page).

  8. Complete the setup by choosing to Save, Activate or Close out of the builder.

    • Save: Will save the progress made on the setup of the landing page - status will display as Draft.

    • Activate: Will publish the landing page content.

    • Close: Will exit you from the page, any changes made without saving first will be lost.

💡 Helpful Tips

  • To deactivate either type of landing page > click the actions icon on the dashboard > click Edit > click Deactivate.

  • When editing a saved, active or inactive landing page note the following:

    • Selecting a new template or adjusting the settings will overwrite any design that has been previously applied.

    • The original Template setting values will appear to be gone, however they are stored in the background and are still applicable unless any updates are made, then the new values will override and be stored in the background.

  • The URL will automatically format to remove white spaces and certain characters.

  • Landing pages that capture subscriptions will include Listrak's integration code.

  • Listrak hosted pages will not contribute to SEO rankings.



Custom Popups

Popups are an easy way to increase your lists subscribers - especially if a customer is just being introduced to your brand. Popups typically capture: new website visitors, existing customers revisiting the site to make a purchase, or shoppers seeking an incentive prior to making a purchase. You can create popups that cater to each of these groups of customers.

⚠️ Legacy popups will still function as they were configured to and can be modified using the existing popup setup. If you'd like to update these to Popup Pro, please copy the HTML from the Sign up and Confirm sections and place them into Popup Pro. Please move any style sheets into the CSS tab. If you have any questions, please contact success@listrak.com.


Custom Popup Setup

  1. To begin, click the New Web Content button.

  2. Select Custom Popup as the type of web content.

  3. Enter a name for the popup.

  4. Next follow the 3 step process to complete the custom popup.

Step 1: Select a Template

First, select a template.

  • Lightbox

  • Lightbox with an image

  • Fullscreen

  • Banner

  • Scroll Box Left/Right

  • Custom

NOTE: A mobile layout will automatically be inherited from desktop. This is the same design that was just configured above.

Lastly, select an animation. The animation options are only available if you've selected a template with animations, such as: lightbox and lightbox with an image.

When you've completed selecting a template/animation, click Apply Template.

After the template has been selected and loaded, you will notice that the HTML is now populated on the design page. If you are using custom HTML, this is where you'd insert the HTML for the popup.

CONFIRMATION

After the Sign Up portion of the popup has been designed, configure any confirmation design or settings you’d like to apply.

The confirmation of a popup may include messaging thanking the customer for signing up or a URL redirect ushering subscribers to perform other actions, such as completing a preference center, beginning the account register process, or taking them to additional content.

A URL redirect encodes the email address from a submitted popup. Once submitted, the email address is encoded, prepopulating the email field of a form, while keeping user information private.

Step 2: Configure the popup

TRIGGER TYPE

Click here for a more in-depth explanation of triggers and targeting types.

  • Entry: Displays when a visitor enters the website. Enter a delay time for the popup to be triggered.

  • Exit: Displays when a visitor shows intent to exit the website.

  • Scroll: Displays when a visitor scrolls down the page, the popup pops on depth.

  • Button: Displays when a visitor clicks a button. Configure these styles here.

  • Manual: Displays when a visitor clicks an element on the site where the popup script has been manually added, such as a link, button, or image. To use a manual popup, enter a unique name, then apply the onclick event to an element on your site.

MANUAL POPUP EXAMPLES

  • <a onclick="_ltk.Modal.load('Popup Name')">SUBSCRIBE</a>

  • <button onclick="_ltk.Modal.load('Popup Name')">SUBSCRIBE</button>

  • <a onclick="_ltk.Modal.load('Popup Name')"><img src="Image URL"></a>

TARGETING

Target your popup by URL, device, or engagement and behavior. Click here to learn more about popup targeting.

SUBSCRIPTION SETTINGS

Before setting up a popup, be sure to have previously set up your subscription point integration. Click here to learn more about the different methods to setting up subscription points. Once your subscription points have been configured, select a Merchant (if applicable), then select a subscription point from the drop-down menu.

ADVANCED SETTINGS

Lastly, select if you'd like to close the popup when the user clicks the overlay.

Once you've configured the above, click Next.

Step 3: Confirm the popup settings

The last step is to review the popup. On the third step of the process, you will see at-a-glance confirmation including:

  • Desktop Design

  • Animation, if applicable

Click the Preview button to view a live, rendered popup for desktop and mobile.

Next, review the popup configurations: the trigger type and the selected subscription point. If you've selected a manual trigger type, the directions to apply this on-site will also appear here.

Lastly, test your popup by following the below steps.

  1. Enable the popup test mode.

  2. Test the display by adding the design parameter ?ltkpopupshow=Popup Name to the end of the page URL.

  3. Test the configuration, such as trigger and targeting, by adding the configuration parameter ?ltkpopuptestmode=1 at the end of the page URL.

NOTE: If you're testing the popup configuration, you need to clear cookies each time to retest.

Page of Session can be tested using the ?ltkpopuptestmode=1 parameter. Test by navigating to the page the popup should appear on. For example, if you want to display the popup on page 2 of the session, then navigate 2 pages.

NOTE: The page count will only increase when navigating to a new page, not when refreshing or hitting the back or forward buttons.

If additional edits are required at this time, you can navigate through the process on the left-hand side. Click Save to save the popup.

ACTIVATING THE POPUP

After you've tested and saved your popup, you are now ready to activate your popup. Click the green activate button in the lower left-hand corner of the screen.

You will be prompted to confirm to activate the popup. Confirming activation makes the popup live on your site.

Congratulations, your popup is now live!

After activating or saving a popup, changes may take a few minutes to complete before being available on-site.


Popup Reporting

Learn more about Popup Reporting/Analytics

💡 Helpful Resources

Did this answer your question?