First steps
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
- Using AI in the Email Editor
Omnichannel
- SDK for Mobile Apps
- Managing mobile SDK access keys
- Connecting Mobile App
- Creating a Google Project for Mobile Push Notifications
- Creating Mobile Push Messages
- Setting Up Delivery and Clicks Analytics
- Deep Links and Universal Links
- Scheduled Mobile Push Message
- Sending Test Messages from the Event Debug View
- Setting Up Widgets for Your Site
- Widget Calling
- Storing data from widgets to contact fields
- Using Annoyance Safeguard
- Actions After Form Submission
- Yespo Extension for Google Chrome
- Creating Pop-ups via Google Tag Manager or WordPress
- Sending Yespo Widget Events to Google Analytics
- Replacing Double Opt-In System Workflow
- Setting Up Locations for the Widget Calling Rules
Automation
Personalization
Analytics
- Email Campaign Report
- Web Push Campaign Report
- Viber Campaign Report
- Mobile Push Campaign Report
- App Inbox Campaign Report
- Widget Report
- Triggered Campaign Report
- AMP Campaign Report
- SMS Campaign Report
- Multilingual Campaign Report
- Setting up UTM Tags
- Revenue from Campaigns
- Tracking Campaign Performance in Google Analytics
Multilanguage Campaigns
Events and Behaviour Tracking
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:
