Como desabilitar o escape automático e exibir chaves duplas em seus e-mails

Neste artigo, vamos explicar como desabilitar o autoescape dentro de um bloco e exibir chaves duplas usando tags em seus modelos de e-mail.

autoescape

Por padrão, Sendinblue escapa o conteúdo HTML (e JS) de todas as variáveis. Isso significa que qualquer HTML usado dentro de uma variável será escapado e impresso como texto. Por exemplo, se o conteúdo de sua variável for <h1>Meu título</h1>, então seu modelo resultaria exatamente neste texto dentro do seu e-mail: <h1>Meu título</h1> ao invés de resultar na frase “Meu título” formatada como um título H1.

A tag autoescape controla o comportamento atual do escape automático. Uma vez que a Sendinblue usa autoescape de HTML por padrão, você precisará aplicar esta tag para desabilitar o escape automático dentro de um bloco específico. O bloco deve ser fechado com uma tag de finalização endautoescape.

Vamos analisar um exemplo comum onde desabilitar o autoescape pode ser útil. Você dizer que você usa produtos em uma variável, mas cada produto requer formatação única.

Se autoescape for usado desta maneira:

{% autoescape off %}{{ params.my_html }}{% endautoescape %}

Assim, o escape automático estará desabilitado para a variável {{ params.my_html }}. Agora, se o conteúdo de sua variável for <h1>Meu título</h1>, ele será exibido como um título H1.

  Entrada Saída
Sem a tag autoescape

{{ params.my_html }}

<h1>Meu título</h1>
Com a tag autoescape {% autoescape off %}{{ params.my_html }}{% endautoescape %}

Meu título

verbatim

As placeholders da Linguagem do modelo Sendinblue são formatadas como {{ params.variable }} . Ao usar chaves duplas em volta do texto {{ assim }} em um modelo de e-mail, a Sendinblue identificará automaticamente esta parte como um elemento da linguagem do modelo.

A tag verbatim permite que você use chaves duplas em seus modelos de e-mail sem que eles sejam reconhecidos como um elemento da linguagem do modelo. Para escapar {{ }} e mostrar estes símbolos diretamente em seu e-mail, envolva-os nesta tag:

{% verbatim %}
{{ Print variable }}
{% endverbatim %}

Este texto aparecerá completo em seu e-mail como: {{ Print variable }}.

⏩ O que vem a seguir?