What are Landing Pages?

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 Landing Pages?

  • 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.

  • The form builder meets the ADA accessibility requirements.

  • There are several ways to publish the page on your website:

    1. Allow Listrak to host the page to ensure data security protocols are met.

    2. Embed the page directly into a pre-existing or new webpage.

    3. Use page positioning via Listrak's JavaScript.


Landing Page Setup

Design

  1. Click the New Web Content button

    1. Select the Merchant > click Select.

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

  3. Enter a name for the landing page.

  4. Choose one of the template options:

    1. Email Signup

      • 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.

    2. SMS Signup

      • 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.

    3. Informational

      • Click the Informational card to select this option.

      • Information pages do not require any template configurations.

    💡 Only one template can be selected per form.

  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 component applies to the overall design of your landing page

      💡 Click the Preview button at any time to preview the design.

      • 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. Click the Apply button to apply the design to the page.

Configuration

The publishing settings give you the option to choose how to want to display the landing page.

  • Hosted Page URL: (Listrak Hosted) Is a nonconfigurable autogenerated link that will be assigned to every landing page. 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. For example:

  • Embed Code: To embed this form, you must first activate this content.

    • Click Activate in the left column. The code needed to copy and paste on your site will display on the Review page.

  • Positioned on Your Site:

    • Check the box to enable the configuration to position on your site.

    • Select the position (Before, After or Into) from the dropdown.

    • Enter an attribute or ID to define the location. For Example:

Review

After review the settings configured such as the Merchant name, the List name, the URL applied as the redirect and the slug (which can be edited on this page) you can choose to edit, save, activate (if not selected previously), deactivate, copy the code or close out of the builder.

💡 To share the content click the copy button next to the applicable code.

📌 Action Definitions

  • 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.

  • Deactivate: Will disable 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.

Did this answer your question?