Define landing page-specific content lp-content

The landing page-specific Form component is already displayed in the canvas for the selected template.

Select it. The Form content tab displays in the right palette to let you edit the different fields of the form.

{modal="regular"}

Expand the first text field if any, or add one using the Add button. From the Text field 1 section, you can edit the field type, the database field to be updated, the label, and the text that will be displayed inside the field before users enter a value.

{modal="regular"}

Check the Make form field mandatory option if needed. In that case, the landing page can only be submitted if the user has filled in this field.

Expand the checkbox if any, or add one using the Add button. Select if that checkbox should update a service or a field from the database.

{modal="regular"}

If you select Subscription & services, select a service from the list, and choose between the two options below:

• Subscribe in if checked: Users need to check the box to consent (opt-in).
• Unsubscribe if checked: Users need to check the box to remove their consent (opt-out).

If you select Field, select a field from the attributes list, and choose between the two options below:

• Yes if checked.

• No if checked.

You can delete and add as many fields (such as text fields, radio buttons, checkboxes, dropdown list, etc.) as needed.

Once all the fields added or updated, click Call to action to expand the corresponding section. It enables you to define the behavior of the button in the Form component. Learn how

{modal="regular"}

Save your content to go back to the landing page properties.

Define what will happen upon clicking the button:

• Confirmation page: By default, the user will be redirected to the Confirmation page set for the current landing page.

• Redirect URL: Enter the URL of the page the users will be redirected to.

• Landing page: You can select another landing page for users to be redirected to. Make sure you configure the selected landing page accordingly.

If you want to make additional updates upon submitting the form, select Additional updates, and select the item you want to update:

• A subscription service - in that case, define if you want to opt in or opt out users upon submitting the form. When designing an email, if you define a Landing page-type link to this landing page, the selected service will be automatically used. Learn more on inserting links

  note note
  NOTE
  If you want to use several services with this landing page, use the Service from URL option described below.

• The channel - the email addressed used when filling the form.

• All channels - upon submitting the form, users will be opted in or out (depending on the selected template) to/from all communications from your brand on all channels.

• A field from the database - select a field from the attributes list, and define if it should be set to True or False upon submitting the form.

{modal="regular"}

Select the Service from URL option to allow the landing page to be used for several services, making it dynamic. Define if you want to opt in or opt out users upon submitting the form.

{modal="regular"}

When designing an email, if you define a Landing page-type link to this landing page, you will be able to select any service from the list. You can then select other services when defining other links to this landing page. Learn more on inserting links

{modal="regular"}

You can send a message on the submission of your landing page. Learn more here

In the CALL TO ACTION section, check the Send confirmation email option.

In the associated drop-down list, choose the transactional message template that needs to be sent out.

To modify the styles of your form component content, switch at any time to the Styles tab.

The Text field section is expanded by default. It enables you to edit the appearance of the text fields, such as the label font, the position of the label, the field background color, or the field border.

{modal="regular"}

Expand the Checkbox section to define the appearance of the checkboxes and corresponding text. For example, you can adjust the font family and size, or the checkbox border color.

{modal="regular"}

Expand and edit any other section corresponding to other fields you may have added (radio button, dropdown list, date and time, etc.) to your form.

Expand the Call to action section to modify the appearance of the button in the component form. For example, you can change the font, add a border, edit the label color on hover, or adjust the alignment of the button.

{modal="regular"}

You can preview some of your settings such as button label color on hover by using the Simulate content button. Learn more

Save your changes.