需要建议 - 我的静态网站发送电子邮件的最佳方式答案

【问题标题】：Advice Needed - Best way for my static website to send emails需要建议 - 我的静态网站发送电子邮件的最佳方式
【发布时间】：2021-07-30 06:37:33
【问题描述】：

我希望像你们这样的聪明人能告诉我什么是在静态网站上设置电子邮件表单的最佳方式！

所以目前，我将所有代码都放在 GitHub 上，然后使用 Netlify 将其部署到网络上，

这是我第一次在不使用 WordPress 或 Shopify 的情况下完成此操作……所以我想知道，对我来说设置电子邮件表单最合乎逻辑的方式是什么……？我在登陆页面上设计了一个非常简单的电子邮件表单，只有 4 个字段：姓名、电子邮件、电话、消息。

对不起，如果这是一个超级基本的问题，但很想听听那里有什么选择！

我一直在寻找诸如https://smtpjs.com/ 和https://www.smashingmagazine.com/2018/05/building-serverless-contact-form-static-website/ 之类的选项

谢谢:)

【问题讨论】：

标签： javascript html email web smtp

【解决方案1】：

对于静态 HTML 网站，您可以使用 https://formspree.io/

它提供了简单的元素，您可以在您的网站 HTML 页面上复制和粘贴以使其正常工作。

从<form> 发送的所有电子邮件都将转发到您想要的电子邮件。

您可以根据需要添加更多表单字段...

<form
  action="https://formspree.io/f/<something>"
  method="POST"
>
  <label>
    Your email:
    <input type="email" name="_replyto">
  </label>
  <label>
    Your message:
    <textarea name="message"></textarea>
  </label>

  <!-- your other form fields go here -->

  <button type="submit">Send</button>
</form>

【讨论】：

【解决方案2】：

对于任何对未来感兴趣的人，

我最终使用了 Netlify 表单：

https://www.netlify.com/products/forms/

我构建了一个标准的 HTML 表单，然后将提交的内容发送到我的 Netlify 帐户上的 Netlify 表单数据库。

然后，我设置了 Netlify 电子邮件通知，以便在 Netlify DB 上的表单中添加新提交时收到电子邮件。

【讨论】：