将联系表添加到静态网站 [关闭]

Posted 2023-03-05

【中文标题】将联系表添加到静态网站 [关闭]

【英文标题】：Adding contact form to a static website [closed]

【发布时间】：2012-03-20 22:46:25

【问题描述】：

我必须向静态网站添加联系表格。我已经获得了一些表单经验，使用 django/python 完成了 2 或 3 次，但遗憾的是，这里不能选择使用 django，它必须添加到静态网站。你能告诉我有什么选择吗？

【问题讨论】：

我在我的 Hugo 博客中使用 formspree.io 完成了一个解决方案。这是我的博客的链接，描述了该过程classandobjects.com/tutorial/…

我免费使用staticforms.xyz。将表单添加到静态网站的一种非常简单的方法

【参考方案1】：

查看Form Spree，您可以简单地将<form> 添加到他们的服务中，并在每次有人填写表格时收到一封电子邮件。

效率很高！

（不适合有大量提交的联系表格。考虑Wufoo 或闪亮的新FormKeep）

【讨论】：

不幸的是，他们在成为 bought by Squarespace 之后正在逐步淘汰 Brace

Brace Forms 已开源并重命名formspree：formspree.io

我更新了答案链接。

是否有专门针对联系表格的服务？所有这些服务对于一个显示“your@emailhere”和“内容”并只发送电子邮件的愚蠢联系表格来说都太昂贵了。大多数邮件服务（sendgrid、mailgun 等）都有大约 12000 封电子邮件的免费计划，而这些服务一直将提交限制在 1000 封，这使得整个事情变得毫无意义。或者有 20 美元/月的定价，您可以获得完整的托管服务器。

Form Spree 会将您的电子邮件地址泄露给垃圾邮件发送者（通过强制您将其包含在 html 中而不是隐藏它）。此外，它会让您的用户接受 reCAPTCHA（“这些图像中的哪些有交通信号灯……”）

【参考方案2】：

如果您将 Octopress 或 Jekyll 用于静态网站。您可能想查看 jekyll-contact：https://github.com/anchetaWern/jekyll-contact 它使用pooleapp 将您的联系表单的内容发送到您指定的电子邮件。

【参考方案3】：

您可以更好地使用UserVoice 联系表格。 Uservoice 会做两件事

它将在Uservoice系统中创建新的票证。

它还会给你发邮件。

这将是客户支持的端到端解决方案。但是，如果您通过某些服务发送邮件，则必须与客户沟通以获得支持。 Uservoice 将仅为客户支持而设计和构建。

我知道，您有一个问题想要使用您自己的自定义表单，而不是作为用户语音小部件提供的表单。是的，你可以这样做

https://gist.github.com/cypriss/2032215

【参考方案4】：

如果您正在寻找一个简单的解决方案，没有比fwdform 更容易的了。当我需要在自己的静态网站上快速而肮脏的联系表单处理时，我自己编写了它。

要将您的表单转发到您的电子邮件，您只需执行以下操作。

1.注册

发出 HTTP POST 请求以注册您的电子邮件。

$ curl --data "email=<your_email>" https://fwdform.herokuapp.com/register
Token: 780a8c9b-dc2d-4258-83af-4deefe446dee

2。设置表单

<form action="https://fwdform.herokuapp.com/user/<token>" method="post">
    Email: <input type="text" name="name"><br>
    Name: <input type="text" name="email"><br>
    Message: <textarea name="message" cols="40" rows="5"></textarea>
    <input type="submit" value="Send Message">
</form>

如果您不想信任第三方服务，您甚至可以run it on your own Heroku instance。

【讨论】：

这看起来很酷，但你如何验证它

在您的实例中尝试此方法时不允许使用 405 方法。但是在从终端尝试时有效。否则这将是一个很好的解决方案。

太棒了！您遇到过垃圾邮件问题吗？

方法不允许：请求的 URL 不允许该方法。

“18-01-18 更新：不再起作用” ...见github.com/samdobson/fwdform

【参考方案5】：

一种解决方案是使用 qontacto 。这是一个免费的联系表格，您可以添加到任何网站。它会将消息转发给您。

【讨论】：

这真的很好，在桌面上也很好用。但是，在 iPhone safari 上运行它时，表单并没有显示给我。有什么解决方法吗，还是只有我一个人？

