如何在WordPress中嵌入Google表单：手动或使用插件

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

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

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

好消息：

你有选择。 两个很好的，特别是：

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

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

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

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

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

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

第1步：创建您的Google表单

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

第2步：生成嵌入代码

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

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

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

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

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

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

是的！ 就这么简单。

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

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

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

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

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

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

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

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

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

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

这是使用方法。 首先，您需要做的是：

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

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

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

第2步：获取表单链接

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

然后，复制链接：

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

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

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

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

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

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

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

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

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

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

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

就是这样！

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

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

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

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

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

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