SendGrid + substitution tag: Send dynamic list with line breaks via email 🤓

Tips
1

I wrestled with this question for a few minutes, then found an obscure tip in Stack Overflow:

When wrapping tags with double brackets {{list}}, SendGrid interprets that as plan text.
Wrapping that tag in triple brackets {{{list}}} and SendGrid will interpret it as HTML.

  1. Add a code block in your SendGrid template:

image

  1. Add your tag that will contain the list with triple brackets: {{{list}}}
  2. Surround that tag with HTML paragraph tags:

    {{{list}}}


    image

Back in Bubble, add the substitution tag “list”. Inside this tag add your list of things data field and “join with” <br> line break HTML tag.

image

Voila! Your SendGrid email will have pretty lists separated with line breaks.
:muscle:

18 Likes
2

This just saved my life for today. Thanks for sharing!

2 Likes
3

This is awesome, happy to help!

4

Thanks, 2 days I was looking for how to do it!!!

1 Like
5

Awesome, that’s what we’re here for :wink:

6

Thanks. I’ve been messing with this all day. How do I pass in a single name? Ive tried {name}, {{name}}, { name }, {{ name }}, -name-, - name -.

Am I the only one who can’t figure this out?

image

I used firstname in the example above.

7

Just deleted my dynamic template and started over. Works now using {{firstname}}.

Guess we’ll never know