First steps
Events and Behaviour Tracking
User Data
- Email Builder Review
- Designing your email
- Creating a Synchronized Module
- Setting Responsivity
- Building Smart Containers
- Creating a Gmail Promotions Annotation
- Adding a Rollover Effect
- Adding a Background to an Email
- Adding Anchor Links
- Adding a Video to an Email
- Adding a Table to an Email
- Adding a Custom Font
- Adding Social Media Buttons
- Editing HTML and CSS
- Working with “Images” block
Omnichannel
Automation
Personalization
Analytics
Multilanguage Campaigns
Recommendations
API
Security and Compliance
Integration
Substituting Email Blocks According to Contact Profile Data
The Velocity code allows you to create an email with content depending on the data in the contact's profile, e.g., gender. Men will see a selection of products for men, women — for women, and those contacts whose gender is not specified — a common product selection.
Setting Up Dynamic Blocks
1. Place three structures with content for different segments in the template: women's clothing, men's clothing, and a common product selection.
.png "Structures for different segments")
2. Select the structure with women's products and open its code editor.
.png "Structure code")
3. Declare a variable from the contact profile above the first tr tag. In our case, this is an additional contact field %PERSONAL.GENDER%.
Important
The variable's name in the template must match the name of the additional contact field, which you can see in the account settings on the Additional fields tab. Read more about contact fields in the manual.
4. Add a conditional statement to the code. Use the following format:
<!--#if($data.get('parameter name')=='value1')-->
In our case, the operator will be like this:
<!--#if($data.get('PERSONAL.GENDER')=='F')-->
.png "Velocity structure")
5. Select the structure with men's products. You will see the structure’s code in the editor.
.png "Second structure code")
6. Add a conditional statement to the code above the tr tag. Use the following format:
<!--##elseif($data.get('parameter name')=='value2')-->
In our case, the operator will be like this:
<!--#elseif($data.get('PERSONAL.GENDER')=='M')-->
.png "Conditional operator of the second structure")
7. Select the structure with the common products.
.png "Third structure code")
8. Add a conditional statement to the code above the tr tag. Use the following format:
<!--#else-->
.png "Conditional operator of the third structure")
9. Add a <!--#end--> statement after the /tr tag that closes the structure.
.png "#end statement")
You can make a more complex check in case the fields have different cases: "M" or "m", "F" and "f":
#if($data.get('PERSONAL.GENDER')=='m') and $data.get('PERSONAL.GENDER')=='M')
You can also use such option:
#if($data.get('PERSONAL.GENDER').equalsIgnoreCase('m'))
Similar articles:
