Design landing pages via Quick Builder

To design a landing page as per your requirements, complete the following steps:

  1. Under Communication tab, in the New list, select Landing page.
  2. The Communication page appears. Click Blank Content from the Create New section.
  3. Under Content, under Design columns, drag and drop the columns as per your requirement.
    You can now add titles to Landing Pages. After adding the desired column and complete the following steps:
    1. Select the added column.
    2. Click Settings.
    3. Expand Attributes.
    4. For the Page title field, provide an appropriate value. Values can be text, number, emojis, and personalization fields. You can manually enter the personalization field by typing <!--ExamplePF--> or by typing # and by selecting the listed personalization field. You can add multiple personalization fields.

    You can add Page Titles to static landing pages as well but in static landing pages you can only add text and emojis as values. You cannot add personalization fields for page titles in a static landing page.

  4. Under Content, under Toolbox, you can see the following tools. You can drag and drop them to the design columns.
    • Text: It allows to add an area to include multi-line text to the landing page.
    • Button: It allows to create a button in the landing page and add a link to another landing page. Once you submit the landing page, the responses are captured.
    • Checkbox: It allows to add a checkbox group with two checkboxes to the landing page.
    • Radio: It allows to add a radio group with two radio buttons to the landing page.
    • Text area: It allows you to add free text area to the landing page.
    • Input: It allows you to create an input area where you can specify required information.
    • Spacer: It allows you to create a space within the column structures.
    • Divider: It allows you to create a division within the column structures.
    • Snippets: It allows you to create reusable content snippets.
    • External Content: It allows you to connect to content that is stored the Unica installation.
    • Social: It allows to include a social networking URL in the landing page.
  5. Under Settings, you can configure the various settings for the available tools.
    • Text: Under Font, you can apply various settings for font like colour, family. fallback, font size, weight, style, line height, Under Padding, you can set the padding from left, right, top, and bottom.

      Under Settings > Input, you can select if the text value is Mandatory and also provide Report field name, Max-length, Type, and Default value. In case of Default value, you can either provide a text value or you can use a hash tag (#) and select a personalization field. You cannot copy-and-paste a value for the Default value field.

    • Button: You can perform the following settings.
      1. Under General, in the Report field name, specify a value.
        Note: Ensure that you do not have spaces in the Reportfieldname for all tools, while designing Landing pages in Quick builder or in Message editor as having spaces in Reportfieldname can cause Extract process box to fail when it takes input from Landing page.
      2. Under Button Text, type the text for the button.
      3. In the Type list, select either Button, Submit, or Reset.
      4. In the Landing page/URL field, specify the URL of the landing page or any URL that you want to link to the button. If you have chosen button in the previous step, you must ensure that the button is connected to either a landing page or an URL.
      5. Click Link.
      6. Under Add Link, perform the following steps:
        • Select any one of the following options:
          • URL Link: Type the URL that you want to connect to the button.
          • Select Landing page and click Browse to select the landing page you have designed and published in Quick Builder.
        • To open the link or landing page in a new window, select Open link/LP in a new window.
          Note: In the mailer, any URL or Landing Page always opens in a new browser tab or a browser window. Upon accessing the URL or Landing Page, if you add this option to any element like text, button, or image, the configured links or configured landing pages opens in a new window.
        • Click Select.
        • For the Specify Alias (Use for link report only) field, provide a unique name to identify the link. For more information, see Specifying Alias.
        • Click Save.
      7. You can perform further settings under Background, Font, Attributes, Border, and Padding.
    • Checkbox: Under Settings, under Tool, you can choose the various settings for Attributes, Background, Border, Padding, Styles, and Sizes.
      Under Checkbox, perform the following substeps.
      1. Under Group, click Add to add another checkbox to the added checkbox group on the Landing page.
      2. Select Mandatory to make the checkbox group mandatory for input.
      3. Under Attributes, Font, and Padding, you can set the checkbox's attributes, font and padding.
      4. In the Label field, type the Checkbox Group's name.
      5. Click Add to add another checkbox to the group.
      6. Under Checkbox#, specify the label of checkboxes. Additionally, select Is default if you want the value of the checkbox to be selected by default. In case of multiple checkboxes, the Is default field can be active for multiple checkboxes. You can click to delete the already added checkboxes from the checkbox group.

      Under Attributes, Font, and Padding, you can set the checkbox's attributes, font and padding.

      Under

    • Radio: Under Settings, under Tool, you can choose the various settings for Attributes, Background, Border, Padding, Styles, and Sizes.
      Under Radio, perform the following substeps.
      1. Under Field Name, specify the Radio Group name.
      2. Select Mandatory to make the radio group mandatory for input.
      3. Click Add to add another radio button to the group.
      4. Under Attributes, Font, and Padding, you can set the radio group's attributes, font and padding.
      5. In the Label field, type the Checkbox Group's name.
      6. Under Radio#, specify the label of radio buttons. Additionally, select Is default if you want the value of the radio button to be selected by default. In case of multiple radio buttons, the Is default field can be active for any one radio button. You can click to delete the already added radio buttons from the radio button group.
      7. Under Attributes, Font, and Padding, you can set the radio buttons' attributes, font, and padding.

      Under Label, you can set the radio group and radio buttons' attributes, font and padding.

    • Text area: Under Tool, you can perform the settings for Attributes, Background, Border, and Padding.
      Under Textarea, perform the following substeps.
      1. In the Report field name, specify the field name.
      2. Under Max length, specify the maximum length of text that can be added in the text area.
      3. Under Rows, specify the rows of text that you want to add in the area.
      4. Select Mandatory to make the text area mandatory for input.
      5. In case of Default value, you can either provide a text value or you can use a hash tag (#) and select a personalization field. You cannot copy-and-paste a value for the Default value field.
      6. Under Attributes, Font, and Padding, you can set the text area's attributes, font and padding.
      Under Label, set the text area's label, font, attributes, sizes, and padding.
    • Input Label, Spacer, and Divider: You can perform the various settings for input label, spacer, and divider.
    • Image: Click Browse to select the image from the Content picker or under Source, specify the public location of the image.

      Under Sizes, Attributes, Font, and Padding, you can set the image's size, attributes, font and padding.

    • Snippets: For more information, see Snippet.
    • External Content: For more information, see External Content.
    • Social Networking: Under Icons, perform the following substeps.
      1. In the Add New Network list, select the social network you require.
      2. In the Label field, type the label.
      3. In the Link field, specify the social netwok link you have chosen.

      Under Styles, Font, and Padding, you can set the style, font, and padding for the social network text.

  6. In 25.1.1, we have introduced a new configuration called Accessibility, within General Settings, where you can set the language attribute for mailing template. This helps the browser to identify the language of the communication. If you enter an incorrect format, you will see an error. Example: Correct format: en-US, English. Incorrect format: EN_US.
  7. Click Save & Publish to publish the landing page. You must publish the landing page to link to an email message. To get details on how to link a landing page to an email message, see the Button topic.