Attentive - Create an advanced review request email
Marcus Cardoso avatar
Written by Marcus Cardoso
Updated over a week ago

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
customizing the text in Attentive email review request

Then click Drag and drop editor, when prompted to select an email template, select 1 column from the Basic layout options

selecting an email template in Attentive

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.

Dynamic content blocks in Attentive

Drag that into the email so that we have something that looks like this so far:

Insert dynamic list in Attentive

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.

Editing list details in Attentive

You'll want to select order_line_items as the list to use.

Selecting the list to pull content from

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.

Customizing dynamic list
List details
List details

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.

Hiding dynamic list 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.

Adding a second dynamic list for desktop

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.

Previewing review request message on desktop and mobile

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.

Saving review request as a template
Saving review request as a template

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!

Did this answer your question?