Creating a landing page
About landing pages creation
This use case shows the use of the Digital Editor to create a Landing Page from the Adobe Campaign console.
Before you start configuring the Landing Page in Adobe Campaign, make sure you have one or more templates to represent the HTML page(s).
The main aim of this use case is to make the Landing Page form fields correspond with the internal fields in Adobe Campaign using the functions in the DCE.
Creating the landing page
To create a new Landing Page type Web application, use the following steps:
- Go to the Campaigns tab and click the Web application link, then click the Create button.
- Select the New landing page template and enter a label, then click Save .
- Click the Edit tab.
- Delete the End activity.
- Add a Page activity after the Storage activity.
- Edit the Page 2 activity then uncheck the Activate outbound transitions option in the Properties tab.
- Save changes.
You will then get the following sequencing:
For more on creating a Web application, refer to this section .
Step 1 - Selecting and loading templates
In this section, we are going to look at how to import HTML content for each page of the Web application.
A template must contain:
- an HTML file (mandatory)
- one or more CSS files (optional)
- one or more images (optional)
To load the template on the first page, apply the following steps:
- Open the first Page activity of the Web application.
- Select From a file to fetch your content template.
- Select the HTML file to use.
- Click Open to start the import.During loading, the list of shared files is displayed. The import system checks that all files linked to the selected HTML are there (CSS, images, etc.).Click the Close button once the import has finished.You must wait until you get the following message before closing: The external resources have been successfully published .
- Click the Properties tab.
- Enter a label for each page (for example: Page 1= Collect, Page 2=Thank you).
Apply these steps for each page inserted in the Web application.
Step 2 - Configuring the content
In this section, we are going to adjust imported content and link the fields of the database to the form of the web page. The Web application created previously is:
Let's start by changing the colors of the page. To do this:
- Open the Collection page.
- Click the background.
- Click Background color on the right-hand side.
- Select a new background color.
- Click OK to confirm the change.
- Apply these same processes to change the color of the button
Inserting a personalization field
This step lets you personalize the Thank you page. To do this:
- Open the Thank you page.
- Place the cursor in a text area, where you wish to insert the recipient's first name.
- Select Personalization field in the Insert menu of the toolbar.
- Select the first name.
The personalization field has a yellow background in the editor.
Step 3 - Publishing content
Content is published from the Web application dashboard. Click the Publish button to run it.
During publication, a log is displayed. The publishing system analyzes all the content found in the Web application
In the publication log, warnings and errors are sorted by activity.
The form is now available: its URL is accessible in the application dashboard and can be sent to recipients.