嗨 Alper，您在哪个网站上发现它不起作用？

这是我为客户开发的网站。从那以后我将其删除，但我只是获取了生成的 html，并按照您的说明将其添加到一个页面。就像我说的，它在桌面浏览器中看起来很棒。但是，在 iPhone 4s 上的 Safari 中浏览同一页面（这是我可以尝试的全部），表单不显示。我也有一个安卓用户报告了同样的问题。我已经删除了 iframe 并对其进行了一些操作，并且能够显示它，但还没有回到它来完成它并推出该更改。

很抱歉，我有一部安卓手机，它工作正常，我会在 iphone 和其他安卓设备上做一些测试！

好的，谢谢，我会再次将其添加到测试页面并将链接发送给您。可能是我的页面上有一些 CSS 冲突。

【参考方案6】：

另一种选择是使用来自Tectite 等服务的免费托管表单。您将表格推送到他们的服务，然后他们通过电子邮件将结果发送给您。

【参考方案7】：

我刚刚找到了这个问题的新答案（实际上在某些情况下我发现它是最好的答案）：

您可以使用免费的 podio.com（一个组织中最多 5 名成员）ERP (Enterprise resource planning (ERP) systems integrate internal and external management information across an entire organization. (via wikipedia))，允许创建完全可定制的网络表单，可以添加到您希望的任何位置。更重要的是，您的网络表单收集的输入可以轻松管理：例如添加到您的联系人列表中，添加到任务中，以便您可以检查您或您团队中的某个人是否处理了查询。更多信息在这里：http://blog.podio.com/2012/08/07/styleyourwebform/

一些优点：

可以添加到您希望的任何位置（您只需指定要使用的子域） 您可以在几分钟内自定义表单 您可以一键添加验证码（或其他一些垃圾邮件防护） 您可以轻松管理网络表单潜在客户

缺点：

您必须为要为其设置网络表单的每个客户创建一个播客记录，以避免共享机密信息

【参考方案8】：

有一个类似的问题here。

解决方案是指向不同服务器上的 php 文件，该文件不是静态的。 knittl 展示了如何将 action 属性指向不同的服务器。

<form method="post" action="http://example.com/process.php">
  <input type="text" name="my_textfield" />
  <input type="submit" value="send!" />
</form>

另一种选择是使用Wufoo forms，您可以将其嵌入到静态页面中。

【参考方案9】：

另一种选择是使用 iframe 将您的动态表单潜入网站。

<iframe src="http://whatever.com/your-fancy-dynamic-form.php"></iframe>

【讨论】：

您需要在某处托管。服务器似乎不支持 PHP。您可能会在其他公司的服务器上托管您自己的联系表格吗？

将在我当前的项目中使用 iframe 方法。这将为我节省很多时间，而且对我的客户来说也更便宜，因为我可以将带有我的 djangoform 的 iframe 应用到可以存储在不同服务器上的 10-100 个静态网站:)/或者我应该不这样做？

【参考方案10】：

页面可以是静态 HTML，但您的操作可以指向 PHP 或类似文件。

<form method="post" action="sendmail.php">
<textarea name="comments"></textarea>
<input type="submit" class="button" value="Send Feedback">
</form>

【讨论】：

我认为关键是服务器不支持PHP（因此网站必须保持静态）。

是的，网站不支持 PHP，怎么办:(

【参考方案11】：

您可以设置Google Docs form 来模仿联系表单，并使用 Google 为您的表单告诉您的 sn-p 将该表单包含到您的网站中。

通过使用notification rules，您可以在每次有人填写表格时收到自动通知。

【讨论】：

@Smamatti ..it has to be added to a static website 有这个约束还有其他选择吗？

确实很有趣，正在尝试使用它 atm :)

不幸的是，没有针对垃圾邮件的保护措施。您可能会认为 Google 将 CAPTCHA 添加到 Web 表单中是微不足道的，但您去吧。

很遗憾，我发现 Google Docs 非常有问题，而且我的浏览器在几秒钟内没有响应。无限循环？

所以我实际上也需要同样的东西，并最终在去年推出了自己的产品来做到这一点。希望对您有所帮助：99inbound.com