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)

Documentation: https://www.braze.com/docs/user_guide/message_building_by_channel/email/drag_and_drop/dnd_email_style_settings#:~:text=To%20add%20a%20custom%20font,is%20capitalized%20and%20spaced%20correctly.

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

6️⃣ Import Unique Codes

Context: we want to assign prizes to users who redeem certain products

Input required:

PLUs of the eligible product
List of unique codes

Steps

Create cohort in Amplitude
Activate daily sync of the cohort
Create a canvas for the email send out scheduled daily after the start of the sync
Include in the email template the code snipped of the promotion code

Follow documentation to create code snipped to integrate the unique code in the messages https://www.braze.com/docs/user_guide/personalization_and_dynamic_content/promotion_codes/

If there are no remaining promotion codes available when sending test or live messages from a campaign that pulls in promo codes, the message will not send.

If the user is not opted in, either we send the email from the transactional account or we are forced to require them to opt in

Braze Tips