Design landing pages

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. Under Content, under Design columns, drag and drop the columns as per your requirement.
  3. 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.
    • Social: It allows to include a social networking URL in the landing page.
  4. 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 one of the following actions.
        • Select URL Link and 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.
        • Click Select. 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.

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

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