Marketing Cloud Growth Edition builders enable marketers to build beautiful landing pages and forms with ease. The builders have a robust set of styling and functionality options that allow Marketers to customize their assets without needing extensive custom coding. Let’s dive into the features of these builders and walk through how to build your first Growth Edition assets. 

Creating a New Landing Page

Users can create a new landing page in two ways:

Option 1

Navigate to Content > CMS Workspace for Marketing Cloud

Select Add > Content

Select Landing Page

This option starts you with a completely blank canvas and does not auto-generate a form or flow for your page. It does, however, allow you to apply the Brand Guidelines that are currently in beta (as of March 2024).

Option 2

Navigate to Campaigns and create a new campaign

Select Save

Select the Signup Form Template

This option starts you with a Salesforce Landing Page that can be easily customized with your own content and styling. It also auto-generates a form and flow for the form. 

Landing Page Builder

Once you’re in the landing page builder, you can begin setting up the landing page’s basic info. 

This includes:

Internal title and description

Public page title (max 70 characters)

URL content slug, this is the URL-friendly name for your page (a.k.a. vanity URL)

Favicon

Whether or not the Landing Page should be hidden from search engine indexing

You can also optionally set a background image for the Landing Page on the Style tab. 

Drag-and-drop components

Similar to the Lightning Builder experience for Account Engagement, you can begin building your Landing Page by dragging and dropping components from the left-hand components menu. 

I always like to start with a Sections component so I can divide up my section and set the style before dragging in another component for my content. The Sections component can be divided up to 12 and includes an option to stack columns when the page is viewed on mobile.

Add more components to section

Once you’ve formatted your section, you can drag and drop additional components into said section. This includes:

Buttons

Dividers

Headings

HTML

Lists

Paragraphs

Forms

Images

All components and sections have robust editing options and have an optional area to enter Custom CSS for more granular customization.

Add form to landing page

To add a form to your Landing Page, drag and drop a form component anywhere on the builder canvas. Once a form component is added, select the existing form you’d like to use. You cannot create a new form while in the landing page builder, but you can open the form builder to edit an existing form or switch out the form later. You can only have one form on your Landing Page.

Form Builder

Build your form by selecting edit within the form component on your landing page. Once in the form builder, you have the option to configure a data source to pull in Lead, Contact, or Account fields into your form. Doing so allows you to easily see which fields are required to create a new record of that type. 

If you opt to not configure a data source, just ensure your fields are mapped accordingly within the flow. 

Customize your form

The components panel has several options for customizing your form. You can enter buttons, dividers, headings, HTML, lists, and paragraphs above, below, or in between form fields. You can also create a new section or insert images. The following form field types (aka Inputs) are supported in this form builder: 

Email

Phone Number

Plain Text

Checkbox

This is an individual checkbox, but multiple checkbox components can be added in if you want a multi-picklist.

Dropdown

You must manually enter the picklist options for dropdown components. Labels and Unique Names can be set for each value within the field.

Drag and drop Inputs into your form to add new fields. Options to add placeholder text, make the field required, and set the max length of the entered data are available on the right-side panel. You can also fully customize the field’s text styling, background, padding, border etc., as well as insert Custom CSS.

Edit any flows

Keep in mind that adding or removing fields from the form does not automatically update the flow that is associated with it. When you are done building your form, you will need to edit your flow to correctly map the final form fields to their destinations.

Publishing your Landing Page

Once you’re ready to test and publish your landing page, select the Preview option from the top right-hand corner. The Preview will allow you to view your landing page in Desktop, Tablet, and Mobile views to ensure everything looks good no matter how your audience is viewing the page. 

When you are ready to push the landing page live, select the Publish button in the top right-hand corner. You can then confirm the related content that needs to be published with your landing page, such as images used on the page, translations, and your form. 

Activate URL Alias

Once published, you also need to activate your URL alias. Publishing a landing page indicates that the content is ready to be made available online, but the content isn’t accessible until you also activate the URL alias. To do so, 

Navigate to Content > CMS Workspace for Marketing Cloud 

Select your landing page

Select the URL tab

Select Activate URL Alias

Select Activate

Start Building in Growth!

Now you’re ready to build your first landing page in Marketing Cloud Growth Edition! Be sure to return to The Spot for more posts about Marketing Cloud Growth. We’ll dive into Flows, building emails and all our other Growth learnings in future blog posts.  

Want to know more about Marketing Cloud Growth, like, today? Then reach out to the team at Sercante to start a conversation.

Original article: Marketing Cloud Growth Edition: Landing Page and Form Builder

©2024 The Spot. All Rights Reserved.

The post Marketing Cloud Growth Edition: Landing Page and Form Builder appeared first on The Spot.

By