如何创建一个免费的网站联系形式与谷歌形式

需要网站或博客的联系人表单,但不喜欢默认选项?使用谷歌表格和收集谷歌表的答复!...

运行一个网站或博客可能很有趣,但为访问者提供一种与你联系的方式并不总是简单或直接的。谢天谢地,Google提供了一个完美的网站联系人表单解决方案:你可以在页面上嵌入Google表单,并在Google表单中收集读者的所有评论。

contact-form-google

设置起来很简单,所以如果您准备好为您的网站创建一个增强的联系人表单,那我们就开始吧!

在google表单中创建联系人表单

当你第一次登录你的googleforms账户时,Google实际上在模板库中提供了一个预先**好的“联系信息”表单。

Google Sheets, contact form

表单要求提供标准信息,如姓名、地址、电话号码、电子邮件地址,以及供用户输入评论的字段。

您可以通过更改所需的信息来自定义此表单。

Google Sheets, contact form

您还可以更改是否需要该信息。

如果不是必需的,那么用户可以将该字段留空。如果需要,则用户在该字段中输入内容之前不能提交表单。

Google Sheets, contact form

由于您将此表单用作网站联系人表单,因此您需要确保用户在“评论”字段中实际输入了一些内容。因此,请确保您已将该项设置为“必需”。

Google Sheets, contact form

既然您已经定制了Google评论表单模板的内容以满足您的需求,那么现在就可以定制用户实际使用表单时表单的行为方式了。

设置网站的联系方式

如果单击“常规”选项卡中的“设置”图标,则可以控制当用户从您的网站提交表单时该表单的行为。

例如,您可以让表单将用户答案的副本发送到他们提供的电子邮件地址。

您还可以启用或禁用他们在提交答案后编辑答案的功能。

Google Sheets, contact form

在“演示文稿”选项卡下,您可以自定义用户在网站上提交表单后看到的响应。

Google Sheets, contact form

让这个东西有意义,因为它将显示给每一个提交此表单的访问者。

例如,最好让他们大致知道他们需要等待多长时间才能得到回复(如果他们需要更紧急的回复,你甚至可以在这里提供一个电话号码)。

这完全取决于你如何使用表格,以及你想为访问者提供什么样的联系方式。

查找嵌入代码

现在表单已经准备好了,是时候将其嵌入到您的站点中了。

第一步是获取表单的嵌入链接。这不是很简单,因为表单编辑器页面上没有直接显示嵌入图标。

要访问嵌入代码,您必须单击表单编辑器右上角的Send按钮。

Google Sheets, contact form

此页面显示需要复制并粘贴到站点中的HTML嵌入代码。在这里设置正确的宽度和高度设置非常重要,这样嵌入的表单就可以很好地适应目标页面。

Google Sheets, contact form

你可能需要玩一些大小,但不要担心。您可以随时回到这里,更改大小,然后再次复制和粘贴新的嵌入代码。

在网站上嵌**系人表单

如果您有一个网站或博客,标准方法是在标题中创建一个联系人菜单项。这使得访客尽可能方便地与您联系。

有些网站使用另一种方法,比如把这个链接放在页脚,甚至放在关于我们的页面上。

在我的网站上,“联系人”菜单项将视图下移到推荐信后面的区域。这是我想嵌入我的联系方式。

Google Sheets, contact form

如果您已经从零开始自定义编写了自己的网站,那么您需要将嵌入的代码直接**到您希望它显示的页面部分。当您采用手动方法时,请确保避免人们在构建网页时所犯的常见错误。

对于WordPress站点,您使用的主题通常会有一个带有联系人表单的区域,您可以自定义该区域。例如,对于Onetone主题,主页上有一个“Section Content”字段,其中包含现有的联系人表单代码。

您可以突出显示此代码并用新的Google联系人表单替换它。

Google Sheets, contact form

为什么使用google联系方式更好

为什么不直接使用主题附带的现有联系人表单呢?实际上,使用Google表单更好有几个原因:

  • PHP表单通常使用POST或SMTP发送电子邮件,在这两种情况下,您都需要知道如何配置电子邮件服务器以使其正常工作。
  • Google联系人表单将所有消息收集到Google表单中,而不是将评论发送到电子邮件。这样可以防止收件箱杂乱无章。
  • 您可以随时使用googleformgui修改表单,而不必编辑任何代码。

一旦嵌入到web页面中,您的联系人表单将如下所示。

Google Sheets, contact form

正如你所见,第一次尝试并不完美。当前Google表单的着色主题与web页面主题不太协调。

是时候调整一下Google表单设计了。

更新和自定义联系人表单

这种方法的美妙之处在于,一旦它嵌入到您的网站上,您就可以随意重新设计表单,而无需再次触摸您的网页。

例如,要更改现有表单的配色方案,只需进入Google表单编辑器并单击右上角的调色板图标。

Google Sheets, contact form

因为我的网站有一个黑色的主题,灰色的接触形式主题应该很好地融合。

当您在编辑器中保存新的Google表单时,它会更新网站上的表单,如您所见。

Google Sheets, contact form

既然设计和嵌入已经完成,现在就要测试联系人表单是否真的按预期工作了!

测试你的谷歌联系人表单

你应该经常对你在网站上放置的任**表单进行测试。

