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.
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.
You will then get the following sequencing:
For more on creating a Web application, refer to this section.
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:
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.
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
We are going to link the fields in the page to those in the database, in order to save the information provided.
Select a form field.
Edit the Field section on right-hand side of the editor.
Select the database field that you want to link to the selected field.
Repeat this process for each field on the page.
You can make a field mandatory: for example, click the Email field then enable the Mandatory option.
This step is mandatory because it will allow the Web application to determine the sequence of the next steps: Saving the collected data in the database then displaying the next page (Thank you page).
Select the Send it! button of the Collection page.
Click the Action drop-down menu.
Select the Next page action.
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.
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.