This documents summarizes helpful resources and frequently asked questions related to the usage of Braze. The resources are either RBI documentations or Braze links
1️⃣ How to import custom font
Important: the URL of the fond must point to a CSS file (not WOFF, OFT)
2️⃣ How to sync custom attributes
To sync custom attributes that you have collected through Braze to mParticle and propagate them to the rest of the system, you should follow: https://www.braze.com/docs/api/endpoints/export/user_data/post_users_identifier/
If you need to analyze their behavior as "one-off" you could also export these users in a CSV from Braze and upload the cohort in Amplitude
3️⃣ Include naming personalization
Include this content block in the communications {{${first_name} | default: 'Hi'}}
You can change the default option to none in case you don’t want to have text
4️⃣ Include language variation
{% if ${language} == 'de' %}
Dein BK 🍔 wartet auf dich. Hier klicken, um die Abmeldung abzuschliessen. 💥{% elsif ${language} == 'fr' %}
Ta commande BK 🍔 t’attend... clique pour finaliser ton paiement 💥{% elsif ${language} == 'it' %}
Il tuo BK 🍔 ti sta aspettando... clicca per completare l’ordine 💥{% else %}
Your BK 🍔 is waiting... click to complete checkout 💥{% endif %}
Note: this is leveraging the custom attribute for language
5️⃣ Include Countdown Timer
<!DOCTYPE html>
<html>
<head>
<title>Countdown Timer</title>
</head>
<body>
<div id="countdown">
<span id="days"></span> days
</div>
<script>
// Set the target date for the countdown
const targetDate = new Date('2024-03-05T00:00:00').getTime();
// Update the countdown every 1 second
const countdownInterval = setInterval(function() {
const currentDate = new Date().getTime();
const timeRemaining = targetDate - currentDate;
if (timeRemaining <= 0) {
clearInterval(countdownInterval);
document.getElementById('countdown').innerHTML = 'Countdown expired!';
} else {
const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
document.getElementById('days').innerHTML = days;
}
}, 1000);
</script>
</body>
</html>
Note: you need to change the new Date('2024-03-05T00:00:00') to the expiry date