如何在您的网站上嵌入 Google 表单

如果您正在努力在您的网站上获取表单,您可以为基本功能安装一个插件(install a plugin),但如果您已经有很多插件,这可能会进一步降低您的网站速度。(slow down your site)

使用Google 表单(Google Forms),您不仅可以更快地将表单添加到您的网站,还可以获得更多功能。例如,您可以插入媒体文件、导入问题、轻松与WordPress和电子邮件集成、在更多平台上共享以及在 Google Drive 中享受额外的存储空间(additional storage in Google Drive)

此外,Google 表单(Google Forms)允许您与您的团队成员协作,并跟踪来自不同渠道的表单的所有结果,而不仅仅是您的网站。

以下是您只需几个简单步骤即可在您的网站上快速嵌入Google 表单的方法。(Google Forms)

如何在您的网站上嵌入 Google 表单(How to Embed Google Forms on Your Website)

要开始使用,您需要一个Google 表单(Google Form)及其嵌入代码,您可以将其添加到页面或发布您希望表单出现在您网站上的位置。

创建 Google 表单(Create a Google Form)

  1. 要创建Google 表单(Google Form),请确保您已登录Google帐户,然后在Google Apps菜单中选择Google 表单(Google Forms)图标。或者,转到forms.google.com

  1. 从工具栏中选择空白磁(Blank)贴以从头开始创建表单,或从可用选项中选择模板。(select a template)

  1. 为您的表单添加标题和描述。(title and description)

  1. 接下来,使用右侧的工具栏添加问题、从不同的表单导入问题、上传视频和图像,或添加部分。 

  1. 如果要选择答案类型,请选择答案类型部分旁边的箭头。

  1. 从选项中,您可以选择让用户留下简短的答案或段落、多项选择、标记复选框或从下拉菜单中选择选项。

  1. 要自定义或更改表单的主题,请使用屏幕右上角的调色板图标。(palette)

  1. 您还可以使用眼睛图标预览最终设计,然后再将其保存并嵌入您的网站。

  1. 如果您想收集电子邮件地址、将每个用户限制为一个回复,或者允许他们在提交表单后编辑回复,请选择高级设置(Advanced Settings)(齿轮图标)。

  1. 选择三点图标以获取更多选项,例如添加协作者、撤消操作、添加首选项或来自(three-dot icon)Google Workspace Marketplace的插件。

注意(Note):选择添加协作者(Add Collaborators)特别允许您邀请团队成员处理(invite members of your team to work)表单。您可以使用链接共享选项发送邀请或输入他们的电子邮件地址,他们将收到一封包含邀请的电子邮件通知。

在您的网站上嵌入您的 Google 表单(Embed Your Google Form on Your Website)

现在您已准备好Google 表单(Google Form),下一步是将其添加到您的网站。为此,您需要获取表单的嵌入代码,这是一个独特的代码片段,您将添加到页面或发布您希望表单出现的位置。

  1. 要获取表单的嵌入代码,请选择表单编辑器窗口右上角的发送。(Send)

  1. 发送表单(Send form)中,您将看到可用于共享表单的各种选项,例如通过链接、电子邮件、社交媒体或HTML。您可以选择是否在FacebookTwitter上共享表单,或者将其发送到您的订阅者电子邮件列表。

  1. 为了在您的网站上嵌入表单,您需要使用HTML选项。选择<>选项卡。

  1. 嵌入 HTML(Embed HTML)字段中,您将看到一个代码片段,以及宽度(width)高度(height)框,您可以在其中更改嵌入表单的大小尺寸。

  1. 选择复制(Copy)以复制嵌入代码并转到您网站的仪表板。

将 Google 表单的嵌入代码添加到您的网站(Add Your Google Form’s Embed Code to Your Website)

现在您已经有了嵌入代码,请登录到您网站的管理仪表板,然后转到要嵌入表单的页面或帖子。

注意(Note):本指南中的说明适用于使用Gutenberg/Block Editor的WordPress

  1. 第一步是添加自定义 HTML 块(custom HTML block)。为此,请通过在管理面板中选择页面(Pages)帖子(Posts)来打开块编辑器,然后找到要编辑的页面或帖子。

  1. 选择WordPress logo.z旁边块编辑器左上角的Add block (+)

  1. 转到Formatting部分并向下滚动以查找并选择Custom HTML

  1. 将您之前复制的HTML 代码片段(HTML code snippet)粘贴到提供的字段中。

  1. 自定义 HTML(Custom HTML)块的工具栏中,选择预览(Preview)选项卡以预览您的表单在您的网站上的显示方式。

  1. 您的Google 表单(Google Form)将出现在您的页面或帖子中。

  1. 确保(Make)在编辑后更新您的帖子或页面以保存更改。

为您的网站制作完美的表格(Craft the Perfect Form for Your Site)

无论您是想向您的网站添加调查、向在线商店添加订单、活动注册还是联系表单,Google 表单(Google Forms)都可以帮助您为您的网站创建完美的表单。 

查看我们的指南,了解如何在您的网站上嵌入 Google 日历,( how to embed Google Calendar on your website)以及如何在 WordPress 中创建自己的优惠券弹出窗口,( how to create your own coupon popup in WordPress)以增加功能和更好的用户体验。

(Were)是否能够使用本指南在您的网站上创建和嵌入Google 表单?(Google Forms)在评论中与我们分享。



About the author

我是一名全职软件工程师,在使用 Windows 和 Mac 软件方面拥有超过 10 年的经验。我知道如何在两个平台上设计、测试和部署应用程序。我也有安全和系统管理方面的经验。我的技能和知识可以帮助您构建更好、更高效的计算机系统。



Related posts