We have an article that walks through how to setup a review request journey and email in Attentive with the simplest version of an email. If that's for you, you can find that article here.
If you haven't already, make sure to check out our general Attentive guide which walks through all of the steps for setup that come before this.
This article will focus on more advanced functionality that you can consider adding to your review request email in Attentive. In particular, there are dynamic lists that you can use to show the products that the customer purchased in-email, and with this, you can offer a different layout depending on if the customer is seeing on desktop or mobile to make the most of the different screen dimensions.
What we'll cover in this guide:
Now, let's get rolling!
Email details (subject line & preview text)
Once you add the email action to a journey, you'll be prompted to add the email details. Here you can add an email name & address, as well as subject line and preview text.
In our example below, we've added a personalized field (first name) by clicking on the { } button in the input box and the preview text makes it clear what the ask is.
Subject line:
We'd love to hear what you think, {{subscriber.firstName | default: 'friend'}}!
Preview text:
Leave a review for your recent purchase
Then click Drag and drop editor, when prompted to select an email template, select 1 column from the Basic layout options
Logo, title, and body of email
Replace the image at the top with your logo or similar image. We'll add some stars there for our example.
In the first text box, we'll add a title to your email, we're going to put:
How did you like it, {{subscriber.firstName | default: "friend"}}?
In the second text box, we'll add some copy asking them to submit a review. Something like:
We really hope you're enjoying your new purchase and we want to hear all about it! Your feedback is so important, so please let us know by leaving a review below!
Dynamic list
Next, head to the Content section on the right-hand menu and find Dynamic list towards the bottom.
Drag that into the email so that we have something that looks like this so far:
Clicking on Add list will prompt you to tell Attentive what you want to list and how you want it to show. The GIF below walks through the setup, and we've listed the steps below for your convenience as well.
You'll want to select order_line_items as the list to use.
You can see how we setup the dynamic list below but feel free to adjust the layout if you'd prefer. We'll want to add dynamic variables for the Image, Text 1, and Button which all come from the event data that we're sending Attentive in the "Junip - Review request" event.
You can see the preview of what this will look like on the right-hand side, of course, the spacing and formatting can be adjusted afterwards. Click Continue.
Hide on mobile
We now have our dynamic list setup. If you were to preview the email right now, this will look great on desktop but the formatting will get very wonky on the smaller screen. To troubleshoot this, we'll tweak this dynamic list block so that it's hidden on mobile.
Second dynamic list for desktop
That way, we can create a new dynamic list (the same way) except we can adjust the layout so that the components are stacked (title and button underneath the image instead of beside it). To add your new dynamic list, add a new Row first and then drag in the dynamic list block the same way we did earlier.
Once we've setup the second dynamic list and tweak it so that it's hidden on desktop, we'll have two dynamic lists but they'll never show at the same time because there is one for each device type.
Preview (both views)
You can preview these using placeholder data and they'll look something like the below. Note the difference between desktop and mobile views.
Save template
Saving this template means that you can take the great work you've done here and apply it to other journeys or use cases.
And we're all set here! Thanks for creating that with us :)
Next steps will be to head back to our product review flow guide to finish up with setting up the integration & enabling it to start requesting reviews!