Build and design landing pages

Transcript

Now that you are familiar with how landing pages work let’s begin the process of creating one. In our example, we will be showing you how to create and customize landing page using images, text, calls to action, lay out modifications, and color. Personalize landing page by tailoring your content to individual leads by using tokens. Use actions in landing pages, such as editing landing page title or metadata and approving or deleting landing pages. Import guided landing page templates. Choose from a library of guided template options that you can customize without the help of a designer.

Okay, let’s create a landing page from a template. We’ll start by navigating to the Marketing Activities tab, select the program that you want your landing page to be associated with. Click the New dropdown menu and select New Local Asset. In the popup window, select the Landing Page option. The program should fill in by default and we’ll give our landing page the name LP for landing page -ThankYou.

The page URL will default to include the program name and the name of the landing page and can be customized. We can add a description or leave this field blank. Then select the template you want to use. Leave the open and editor checkbox checked and click Create.

Back on the summary page click Edit Draft to start customizing your landing page. Based on the template you choose you can modify different elements or toggle them on or off. You can add new images, edit text, customize background colors, hide or show template sections, and add your social icons and links.

You can also personalize the content for your leads by using tokens. Just click to edit a text area, add any additional personalized text, click the insert token icon. Then in the token field, select a token from the dropdown. In our example, we chose lead.First Name.

In the Default Value field, add your default text that will appear whenever your database is missing a lead’s first name or if they are not yet a cookied lead in your database. In this scenario, we use the default Valued customer then clicked Insert.

Back in the Rich Text Editor window, click Save.

Now that we’ve created a landing page there are other actions we can take such as approving, unapproving, and deleting or editing your metadata. To edit the metadata click the landing page in your workspace and click Edit Draft. Click the Landing Page Actions drop down and select Edit Page Meta Tags.

We’ll title this Pricing Page and enter some keywords that relate to our page. For Description, we’ll call this landing page pricing.

For robots, if you have content that you want to show up in search results, then you should choose index, follow. This means that your page can be indexed by search engines and that the links on your page can be followed. Custom HEAD HTML is used for functionality like how JavaScript can make check boxes on a form populated with constraints or for data augmentation companies to set up smart forms.

Facebook OG Tags allow control over how information is displayed from Facebook when a page is shared or liked. After we’ve added our content, we’ll click Save. Next, we’ll go over how to approve, unapprove or delete a landing page.

All landing pages are in draft mode until you approve them. Approving publishes the landing page and makes the URL live. When you edit an approved landing page Marketo saves the draft but continues to use the approved version until you approve the draft. To approve click the landing page in your workspace and in the Landing Page Actions dropdown select Approve. To unapprove click the Landing Page Actions dropdown and click Unapprove to place your landing page back in draft status. When you unapproved a landing page it will make the URL no longer active. So if the landing page is being used anywhere just make sure you properly update. To delete a landing page it must be unapproved first, so make sure you’ve done that before you start. We’ll click the Landing Page Actions dropdown and click Delete.

Marketo has a library of guided landing page templates that you can customize without the help of a designer. To import these, start by going to docs.marketo.com then search for guided landing page templates. Choose the template you want to download. Scroll to the bottom of the template article and click to download the template.

In Marketo, click on landing pages in your workspace, click the plus sign to show all contents, then select templates. In the menu bar, click Import Template. Choose the downloaded file. The template name should default here, then click Open. Make sure that the template name is correct, Editing Mode is Guided, then click Import. Now when you create a new landing page the template you downloaded will be a design option. -