Enable Predictive Content in Emails enable-predictive-content-in-emails
Make one or more images in your email predictive, tailoring the experience for each recipient.
-
Prepare your Predictive Content
Adding Predictive Content Using the Email 2.0 Editor adding-predictive-content-using-the-email-editor
-
Click Marketing Activities.
-
Select your email and click Edit Draft.
-
Click the image you want to make predictive. When the gear icon appears, click it and select Enable ContentAI (ContentAI is the former name for Predictive Content).
-
To select one or more categories, click the Categories drop-down, make your selection(s), and click Apply.
note note NOTE Choosing specific categories or changing the predictive layout is optional. -
Your image is now predictive. Repeat steps 3 and 4 for additional images (if desired).
-
To preview your email, click Preview in the upper-right corner.
-
To view different possible images, click Refresh.
note note NOTE The image is not selected until the recipient opens the email. So what you see in the preview is just an example, and will not necessarily be the image the recipient sees. -
Once you’re done previewing your email, click the Preview Actions drop-down and select Approve and Close. Or if you still have editing to do, click Edit Draft on the right.
note note NOTE When sending a sample, a random image will be selected.
After you approve your email, it will be equipped with Predictive Content and ready to send!
Adding Predictive Content When Not Using the Email 2.0 Editor adding-predictive-content-when-not-using-the-email-editor
If you aren’t using an Email 2.0 template, adding Predictive Content to your email can be done simply by tagging an image in your template as a Marketo editable image element.
Learn about the Marketo-specific syntax here.
Here is an example of what the code should look like (this is only an example, do not copy the code below exactly).
Example
<div class="mktoImg" id="exampleImg" mktoName="Example Image" mktoImgLink="https://www.marketo.com">
<a><img style="border:10px solid red;"></a>
</div>