如何利用 Google Docs 制作联系表单

精品博客现在没有使用联系表单(Contact form) ,因为它很少被使用,就算有人通过联系表单联系我,也只不过是问可不可以交换链接,而精博早已不再交换友情链接

FreeNuts 这个英文博客是有用联系表单的,因为时不时有人会通过它给我发邮件,推荐一些他们的产品或者服务。那个联系表单之前是通过 Contact Form 7 这个插件实现的,后来为了提升网页的加载速度,我停止使用该插件,并通过 Google Docs 制作了一个新的联系表单,以下是具体的操作步骤:

步骤一、新建表单

Google Docs 的“新建”菜单选择“表单”,然后你会看到一个类似如下的页面:

google docs

步骤二、设置表单

你可以通过填写以下 6 项内容完成表单的设置:

1. 标题

在“无标题表单”处填写你的联系表单名称(例如“联系我们”),如果不填,那么“无标题表单”就会成为联系表单的名称。

2. 标题说明

可以添加一些有助于别人填写表单的信息,也可以留空。

3. 问题标题

博客常见的联系表单问题包括“姓名”、“邮箱”、“网站”和“信息”这四项。

4. 帮助文本

可以留空,也可以填一些提示信息,例如在邮箱问题下面注明“永远不会被公开”等字样。

5. 问题类型

Google Docs 表单支持的问题类型包括:文本、段落文本、多项选择、复选框、从列表中选择、比例以及网格等 7 项,其中“姓名”、“邮箱”和“网站”一般选择“文本”,而“信息”一般选择“段落文本”。

6. 将其设置为必要问题

如果你要求别人一定要填写某些信息(例如姓名和邮箱)之后才能提交表单,那么就在此项前面打勾。

另外,表单每个问题的右边有三个符号,它们代表的功能从左到右分别是“编辑”、“复制”和“删除”,如果要添加新的问题,你可以通过“添加项目”菜单也可以使用“复制”功能。每个问题的位置都是可以上下移动的。

步骤三、编辑确认

google docs

在表单顶部工具栏的“更多操作”菜单上有两个选项,一个是“嵌入”,可以获取把表单插入到博客的代码;另外一个是“编辑确认”,可以设置当用户成功提交表单之后显示的信息。

步骤四、选择主题

google docs

表单的内容设置完之后,你可以选择一个主题,目前 Google Docs 有 71 个主题可供选择。

步骤五、嵌入表单

表单设置完之后,你可以点击页面底部的链接预览一下效果,如果满意就可以在“更多操作”菜单上点击“嵌入”,然后获取类似如下的代码:

  1. <iframe src="http://spreadsheets.google.com/embeddedform?formkey=dGNfR0c4R2xKcnNMQi1fSmNDU3dHQUE6MQ" width="760" height="641" frameborder="0" marginheight="0" marginwidth="0">正在载入…</iframe>

你可以把联系表单的代码粘贴到博客的任何地方(通常是“联系”页面),不过要注意的是,Google Docs 表单默认的宽度是 “760”,高度是 “641”,你需要根据自己博客的页面大小进行修改。具体效果可以参考 FreeNuts 博客上的联系表单

步骤六、设置通知规则

把代码粘贴到博客上之后,你可以关闭表单编辑窗口,接着在 Google Docs 选择并打开该联系表单,然后在右上角的“共享”菜单上选择“设置通知规则”,你将会看到一个类似如下的窗口:

google docs

你可以选择在什么情况下接收邮件以及接收邮件的频率,保存之后,通过 Google Docs 制作联系表单的整个过程就完成了。

如果你选择了当“用户提交表单”时接收通知,那么当有人通过表单联系你的时候,你就会收到邮件提示。另外,你同时也可以在 Google Docs 上打开联系表单,然后查看所有的提交记录,如下:

google docs

备注

由于 Google Docs 不可以为不同的表单设置不同的界面语言,当你用同一个 Google 帐号分别为中英文博客制作联系表单时,就会有一个小问题——你不可以同时在英文博客上显示下图左边的内容而在中文博客上显示下图右边的内容:

google docs

所以我只在英文博客上使用 Google Docs 联系表单。

相关博文:

  1. 把图片拖到 Google 文档
  2. 如何调整 Google 自定义搜索的页面宽度
  3. Google
  4. 第29届奥运会赛事和奖牌跟踪挂件
  5. Google、Http 和 Https

此文发表于 博客技术 以及标签 , ; 收藏永久链接. 发表评论或者留下引用: 引用链接.
Post comment as twitter logo facebook logo
Sort: Newest | Oldest

有人遇到过说当你创建新的表单的时候,链接会出现 https 吗?就算是删掉后,当你提交资料的时候,提交的链接依然有带 https 的呢。我该如何删掉/修改呢?

比如:https://docs.google.com/leaf?id=0AvaPmVMrviy0dFBTZ...

又学习了。
在自己弄的一个英文博客上也照着FreeNuts的联系表单制作了一个。

有人遇到过说当你创建新的表单的时候,链接会出现 https 吗?就算是删掉后,当你提交资料的时候,提交的链接依然有带 https 的呢。我该如何删掉/修改呢?

比如:https://docs.google.com/leaf?id=0AvaPmVMrviy0dFBTZ...

@自由小魔女 这是 Google 的强制性措施,应该无法修改,不过可以翻墙。

不知道博主注意到没有Google docs多项选择不能多于27个选项,如果太多的话,就无法制作成分析图!头疼

@OceanBan 谢谢告知 Google docs 关于多项选择的限制。

最后的备注好像多余了,现在gdoc是支持locale的,至少我看到的如此。

@猎武神 哈哈,或许吧,不过就算 Google Docs 的表单页脚语言可以根据用户的 IP 自动调整,我觉得一份中文的联系表单页脚显示 Powered by Google Docs 等英文还是不协调。

这段时间貌似都可以访问 不知道什么时候会发神经了

表单被墙了。悲剧啊