在本例中,googlecontact表单使用您在设计表单时定义的自定义响应文本进行响应。

Google Sheets, contact form

您可以在设计表单的同一页面**问访问者的所有评论。

只需点击设计表单顶部的回复链接。

Google Sheets, contact form

在这里你可以看到用户的个人评论和联系信息。您还可以选择单击窗口右上角的googlesheets图标。这将创建一个新的Google表单来存储所有来自用户的评论。

选择如何查看传入的用户评论实际上取决于您计划如何处理它们。如果你希望在收到新邮件时创建一些Google脚本自动化,那么googlesheets就是一个不错的选择。我们已经介绍了许多使用Google脚本自动化Google表单的方法。

但是,如果您只是计划手动响应每一条新传入的评论,那么您只需使用googleforms编辑器页面内的显示就可以了。

如果您确实希望以电子表格格式保存注释,有几个选项可用。只需单击Resp***es视图右上角的三个点图标即可看到它们。

Google Sheets, contact form

您可以下载CSV格式的所有响应,甚至可以将它们输出到打印机或PDF文档。这也是你可以配置通知每当一个新的评论来自你的网站。

把你的谷歌表格带到下一个层次

使用Google表单来处理评论比使用标准web表单提供了更多的灵活性和功能性。

不需要任何编码,评论都会记录在一个方便的表格中。您可以启用或禁用诸如电子邮件通知或提交后是否可以编辑评论之类的内容。

这种方法的一个缺点是嵌入使用iframe,它在窗口中**一个滚动条。

但是,如果你给你的窗体一个设计,使它与你的主题很好地融合在一起,滚动条看起来并没有那么糟糕。这也是一个公平的权衡考虑到许多功能,你得到的回报。

如果你刚刚开始使用Google表单,你会想看看我们丰富的Google表单指南。还有很多很棒的googleforms附加组件可以让你扩展你可以用它做的事情。你甚至可以在你的网站上嵌入这些增强的表单!

  • 发表于 2021-03-25 04:21
  • 阅读 ( 307 )
  • 分类:编程

你可能感兴趣的文章

gmail帐户(gmail account)和谷歌帐户(google account)的区别

...服务之一是以电子邮件的形式出现的,被称为Gmail。为了创建一个Gmail帐户,你必须首先创建一个Google帐户。 谷歌账户有很多变体,从基本的Gmail账户到完全安全的商业账户。如果你对许多不同的谷歌账户感到困惑,你并不孤单...

  • 发布于 2020-11-02 23:42
  • 阅读 ( 698 )

6谷歌地图的替代方案及其重要性

...行驶方向的可靠来源。1967年由R.R.Donnelly和S***的一个部门创建,最终被AOL收购。如今,MapQuest凭借其网站和移动应用程序仍然是地图行业的一个重要参与者。 ...

  • 发布于 2021-03-14 11:29
  • 阅读 ( 298 )

如何删除网上的虚假个人信息

... 如果你在网上发现虚假或私人数据,你需要学习如何从网上删除信息。跟着做,找出你需要做些什么来行动。 ...

  • 发布于 2021-03-18 03:59
  • 阅读 ( 234 )

android和iphone的四大最佳自由形式制造商

... 要对表单做更多的操作,请看一下我们如何比较Google表单和SurveyMonkey,或者如何使用Trello和JotForm快速构建表单。 ...

  • 发布于 2021-03-20 00:33
  • 阅读 ( 228 )

12款健忘人士必备的手机应用

... 如何保持高效的日程安排 ...

  • 发布于 2021-03-20 09:41
  • 阅读 ( 244 )

8个有用的谷歌工具和应用你可能忽略了

... 想了解谷歌网站的功能范围吗?学习如何使用谷歌网站创建自己的网站。 ...

  • 发布于 2021-03-20 18:29
  • 阅读 ( 196 )

7款android应用程序,可根据您的图片制作有趣的电影

...作视频编辑器。谷歌照片会自动为那些不想手工编辑的人创建有趣的剪辑。但是你也可以手动将图片和视频拼接在一起,再加上添加额外的层,比如文本、过渡、背景分数等等。 ...

  • 发布于 2021-03-22 06:26
  • 阅读 ( 201 )

5个必要的rsvp表格工具,使会议顺利进行

...到RSVPify。这是一个易于使用的web平台,它为您的与会者创建一个表单,其中包含一个您可以与他们共享的唯一URL。您可以编辑您的来宾列表和某些详细信息,例如谁可以带来+1,以及谁可以看到某些事件。其余的都是自动的,最...

  • 发布于 2021-03-24 18:13
  • 阅读 ( 439 )

再见谷歌:搜索、新闻、文档等的15个最佳选择

...能比Gmail给你的要好,比如**别名电子邮件的能力以及它如何帮助你实现收件箱零。 ...

  • 发布于 2021-03-26 08:09
  • 阅读 ( 202 )

wordpress的11个最佳联系人表单插件

... 它的直观编程扩展到如何自定义窗体以及窗体在网站上激活后的执行方式。虽然不是最强大的插件在选项方面,它绝对提供了高端用户体验。 ...

  • 发布于 2021-03-26 17:18
  • 阅读 ( 212 )
丿殇之泪痕
丿殇之泪痕

0 篇文章