<\/li>
<\/li>
<\/li>
To begin with, let\u2019s explore how to implement \u201cfirst-name\u201d personalization in Klaviyo. <\/p>\n\n\n\n
Inserting First Name Property into Emails<\/h2>\n\n\n\n
Follow these steps to add a variable that will dynamically populate a recipient\u2019s first name. (Note that the process is the same for messages and push notifications.)<\/p>\n\n\n\n
- Log in to your Klaviyo account. Open an email.
<\/li> - Click Add Personalization in the text block, as shown below. <\/li><\/ul>\n\n\n\n
![\"Klaviyo](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/Add-Personalization.png\")
<\/figure><\/div>\n\n\n\n- Select First Name from the list. Then, click Insert. <\/li><\/ul>\n\n\n\n
![\"Inserting](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/inserting_first_name_tag.png\")
<\/figure><\/div>\n\n\n\n![\"Inserting](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/Insert_name_tag_in_Klaviyo.png\")
<\/figure><\/div>\n\n\n\nOn clicking Insert, you should see this tag: {{ first_name|default:’there’ }}. <\/strong>
<\/strong>On sending the email, the tag will be replaced with the concerned recipient\u2019s first name. <\/p>\n\n\n\nNote that Klaviyo also offers you the option to customize the first name variable. Next, we will see how to implement Klaviyo dynamic content. <\/p>\n\n\n\n
Building Dynamic Blocks in A Flow Email <\/h2>\n\n\n\n
In this section, we will learn how to create a dynamic block for a cart abandonment reminder email. First, create your flow by following these steps:<\/p>\n\n\n\n
![\"Klaviyo](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/klaviyo_dashboard.png\")
<\/figure><\/div>\n\n\n\n- In the Klaviyo dashboard, go to the Flows tab on the left and click Create Flow.
<\/li> - Click Create from Scratch. Enter a name for your flow and click Create Flow.
<\/li> - Click Metric under Trigger setup. For a cart abandonment email, we will use the Checkout Started event, as shown in the following screenshot. <\/li><\/ul>\n\n\n\n
![\"Selecting](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/Selecting-trigger-Klaviyo.png\")
<\/figure><\/div>\n\n\n\n- Click Done, and drag and drop an Email Action into the flow. <\/li><\/ul>\n\n\n\n
Having created a flow from scratch, in the following steps, we show how you add a dynamic table to the email block you added to your flow:<\/p>\n\n\n\n
- Click Configure Content, then click Drag and Drop, and choose a template.
<\/li> - Now, drag a table block to the email template<\/a>. Note that, at this point, the table is static.
<\/li>- Convert the table into a dynamic block by navigating to Table Settings.
<\/li>- Select Dynamic. Your table is now a dynamic block. <\/li><\/ul>\n\n\n\n
![\"adding](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/adding-dynamic-table-to-the-email-block.gif\")
Source<\/a><\/figcaption><\/figure><\/div>\n\n\n\n Next, we will identify the row collection and select a row alias. First, you need to find the name of your array. (In Klaviyo, a list is a data type that contains an array of values):<\/p>\n\n\n\n
- Click Preview and Test in the upper right corner of the Klaviyo dashboard.
<\/li> - Click Event. Select the Checkout Started event.
<\/li> - Now, go over the Preview data and find out the relevant array, as shown below. <\/li><\/ul>\n\n\n\n
![\"Klaviyo](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/Klaviyo-dashboard.gif\")
Source<\/a><\/figcaption><\/figure><\/div>\n\n\n ![\"Klaviyo](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2022\/04\/Klaviyo.jpg\")
<\/a><\/div><\/div>\n\n\n\nFor this example, the two arrays are Items and line_items, as shown below. The Items array lists the name of each item, whereas the line_items includes additional details about a particular item, such as name, image URL, price, vendor, stock-keeping unit, etc. <\/p>\n\n\n\n
![\"items\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/Items.png\")
Source<\/a><\/figcaption><\/figure><\/div>\n\n\n\n Now, you choose a row alias. The point of using a row alias is to identify variables that need to be pulled from your arrays. In the present example, the dynamic table block lists the items in the customer\u2019s abandoned cart. Accordingly, you can use the \u201citem\u201d alias. <\/p>\n\n\n\n
![\"Table\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/Table.png\")
Source<\/a><\/figcaption><\/figure><\/div>\n\n\n\n You want to choose an alias that is simple, descriptive, and easy to remember. That done, we will now add dynamic product details. Follow these steps to add the product title:<\/p>\n\n\n\n
- Go to one of the table\u2019s columns and paste this event variable: {{ event.extra.line_items.0.title }}<\/strong>
<\/li>- Convert the above event variable to this: {{ item.title }}<\/strong>. So, you are basically replacing the text used for the Row Collection with the newly-created alias.
<\/li>- Preview the email to check if the title of the item displays correctly. <\/li><\/ul>\n\n\n\n
![\"Preview](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/email-preview.png\")
Source<\/a><\/figcaption><\/figure><\/div>\n\n\n\n Similarly, you can add product URL variables, currency variables, and so on. <\/p>\n\n\n\n
Adding A Dynamic Image in An Email<\/h2>\n\n\n\n
With the help of dynamic images, you can customize emails for each recipient on the basis of their profile data stored within Klaviyo or their event data. For leveraging Klaviyo integrations<\/a> First, you need to store dynamic image information in Klaviyo, after which you can add it through the following steps:<\/p>\n\n\n\n
- Open the email template where you want to add the dynamic image.
<\/li> - Now click Preview and Test. You should see something like the following. Click Search for a Profile if you have stored the image as a custom property, or Click Event if the image variable is stored within an event\u2019s data. <\/li><\/ul>\n\n\n\n
![\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/dynamic-image-in-email.png\")
<\/figure><\/div>\n\n\n\n- Copy your tag, and drag an image block to the email template.
<\/li> - Click Browse, and select Dynamic Image. Now paste the tag you copied in the last step into the Dynamic variable or Dynamic URL field, as shown below. <\/li><\/ul>\n\n\n\n
![\"Browse](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/browse_image.png\")
<\/figure><\/div>\n\n\n\n- Click Save. As always, preview your email to see if the tag is working fine. <\/li><\/ul>\n\n\n\n
Displaying or Hiding Template Blocks<\/h2>\n\n\n\n
In this section, we will learn how to show template blocks only to a certain number of email recipients. There are two ways of implementing this: through profile data and through event data. First, let\u2019s see how to implement it with the help of a recipient\u2019s profile data. <\/p>\n\n\n\n
We will apply conditional logic to show or hide template blocks:<\/p>\n\n\n\n
- Select the Add Personalization option.
<\/li> - Choose an option from the dropdown to add it to the text block in the template.
<\/li> - Now, choose the variable name from within the tag. In the following example, the complete tag is {{ person|lookup:”Likes Promotion”|default:”” }<\/strong>. <\/strong>But the variable name is person|lookup:”Likes Promotion.”<\/strong> <\/strong>You must choose the variable name, not the full tag, to use in your condition. <\/li><\/ul>\n\n\n\n
![\"Displaying](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/display-hiding-template-blocks.png\")
<\/figure><\/div>\n\n\n\nNow, we will implement the same conditional logic with the help of event data. Follow these steps:<\/p>\n\n\n\n
- Go to the template editor. Click Preview and Test.
<\/li> - Click Event under Preview Data Source. Select the event from the dropdown menu that will trigger the email.
<\/li> - In the Event Properties dropdown, find the data you\u2019d like to include.
<\/li> - Click the Property name, copy the tag, and paste it into the text block of the template.
<\/li> - Extract the variable from the tag to use it for your condition, as shown in the following Klaviyo email<\/strong><\/a> example<\/strong>. <\/li><\/ul>\n\n\n\n
- Go to the template editor. Click Preview and Test.
- Select the Add Personalization option.
- Click Save. As always, preview your email to see if the tag is working fine. <\/li><\/ul>\n\n\n\n
- Copy your tag, and drag an image block to the email template.
- Convert the above event variable to this: {{ item.title }}<\/strong>. So, you are basically replacing the text used for the Row Collection with the newly-created alias.
- Go to one of the table\u2019s columns and paste this event variable: {{ event.extra.line_items.0.title }}<\/strong>
- Convert the table into a dynamic block by navigating to Table Settings.
- Click Configure Content, then click Drag and Drop, and choose a template.
- Click Done, and drag and drop an Email Action into the flow. <\/li><\/ul>\n\n\n\n
- In the Klaviyo dashboard, go to the Flows tab on the left and click Create Flow.
- Select First Name from the list. Then, click Insert. <\/li><\/ul>\n\n\n\n
![\"Klaviyo](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/02\/Klaviyo_email.png\")