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. You can also capture other data such as birthday, zip code and more.

Need an informational type landing page, instead? No problem. You can also create pages 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.

  • Allows users to capture additional profile field data.

  • 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. Click the Landing Page card.

  3. Enter a name for the landing page.

  4. Choose from one of the three template options - Email Signup, SMS Signup or Informational by clicking the desired templated card; or click Start From Scratch to begin building.

  5. Design the landing page.

    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.

    1. 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 settings.

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

    3. 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, forms, 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 wide.

      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.

      Form Building

      Click on a feature to learn more:

      Add a New Form and Configure Profile Fields

      1. Click or Drag the form content element onto the canvas > click Create Form.

      2. Select the applicable channel > Email or SMS.

        1. Email Channel:

          1. Select the List the user will be subscriber to.

          2. Choose to Override Unsubscribe (optional) - enabling this will allow contacts to resubscribe to a list they have previously unsubscribed from.

          3. Enter the Redirect URL link.

        2. SMS Channel:

          1. Select the List Subscription Campaign the form will be connected to.

          2. Enter the Redirect URL link.

        💡 Note that the primary identifier (Email or SMS) will automatically display as a form field, which cannot be deleted.

      3. Additional fields can be added to the form that can be used to collect data about a contact.

        1. Click the Add Field dropdown menu.

        2. Select an existing profile field.

          📑 Need to create a field first? Learn how to create new profile fields.

      4. Click Edit within the input field to configure field settings such as adding a placeholder text value and/or apply validation to the selected field.

      Form Example using Email Channel:

      Make Creative Updates/Edits to an Existing Form

      1. From the Design page > click Edit Design.

      2. Click the form element on the canvas to open the content property panel.

      3. Select from the various options to make creative updates to the form such as managing the form width, alignment, font styles, form elements (fields, labels and button) and overall block properties.

      Update the Field Settings on an Existing Form

      1. Click the form element on the canvas to open the property panel.

      2. Click Edit Form to open the form settings popup.

      3. Follow steps i7 to make changes to the form settings.

  6. Click Apply to finish the form setup.

  7. When finished designed the landing page, click the Apply button.

💡 Multiple forms can be added to a landing page, to add another form repeat steps To Add a New form and Configure Fields.

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

  • Templates are a creative starting point configured with various content elements.

  • Channels can be changed regardless of the templated selected.

    • For example, if you select Email Signup you can change the channel to SMS when editing the form.

  • Subscription capture forms can be added to Informational Templates.

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