Configure landing pages

Transcript

Adobe Campaign enables you to design and host a variety of web pages on its servers, including online surveys, preference centers, and unsubscription pages. This video will demonstrate how to navigate Adobe Campaign’s web application editor by creating a preference center. By default, the out-of-the-box web application templates are stored under the path Resources -> Templates -> Web Application Templates. To create a new subscription page based on a template, go to the Resource folder, then Online, and finally to the Web Applications folder, and select the New icon in the top right. We will be using a template called Newsletter Subscription. Click on the web application, open the Edit tab, and update the internal name to something unique and meaningful. In this example, we will use PromoSubs. The internal name will be used as part of the web application’s URL. In the web application workflow, you will find four workflow activities. These activities will dictate the possible actions a visitor can make when visiting your web application. The preloading activity conciliates the web page visitors with existing profiles stored in Adobe’s recipient database. Once the preloading activity identifies a visitor’s existing profile, or as a new anonymous visitor, the subscription activity will load the subscription page. This activity enables visitors to enter their profile data and select communication preferences. The storage activity picks up the user inputs from the subscription page and stores it in the corresponding table field. You need to set up the reconciliation field so that the activity can update the correct profile, or create a new profile if there is no match. If your existing recipients are stored in a specific folder, you can set the search folder to the said recipient folder. In our case, we are using the training folder. If you want to create your new recipients in a specific folder, you can set your creation folder to a new location or simply select the same folder as in the search folder. The end activity simply ends the workflow tasks. To design or personalize the subscription page, double-click on the subscription activity to begin editing. You will find a default subscription page that contains an input field for the last name, email address, and phone number, as well as a checkbox to subscribe to a newsletter. If you’re an advanced user with experience in web development, you can go to the source tab to edit the page. However, for the sake of this example, we will be using the point-and-click editor tool instead. When you click on different elements on the web page, the menu bar will display attributes that can be edited. The text dialog that appears above an input field allows you to delete, duplicate, or change its style. If you click on an image field, you will be able to upload a new image and insert a new link and caption. You can also modify its style, such as the image dimension. Clicking on an input field or a checkbox allows you to map it to an attribute in the recipients table. Click on the input field under last name. We will check to confirm that the field is properly mapped to the recipient’s last name. Click on the checkbox. We will use Adobe Campaign Services and Subscription feature to map our subscriptions to an Adobe newsletter. It is important to make sure the subscription checkbox is set to non-manatory. Otherwise, the tool will generate a message that the box is not checked. To personalize a subscription page, hover the zone that contains an input field and a label. Then, click on the zone to open the dialog. Click on Duplicate. Click on Page Elements to duplicate or modify their attributes and functionality. In the duplicated zone, change the label to First Name. We also need to change the mapping for our new input field. Map the input field to the corresponding recipient’s table’s first name attribute. Next, add subscription boxes. You can add as many subscription checkboxes as needed. In this example, we have added subscription boxes to receive newsletters about other Adobe products. Of course, we also change the labels accordingly. To preview the subscription page in a web browser, save the web application and navigate to the Preview tab to see the results. If you want to display the page as seen by an existing recipient, use the Profile drop-down list to select a recipient’s profile. Otherwise, you’ll see the page from the perspective of an anonymous visitor. If you’re satisfied with the results, go to the web application dashboard and publish the page. Use the public URL in the dashboard to simulate a scenario. Log in with your credentials. Click I subscribe on the web form. Go back to Adobe Campaign. You can see that the recipient was properly added in the recipients folder.