(Optional) 6.4: How to create your own email in Adobe Campaign
In this optional exercise, you'll learn how to create your own message and event structure in Adobe Campaign with Platform (ACwP) to use in combination with the events coming from Adobe Experience Platform.
You can login to ACwP by clicking this link: https://experienceplatform-mkt-prod1.campaign.adobe.com/ .
The email you sent in the previous exercise is called an Adobe Campaign transactional message; i.e. it wan't part of a marketing campaign or journey but was sent immediately upon a user action. Transactional messages are messages that customers expect to receive instantaneously and as a result always have priority above any of the marketing campaign journeys being executed in the Adobe Campaign instance.
Transactional messages can be of any delivery type supported in Adobe Campaign: email, SMS, mobile push.
A transactional message in Adobe Campaign always consist of an event , defining the payload (data) of the message, and an associated message , defining the design / layout.
6.4.1: Create an event
To define a transactional message in ACwP:
- In ACwP main screen, click on Adobe Campaign at the top left.
- ACwP navigation window is displayed.
- Click on Marketing plans .
- In > Marketing plans screen, click on Transactional messages > .
- In > Marketing plans > Transactional messages screen, click on Event configuration . Note: You always create a transactional message by first creating the event.
- You will see a list of all the events already created. To create a new event, click on Create .
- In the Configure an event dialog:
- Specify a Label , e.g. rmaur - Thanks for signing up . Make sure you prepend the label with your LDAP name to distinguish it from others.
- Specify an ID , e.g. rmaurThanksForSigningUp (no spaces allowed). Be sure you prepend the ID with your LDAP name to distinguish it from others.
- Select Email as the Channel to use.
- Select Real-time event from the Targeting dimension dropdown list.
- Click Create to create the event.
- You will end up in the Event configuration '...' screen where you can further define your event.To do so:
- Ensure the Data Structure tab is active.
- Underneath Field click on Create element .
- In the New field dialog:
- Specify Brand Name as Label .
- Specify brandName as ID .
- Select Text as Type
- Leave value for Length unchanged.
- Click on Add .
- Repeat step 2 and 3 for
- Label - Brand Logo URL , ID - brandLogoUrl , Type - Text , Length - 127 .
- Label - First Name , ID - firstName , Type - Text , Length - 127 .
- Label - Last Name , ID - lastName , Type - Text , Length - 127 .
- Your event configuration screen should now look like
- Click on Save to save your changes.
- Click on Publish to publish the event. Click on OK in the Confirm dialog.
- The event will be published and you can see progress in the Publication screen.
- When finished, you will see Publication completed .
You have finished the to create an event in ACwP. Note that the event parameters you created are the ones you will map to the event data coming from Adobe Experience Platform, as was shown in previous exercise.
6.4.2: Define the message
In this we are going to define the layout of the message, as well as where in the message we want to make use of the event data we just have created.
By creating the event in the previous exercise, ACwP automatically created a message that you will further define in this exercise.
- If you are still in the Event configuration '...' screen, you can go directly to the message itself. To do so:
- Click on the link below Transactional message in the left pane.
- If you are not anymore in the Event configuration '...' screen, ensure you are logged in to ACwP and then:
- Click on Adobe Campaign .
- Click on Marketing plans .
- Click on Transactional messages > .
- Click on Transactional messages .
- You should see your transactional message as a new tile amongst the tiles in the Transactional messages screen.
To define the details of this message:
- Click on the link or the transactional message tile to open the message.
- You will see the Transactional email '...' screen that summarizes the details of your email.Click on the big thumbnail at the bottom of the Content pane. Note : Do NOT click on Use the legacy editor .
- This will open the email editor _ldap_ - Thanks For Signing Up , where you will further define the email.
- Click on the top title ldap - Thanks for Signing Up at the top of the screen. In the dialog that opens up, ensure you specify a Subject . E.g. Thanks for signing up! If the subject remains empty, the email will NOT be sent.Click on Close to close the dialog.
- Back in the editor, ensure the Edit tab is selected, the + view is active ( Add Components and Fragments ) and the Structure Components are selected (unfolded).
- Drag the 1:1 column component from the left pane and drop it in the middle canvas.
- You will see the structure component in the canvas.
- Repeat step 6 and 7 two more times. After that your screen should look likeThe three structure components define your header, body and footer of your email.
- Switch to Content Components by clicking Content Components . This will reveal the various content components like Button , Text , Divider , etc.
- Drag an Image component from the left pane on top of the top structure component.
- Drag another Image component from the left pane on top of the middle structure component.
- Drag a Text component from the left pane on top of the middle structure component and below the Image component.
- Drag a Text component from the left pane on top of the bottom structure component.
- Your screen should look like
- Click on Browse in the Image component in the top structure component.
- The Upload image dialog is shown
- Drag the La Boutique logo image below and drop it on the dialog.Alternatively, save the file somewhere locally on your computer and select Upload a file from your computer and select the file from where you saved it.
- With the Image component selected, resize the image to 50% using the Width slider underneath Size in the Component Settings right pane.
- With the Image component still selected, enable Enable personalization underneath Image at the Component Settings pane.
- Click on the pencil on the right of the Source field.This will open the Image source URL dialog. In that dialog:
- Remove the URL from the text box.
- Click on the Add Personalization field button.
- A left Add personalization field pane will open.
- Scroll down to the bottom in the list until you see Real-time event (rtEv.. and click on it.
- Scroll down even further until you see Event context (ctx and click on it.
- Double click Brand Logo . Brand Logo URL (brandLogoUrl) is inserted in the Image Source URL text field.
- Click on Save .
- Click on Browse in the Image component in the middle structure component.
- The upload image dialog is shown.
- Drag the Thank You image below and drop it on the dialog.Alternatively, save the file somewhere locally on your computer and select Upload a file from your computer .
- Your editor should now look like
- Click in the top text box and change the text to
Dear, Thank you for signing up for.Then:
- Center the text using the toolbar that pops up.
- Format the text using the Component Settings panel . E.g. set padding to 30 .
- Insert the cursor before the , after Dear , and click on the Insert personalization field button .
- The Select a personalization field dialog pops up and allows you to select a field similarly as what you have done in step 10.5 above. In this case select First Name (firstName) .
- Click Confirm . The personalization field is inserted in the text.
- Now repeat what you have done in step 12 to insert the Brand Name personalization field in the second line of the first Text component as well as in the Text component of the bottom structure component. You should also modify and format that Text component.
- Your editor now should look like
- Click on Save & Close to save and close the editor.
- Back in the Transactional email '...' screen, click on Publish to publish your email template.
Your email template is now ready to be invoked using the event you have specified. As you have seen in the earlier that is exactly what Triggered Journey is doing: taking a Platform event, mapping that to a transactional message event that is coupled to a transactional message template (in our case an email).
Next Step: Summary and benefits