Divi WordPress Theme

寻找将Google Forms嵌入WordPress的方法吗?

WP表格

Google表单之所以出色,是因为它使创建复杂表单变得如此容易,并且您可以查看查看响应的详细分析选项。

但是,将您的访问者链接到外部网站只是为了填写表单并不是很友好。因此,您正在寻找一种将这些Google Forms引入WordPress网站的方法,这很有意义。

好消息:

你有选择。 两个很好的,特别是:

  • 使用Google的嵌入HTML手动嵌入Google表单
  • 使用插件嵌入Google表单

对于基本用途,可以使用手动方法。 但是plugin方法提供了一种独特的方式,它可以让您将Google Forms嵌入为网站上的实际HTML表单,从而为您提供了更多自定义表单外观和功能的选项。

如果您是初学者,建议您坚持使用手动方法 (这是我要向您展示的第一个) 但是,如果您想要比手动方法提供更多的控制权,则该插件是一个不错的选择,它有一些怪癖。

我将在下面介绍这两种方法的教程…

如何在WordPress中手动嵌入Google表单

实际上,您不需要插件就可以在WordPress中嵌入Google表单,而您所需要的就是Google表单的嵌入代码。 查找方法如下:

第1步:创建您的Google表单

如果您尚未创建Google表单,则可以像平常一样(你可以那样做 去这里)。

第2步:生成嵌入代码

完成创建表单后,点击 发送 右上角的按钮:

谷歌表格的WordPress界面

然后,选择 <> 上的符号 通过发送 线。 这应该生成一个 嵌入HTML 代码段。 复制该代码段,因为下一步将需要它。 您也可以根据需要在复制代码之前调整宽度和高度:

谷歌表格嵌入HTML

步骤3:在WordPress编辑器中将HTML嵌入文本选项卡中

要完成操作,请转到您要嵌入Google表单的帖子或页面。

点击 文本 标签,然后粘贴您在上一步中生成的Google Form嵌入HTML。 它看起来应该像这样:

如何在wordpress中嵌入谷歌表格

现在,当您发布或更新帖子时,您应该在网站的前端看到嵌入的Google表单:

嵌入式Google表单示例

是的! 就这么简单。

如果您不喜欢默认的Google Forms样式在网站上的外观,则可以从Google Forms界面自定义表单的外观。 只需打开 主题选项 界面,当您在Google表单界面中编辑表单时:

更改Google表单样式

嵌入表单上的样式将自动更新。

为什么我的嵌入式表单在移动设备上看起来很奇怪?

如果嵌入式表单在移动设备上看起来不正确,一种简单的解决方法是将嵌入代码中的表单宽度更改为 100%。 例如:

使Google表单具有响应性

它仍然看起来并不完美,但是至少可以帮助提高尺寸。

如何使用免费插件在W​​ordPress中嵌入Google表单

作为手动方法的替代方法,还有一个流行的免费插件,名为…Google Forms。

这个插件处理过程有些不同。 它:

  • 抓取Google表单作为自定义帖子类型
  • 删除Google包装HTML
  • 在您的网站上将Google表单呈现为HTML表单。

通常,它使您可以对表单进行很多控制。 但缺点是你 如果要使用插件,则必须使用旧版本的Google表单。

这是使用方法。 首先,您需要做的是:

  • Google表单表单
  • 已在您的站点上安装并激活了Google Forms插件

步骤1:确定您使用的是旧版Google表单

就像我说的那样,该插件将 不是 使用最新版本的Google表单。 相反,您需要手动还原到旧版本。 为此,请单击Google表单界面右下角的问号。 然后,选择 回到旧表格

访问旧版本的Google表单

第2步:获取表单链接

进入旧的Google Forms界面后,请点击 查看现场表格 按钮以获取到表单的直接链接:

获取表格链接

然后,复制链接:

网址

步骤3:将表单添加到插件

现在,去 Google表单→添加新的Google表单 在您的WordPress仪表板中。 输入您刚刚复制到的表单链接 表格网址 场地:

谷歌表单自定义帖子类型

现在,您可以使用插件的许多选项来自定义表单。 与手动嵌入相比,这是使用插件的最大优势

有很多选项,所以我建议您详细了解它们。 但一般而言,您可以:

  • 添加您自己的自定义确认页面
  • 使用自定义CSS类
  • 覆盖默认的Google表单文本
  • 排除某些元素
  • 将表单分成多列
  • 添加验证码

完成后,请确保 发布 您的表格。

步骤4:获取表单简码并嵌入表单

要实际嵌入表单,您将使用一个简码。 要获取此简码,请点击 Google表格 WordPress资讯主页中的选项。 然后,将值复制到 短代码 柱子:

谷歌表格简码

然后,将该简码添加到您希望表单出现的帖子或页面上:

嵌入简码

并且,一旦您编辑或更新了内容,您就应该在前端看到表单。 请记住,它将使用常规HTML,而不是Google Forms的样式:

google表单示例为html

即使它使用您自己的HTML样式- 表单回复仍将显示在Google表单界面中

就是这样!

不幸的是,您的表格将停止工作 如果您返回到新版本的Google表单

但是只要您继续使用旧版本,就可以继续使用该插件并利用其许多自定义选项。

关于如何在WordPress中嵌入Google表单的最终想法

对于大多数人来说,我认为最好的选择是仅使用常规的Google Forms嵌入代码。 尽管使用该方法的响应式设计存在一些问题,但是您可以通过将表单宽度设置为100%来缓解这些问题。

该插件是一个有趣的选项,但是我不喜欢被迫使用旧版本的Google表单(不像新的那样好)。 不过,该插件的开发人员Mike Walsh提到使其支持新版本。 如果他这样做,我认为该插件将是一个更可行的选择。 但 现在,这似乎不太可能在不久的将来发生。

关于如何在WordPress中嵌入Google表单还有其他疑问吗? 发表评论,我们将尽力帮助!

【免费外贸推广营销视频培训教程】
https://school.yooopaaa.com

WordPress著名Avada主题官方优惠
https://1.envato.market/xxPav

WordPress可视化建站Elementor插件
https://elementor.com/?ref=19904

WordPress外贸独立站DIVI主题官方优惠
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59787

亚马逊选品工具Jungle Scout官方优惠
https://junglescout.grsm.io/jieqiu1568

独立站SEO优化工具Semrush免费7天试用
https://shareasale.com/r.cfm?b=1577772&u=2541755&m=97231&urllink=&afftrack=