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.

img-md
modal-image

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.

img-md
modal-image

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.

img-md
modal-image

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.

img-md
modal-image

Define what will happen upon clicking the button:

• Confirmation page: 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.

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

img-md
modal-image

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

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.

img-md
modal-image

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.

img-md
modal-image

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.

img-md
modal-image

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.