[Beta]{class="badge informative" title="This feature is currently in a limited beta release"}
Landing pages
A landing page is a standalone web page where you can direct contacts and customers after they click a linked item in an email, SMS message, or any digital location. You can incorporate these pages into your account journeys to get your prospects and customers to view your messages on the web and progress along in your account journeys. You can create, personalize, and preview landing pages in the landing page visual design space.
To direct your customers to a defined web page when they click a specific link, create a landing page in Journey Optimizer B2B Edition.
- Create the page
- Design the landing page and author content
- Test the page
- Publish the page
- Link to the page from your journey content
For example, you can create and design landing pages to direct your users to online information. The page could include a form where they can opt in or opt out from receiving your communications. Or it could be an opportunity to subscribe to a recurring communications, such as a newsletter.
You can create, personalize, and preview landing pages in the visual design space.
Access and manage landing pages
To access landing pages in Adobe Journey Optimizer B2B Edition, go to the left navigation and click Content Management > Landing pages. This action opens a listing page with all the landing pages created in the instance listed in a table.
The table is sorted by the Modified column, with the most recently updated items at the top by default. Click the column title to change between ascending and descending.
Filter the landing pages list
To search for a landing page by name, enter a text string into the search bar for a match. Click the Filter icon (
Customize the column display
Customize the columns that you want to display in the table by clicking the Customize table icon (
In the dialog, select the columns to display and click Apply.
Landing page status and lifecycle
The landing page status determines its availability for linking in your email and SMS content, and the changes that you can make to it.
When you create a landing page, it is in draft status. It remains in this status as you define or edit the visual content and until you publish it as a hosted page. Available actions:
- Edit name or description
- Edit link URL
- Edit in visual design space
- Publish
- Duplicate
- Delete
When you publish a landing page, it is hosted on the Journey Optimizer B2B Edition instance and it becomes available for linking in an email or SMS message content. Available actions:
- Edit name or description
- Edit link URL
- Add link in email or SMS message content
- Create draft version
- Duplicate
- Delete
When you create a draft from a published landing page, the published version remains, and the draft content can be modified in the visual design space. If you publish the draft version, it replaces the current published version and the content is updated in the hosted page. Available actions:
- Edit name or description
- Edit link URL
- Add link in email or SMS message content
- Edit draft version in visual design space
- Publish draft version
- Duplicate
- Delete (deletes both versions)
- Discard draft (returns to published status)
Create a landing page
You can add a new landing page in Journey Optimizer B2B Edition by clicking Create landing page at the top right.
-
In the Create landing page dialog, enter a useful Name and Description (optional).
Landing page requirements:
-
Name - Maximum of 100 characters, must be unique, case-insensitive
-
Description - Maximum of 300 characters
-
Alpha, numeric, and special characters are allowed
-
Reserved characters are not allowed:
\ / : * ? " < > |
-
-
If needed and if there are multiple subdomains configured, change the Subdomain to use for the landing page.
-
Click Create.
The Create your primary landing page home page opens and provides multiple options for creating the page: Design from scratch, Import HTML, or use a saved template.
After you select the method that you want to use to start landing page design, use the visual design space to design the page.
Design from scratch
Use the visual content editor to define the structure of the landing page content. By adding and moving structural components with simple drag-and-drop actions, you can design the shape of the page content within seconds.
-
From the Create your primary landing page home page, select the Design from scratch option.
-
Add structure and content to the page.
Import HTML
Adobe Journey Optimizer B2B Edition allows you to import existing HTML content to design your landing pages.
Imported content can be:
-
An HTML file with an incorporated style sheet
-
A .zip file that includes an HTML file, the style sheet (.css), and images
note note NOTE There are no constraints on the .zip file structure. However, references must be relative and fit with the tree structure of the .zip folder. The images are always uploaded to the connected Marketo Engage assets repository. If you want to manage the image files in Experience Manager Assets, upload them separately in that app interface and change the image links in the email designer.
To import a file containing HTML content:
-
From the Design your template home page, select the Import HTML option.
-
Drag and drop the HTML or .zip file containing your HTML content and click Import.
<table> tag as the first layer in an HTML file can cause style loss, including background and width settings in the top layer tag.You can personalize the imported content as needed with the visual design space.
Select a saved template
You can choose from:
-
Sample templates. The Journey Optimizer interface offers a collection of out-of-the-box landing page templates that you can choose from.
-
Saved templates. Use a saved custom template created by a member of your organization using the Templates menu
Use the Select design template section to start building your content from a template. You can use a sample template or a saved custom landing page template from your Journey Optimizer B2B Edition instance.
On the Create your primary landing page home page, the Sample templates tab is selected by default. To use a custom template, select the Saved templates tab.
The list of all saved landing page templates is displayed. You can sort them by Name, Last modified, and Last created.
Select the template that you want from the list.
After selection, this displays a preview of the template. In preview mode, you can navigate between all the templates of one category (sample or saved, depending on your selection) using the right and left arrows.
When the display matches what you want to use, click Use this template at the top right of the preview window.
This action copies the content into the visual design space, where you can edit the content as needed.
Adobe Journey Optimizer B2B Edition offers a selection of out-of-the-box landing page templates, which can be used for creating your own landing pages and landing page templates.
Edit a landing page
Edits to a landing page depend on its current status:
- When a landing page is in Draft status, you can edit any of its details, the URL, and the visual content.
- When a landing page is in Published status, you can edit the description, but not the name. To change the visual content, you must create a draft version of the page.
- When a landing page is in Published with draft status, editing the details is limited to the description. You can also edit the visual content for the draft version.
-
From the Landing pages listing page, click the landing page name to open it.
A preview of the visual content is displayed, with the landing page details on the right.
-
Modify any of the details, such as name and description.
-
To make changes to the content in the visual design space, click Edit landing page.
Use the visual design tools as needed:
-
Click Save, or Save & close to return to the landing page details.
-
When the page meets your criteria and you want to make it available for display, click Publish.
-
From the Landing page listing page, click the page name to open it.
A preview of the visual content is displayed, with the landing page details on the right.
-
Modify the description, if needed.
For a published landing page, all other details cannot be changed.
-
If you want to update the content, click Edit landing page on the right.
Click Create draft version in the dialog to open the draft version in the visual design space.
Use the visual design tools as needed:
-
Click Save, or Save & close to return to the landing page details.
-
When the draft landing page meets your criteria and you want to make the changes available on the published page, click Publish.
When you publish the draft version, it replaces the current published version and the content is updated for the page URL.
When you open the landing page, the draft version is displayed by default. The tabs at the top of the preview space allow you to toggle the display between the published and draft versions. The draft actions and details are displayed on the right.
To update the content:
-
Click Edit landing page at the top right. Use the visual design tools as needed:
-
Click Save, or Save & close to return to the landing page details.
-
When the draft page meets your criteria and you want to make the changes available, click Publish.
When you publish the draft version, it replaces the current published version and the content is updated in the hosted page.
Check alerts
As you design your landing page content, alerts are displayed in the interface (top-right) when key settings are missing.
If you do not see this button, there are no detected issues.
Two types of alerts can be detected:
-
Warnings that refer to recommendations and best practices, such as:
-
Placeholder links are present in the landing page body: Do not forget to replace the placeholders with valid links. -
Text version of HTML is empty: Do not forget to define a text version of your page body, which is used when HTML content cannot be displayed. -
Empty link is present in page body: Check that all the links in your page are correct.
-
-
Errors that prevent you from testing or activating the journey/campaign as long as they are not resolved, such as:
The landing page content is empty: Page content is mandatory.
Duplicate a landing page
You can duplicate a landing page using either of the following methods:
- From the Landing page listing page, click the More icon (…) next to the landing page name and choose Duplicate.
- At the top right of the landing page details page, click … More and choose Duplicate.
In the dialog, enter a useful name (unique) and description (optional). Click Duplicate to complete the action.
The duplicated (new) page then appears in the Landing pages listing.
Delete a landing page
You can delete a landing page using either of the following methods:
- From the Landing page listing page, click the More icon (…) next to the landing page name and choose Delete.
- At the top right of the landing page details page, click … More and choose Delete.
This action opens a confirmation dialog. You can abort the process by clicking Cancel, or click Delete to confirm deletion.
Link to a landing page
As a Marketer or Designer that creates email, fragment, and page content, you can embed links to the published (live) landing pages that are created in your Journey Optimizer B2B Edition instance.
-
As you work in the visual design space for a fragment, email, landing page, or template, select an excerpt of text, a button component, or an image component for the link.
The Link options are displayed in the right panel.
-
For the Type option, choose Landing page.
-
For the Landing page option, click the Select page icon (
-
In the Select landing page dialog, set the Landing page source as Journey Optimizer B2B Edition, select the checkbox for the landing page from the list of published pages, and click Select.
-
For the Target option, choose the link target behavior:
- None - opens the link using the browser default behavior.
- Blank - opens the link in a new window or tab.
- Self - opens the link in the same frame.
- Parent - opens the link in the parent frame.
- Top - opens the link in the full body of the window.
-
(Text link only) If you want to underline the linked text, select the Underline link checkbox.
You can set additional styling for the link text, including the link color, by selecting the Styles tab in the right panel.