Landing Page Composer Walkthrough

This walkthrough shows how to build and publish a complete Landing Page using the Landing Page Composer. It assumes you have already created a Landing Page and are ready to design, preview, and publish it.

Open and review your Landing Page

1. Go to Content > Landing Pages.
2. Click the Landing Page you want to work on.

Before designing, confirm in Settings that the page title is clear, the public URL is appropriate, and the page status remains Draft while you build.

Understand the target outcome

This walkthrough results in a focused, mobile-friendly Landing Page with a strong call-to-action and a form that is easy to find and complete.

Set Global styles

Global styles define the baseline appearance of your page. Setting them first helps keep your design consistent.

1. Open the Design tab.
2. Select Global styles.
3. Set the content width, alignment, background, and default fonts.

Build the page layout

Use rows and columns to structure the page before adding content.

1. Add a single-column row for a logo or header.
2. Add a two-column row for main content and the form.
3. Adjust column widths to emphasize your primary message.

Add hero content and call-to-action

The hero section should quickly explain the value of your offer and guide visitors toward the form.

1. Add a Title block for the headline.
2. Add a Paragraph block for supporting text or dates.
3. Add a Button block with a clear action (for example, “Register Now”).

Add and configure the form

The form is the primary conversion point on most Landing Pages. It should be easy to find, simple to complete, and accessible on both desktop and mobile.

Place the form

1. In the Design tab, drag a Form block into the appropriate column or row.
2. Position the form near the top of the page or in a dedicated column so visitors do not need to scroll far to reach it.

Select or create a form

1. Select the Form block to open its settings.
2. Choose an existing Act-On Form, or create a new one if needed.
3. Review the fields to keep the form focused on only the information you need.

Review form options

With the Form block selected, review these common options:

• Show prefilled – Displays known information for returning visitors when available.
• Exclude CSS – Use this if your form already includes its own styling and you want to prevent conflicts.

Link your CTA to the form

If your call-to-action button appears above the form, you can link it to scroll visitors directly to the form.

1. Select the Form block and enable Block identifier.
2. Give the identifier a clear name (for example, RegistrationForm).
3. Select the CTA button and set the action to Internal link > Scroll to > the form identifier.

This improves usability on mobile devices and helps visitors reach the form quickly.

Preview and test the page

Preview your Landing Page before publishing.

• Switch between desktop and mobile views.
• Confirm the form is visible and usable on smaller screens.
• Use Test links to verify buttons and links.

Publish the Landing Page

1. Click Publish page at the top right.
2. Confirm when prompted.
3. Copy the public URL for use in campaigns.