SendGrid:如何在使用SendGrid时将嵌入表单放入HTML模板邮件中



我正在构建一个应用程序,通过SendGrid发送HTML模板邮件。

现在,我想在HTML模板邮件中嵌入一个谷歌表单来发送嵌入谷歌表单的电子邮件。

我有我的HTML模板作为字符串,

基本上是这样的,

const emailHTML = `
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html data-editor-version="2" class="sg-campaigns" xmlns="http://www.w3.org/1999/xhtml">
<head>
.....
</head>
<body>
....
<iframe src=“https://docs.google.com/forms/d/e/.../viewform?embedded=true” width=“640" height=“1493” frameborder=“0" marginheight=“0” marginwidth=“0">Link</iframe>
</body>
</html>
`

然后我将这个HTML字符串作为html变量传递给SendGrid API,

router.post('/send-email', (req, res) => {
const { recipient, sender, topic, text, emailHTML } = req.body; 
const msg = {
to: recipient, 
from: sender,
subject: topic,
text: text,
html: emailHTML
}
sgMail.send(msg).then((msg) => { 
res.json({ Message: msg })
});
})

我测试了我收到的电子邮件,但没有看到电子邮件中嵌入的谷歌表格。

如何将Google表单嵌入HTML模板邮件中,通过SendGrid发送?

您不能使用<iframe>嵌入Google表单(或任何表单(。

一些电子邮件客户端根本不接受表单,或者如果表单呈现,则功能有限,但谷歌表单在其平台上有嵌入功能。

本质上,在谷歌表单上:

  1. 制作表单
  2. 单击"发送">
  3. 插入你自己的Gmail地址-这只是为了获取代码
  4. 在"发送方式"下选择"电子邮件">
  5. 勾选"在电子邮件中包含表单">

请参阅https://www.maketecheasier.com/embed-google-forms-in-email/获取完整说明。

现在,要获得插入SendGrid的实际代码,您必须从该电子邮件中获得表单的源代码,并将其粘贴到SendGrid电子邮件的HTML中。

本质上,

在Gmail中打开电子邮件单击更多(右上角的下拉箭头(->显示原始复制相关代码

请参阅https://gillandrews.com/embed-a-survey-in-email-newsletter-google-forms/获取完整说明。

我还想为那些想直接在谷歌上而不是通过电子邮件填写表格的人添加一个链接,因为会有一些电子邮件客户端不起作用。

最新更新