html - 如何在 Netlify 上发送带有表单提交的电子邮件?

标签 html netlify

我正在为一家餐馆制作一个网站,我想制作一个预订表格,人们可以在其中输入他们的姓名、预订时间等。当他们提交此表格时,我想向我的电子邮箱发送一封电子邮件。

我知道有一项名为 Zapier 的服务可以让您执行此操作,但我正在寻找免费的东西(在这种情况下,Zapier 免费套餐每月只有 100 个任务,这可能还不够)。

我希望它看起来像这样:

<form>
    <input type="text" placeholder="Your name" />
    <!-- and some other inputs -->
    <input type="submit" value="Send" />
    <!-- after this send an email with entered information -->
</form>

最佳答案

如果您在 Netlify 上托管您的网站,您可以使用他们的免费且易于集成的功能“Netlify 表单”(只需将自定义“netlify”属性添加到您的 HTML 表单元素)。这是他们的文档:https://docs.netlify.com/forms/setup/#html-forms

Netlify 还可以帮助您在提交之前(例如通过所谓的“蜜 jar ”字段)和提交之后(例如通过名为“akismet”的工具)保护垃圾邮件/机器人。

然后您可以设置电子邮件通知,这会将您提交的表单的数据发送到您选择的电子邮件收件箱。这是他们的文档:https://docs.netlify.com/forms/notifications/

关于html - 如何在 Netlify 上发送带有表单提交的电子邮件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55785032/

相关文章:

javascript - 从垂直滚动点开始视频,然后反向播放

javascript - Assets 在 GatsbyJS 项目(Netlify 托管)中加载速度非常慢

php - 在 php 生成的表格单元格上添加 onclick 事件

python下载数据(urllib、urllib2)

forms - 在提交表单后执行异步功能

Netlify 不部署特定文件夹或文件

github - 如何修复 401 Unauthorized Private Github Package

gatsby - Netlify 部署失败

html - 查找由 "content"CSS 属性生成的文本

css - 如何阻止我的图像在 wordpress 中向右偏移?