CODEWITHSUNDEEP
sendgridsendgrid-templates
Richard G
Richard G

Reputation: 5683

sendgrid substitutions not working

I'm just trying to set up a trial email for SendGrid, it's the first time I've used it so I'm sure this is simple, but I can't seem to get the placeholder data to replace.

I'm using NodeJS library like this:

sgMail.setApiKey(mailConfig.apiKey);

const msgConfig = {
  to: email,
  from: mailConfig.defaults.from,
  templateId: mailConfig.templates.registrationConfirmation,
  substitutions: {
    '--displayName--': original.displayName,
    '--companyName--': 'Hello world'
  }
};

console.log('Sending: ', msgConfig);

// now send the registration confirmation email.
return sgMail.send(msgConfig).then(() => {
  console.log('done.');
})
.catch((err) => {
  console.error(JSON.stringify(err));
});

And in the template there's a text block that I added using the visual editor:

Hello --displayName--

We would love to take this opportunity to welcome you to the store.

from

--companyName--

However when I run the test to send the email, it sends the mail okay, but doesn't substitute the placeholders.

What am I missing here?

Upvotes: 2

Views: 3604

Answers (5)

Hamza Tasneem
Hamza Tasneem

Reputation: 92

For anyone using Node.js library with V3 Version, this would help:

From Sendgrid Github docs: The default substitutionWrappers are {{ and }} in the node.js library

const message = {
  from: {
    email: "[email protected]",
  },
  personalizations: [
    {
      to: [
        {
          email: "your email",
        },
      ],
      substitutions: {
        name: "hamza",
      },
    },
  ],
  subject: "Default Subject",
  content: [
    {
      type: "text/html",
      value: "Hey {{name}}",
    },
  ],
};

Upvotes: 1

Abe Caymo
Abe Caymo

Reputation: 311

For anyone NOT using dynamic templates, use Sendgrid's helpers as described here: substitution use case

IMPORTANT: If using personalization helper, don't forget to set your setSubstitutionWrappers at the PERSONALIZATION level like so personalization.setSubstitutionWrappers(['%%', '%%']).

If not using personalization, just set it at the global helper:

import mailClient from '@sendgrid/mail';
mailClient.setSubstitutionWrappers('%%', '%%')

Upvotes: 3

JohnnyMontana
JohnnyMontana

Reputation: 94

try changing 'substitutions' to 'dynamicTemplateData'. Looks like they changed the name in the new version.

how i figured it out: https://github.com/sendgrid/sendgrid-nodejs/blob/master/packages/mail/USE_CASES.md

Upvotes: 8

camilo restrepo
camilo restrepo

Reputation: 51

It is not clear in Sendgrid documentation, but I think it is missing this line:

sgMail.setSubstitutionWrappers('--', '--'); // Configure the substitution tag wrappers globally

Then remove dashes in substitutions object keys

Look at this link: Sendgrid

So, your code should be:

sgMail.setApiKey(mailConfig.apiKey);

// Configure the substitution tag wrappers globally
sgMail.setSubstitutionWrappers('--', '--');

const msgConfig = {
  to: email,
  from: mailConfig.defaults.from,
  templateId: mailConfig.templates.registrationConfirmation,
  substitutions: {
    'displayName': original.displayName,
    'companyName': 'Hello world'
  }
};
...

I hope this helps you!

Upvotes: 5

Pyae Sone
Pyae Sone

Reputation: 1624

const msgConfig = {
  to: email,
  from: mailConfig.defaults.from,
  templateId: mailConfig.templates.registrationConfirmation,
};

msgConfig.addSubstitution('%displayName%', 'Something to display');

It seems user given variables don’t work when you have the angle brackets <% ... %> around them, these are reserved for the <%body%> and <%subject%> tags.

So now you can make your template that might look something like this - %displayName%

Upvotes: 0

Related Questions