Skip to main content
Landing Page Editor Guide

Learn how to create an Email signup page, SMS signup page or Informational landing page.

Support avatar
Written by Support
Updated over a year ago

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

    1. πŸ’‘ The template options will still allow you to update the form's creative, select multiple channels and modify the form fields. Follow the steps in the Make Creative Updates/Edits to an Existing Form

  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. πŸ“‘ Read the Landing Page Component Glossary to learn more about how each component applies to the overall design of your landing page.

  6. Build the Form.

  7. Click Apply to finish the form setup.

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


Form Building

Click on a feature to learn how to build from scratch or edit a templated form.

Add a New Form and Configure Profile Fields

A form can be added to any landing page to capture new subscribers to the email and/or SMS program. The form can also be used to gather other valuable pieces of information about new subscribers such as name, location, birthdates or other custom profile data.

Start by dragging a Form Content element onto the canvas, then click Edit Form. Complete the two steps below to create the form.

  1. Subscription Settings

    1. Select the Channel - You can multi-select to subscribe users to both the email and SMS programs.

      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.

    2. Enter the Redirect URL link.

    3. Click Next to move to the next step.

  2. Form Fields - optional

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

    πŸ’‘ To continue without adding additional form field, click Apply to save the Form Settings.

    1. To add additional field, follow the steps below:

      1. Click the Add Field dropdown menu.

      2. Select an existing profile field.

        1. The format the data is collected is based on the the data type selected when the field is created. Learn more about email and SMS field types.

    2. Click the field name to configure the Field Settings. Options include:

      1. Add placeholder text.

        1. Type the value in the input field.

      2. Make the field a requirement in order for the user to submit the form.

        1. Click the toggle, turning it blue, to enable.

      3. Delete the field.

        1. Click Delete to remove.

      4. Field Mapping - this is used to map the collected data to a profile field on one or both channels. For example, if you selected both channels (email and SMS) and you want to collect 'birthday' it would be ideal to add that profile data to both channels.

        1. Under each channel's dropdown menu, select the profile field the data will be stored in.

    3. Repeat steps 1 and 2 to add multiple fields to the form.

    4. Click Apply to complete Form Settings configuration.

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 ii to make changes to the form settings.

πŸ’‘ Form Building Tips:

  • πŸ“‘ Need to create a field first? Learn how to create email and SMS profile fields.

  • The primary identifier (Email and/or SMS) will automatically display as a form field, and cannot be deleted.

  • The form fields are grouped by channel.

  • Form mapping will allow a field to be mapped to both channels (Email and SMS) in a single form.

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

    • Upon activation a Listrak subscription point will be automatically generated. You can view and management any subscription point by navigating to Settings > General Settings Subscription Points. Click here to learn more about managing Subscription Points.

  • 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 or add the SMS channel 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.

  • πŸ“‘ Read the Landing Page Component Glossary to learn more about how each component applies to the overall design of your landing page.

Did this answer your question?