如何在您的网站上嵌入测验? [10多种方式]

已发表: 2021-11-08

目录

共享您创建的内容应该像创建它一样容易。 事实证明,这更容易! 在此博客中,我们将告诉您如何在几分钟内将测验嵌入您的网站。 无需编码! 是的,你没有看错。 嵌入是一个无代码过程,就像在 Outgrow 等测验制作工具上创建测验一样。 继续阅读以了解您今天可以尝试的 10 多种嵌入样式!

embed a quiz on your website

但首先,如何在 5 分钟内创建一个测验?

起初,创建测验似乎是一项乏味的任务。 但请相信我们——使用 Outgrow,您可以在几分钟内完成测验——同样,无需编码! 在此博客中阅读有关交互式测验以及如何创建它们的所有内容。

how to create a quiz

测验嵌入的类型

既然您知道如何创建自己的测验,接下来的重要步骤(也是本博客的亮点)是嵌入测验,以便您的观众可以访问您的创作。 我们没有为您提供一种展示互动测验的方式,而是 11 种方式。

在 Outgrow,定制是焦点所在。 一切都可以以您喜欢的方式呈现。 因此,您可以在这里为您的品牌挑选最喜欢的款式。 让我们告诉你所有关于他们的事情!

embed a quiz on your website

1.整页嵌入

整页嵌入使您的测验出现在整个屏幕上,而不会分心。 您仍然可以使用页眉和页脚并在两者之间设置内容。

以下是它在您的网页上的外观:

embed a quiz on your website

2.页内嵌入

如果您不想使用仅限测验的页面,您可以选择页内嵌入,让您将其他网站元素与页面上的测验一起保留。 所有其他元素将保持不变,内容片段将出现在嵌入它的页面部分。

以下是您的测验作为页内嵌入的外观:

embed a quiz on your website- in-page embed

3.弹出样式嵌入

接下来,我们来点不一样的! 您可以根据不同的触发器将测验嵌入为弹出窗口。 您可以选择 - 您可以选择弹出窗口的时间或添加退出意图弹出窗口。 您不仅可以自定义弹出窗口的外观,还可以决定您希望弹出窗口在屏幕上实际“弹出”的方式。 :p

这是您可以用作弹出窗口的测验:

embed a quiz on your website- popup

6.聊天信使风格嵌入

您还可以以带有定时弹出窗口的聊天机器人的形式展示您的测验。 内容片段将显示为网页底部角落的聊天通知,您可以根据需要轻松自定义。

chat messenger type embed

how to create a chatbot

7.自定义嵌入功能

我们尊重您的选择。 因此,Outgrow 允许您根据自己的要求进行自定义嵌入。 使用此选项,您可以轻松决定嵌入的大小和尺寸。

custom embed

8. 浮动矩形样式嵌入

您的测验也可以嵌入为浮动矩形,可以根据您的喜好进行自定义。 单击时,内容块将在矩形本身中打开。

embed a quiz on your website

9.问候酒吧风格嵌入

使用问候栏样式嵌入,您可以在网页顶部显示测验。 不用说,您也可以自定义问候栏的外观。

以下是它在屏幕顶部的显示方式:

embed a quiz on your website

10. 旁注样式嵌入

边注嵌入可用作网页两侧的占位符。 单击后,它将作为弹出窗口打开。

看看这个网页的右边缘:

embed a quiz on your website- sidenote style

11. 即时文章/AMP

最后,您还可以为 Facebook Instant Article 或 Google AMP 的出版物嵌入测验。

这些是在您的网站上嵌入测验的 11 种巧妙方法。 但是,您必须确保选择能够为您提供多种嵌入样式的测验制作工具。 Outgrow 就是这样一种测验制造商,它配备了许多功能和品种。

让我们首先了解为什么应该考虑嵌入测验。 稍后我们将带您了解在 Outgrow 构建器上嵌入的实际过程中涉及的步骤。

嵌入测验的好处

这是赞美时刻! 让我们告诉您在您的网站上嵌入测验的所有好处!

1. 改善您网站的展示

嵌入测验使您的网站看起来更有吸引力。 只要您的测验是相关的,向您的网站添加测验就会使其看起来很有前途和创意。

例如,看看丝芙兰在其网站上嵌入的这个护肤测验。 不就是增加魅力吗? 您还可以在此处了解如何创建产品推荐测验。

Sephora example

2. 增加参与度

测验增加了价值。 用户给出他们的偏好并获得个性化的结果作为回报。 易货交易使这些测验如此诱人。 当您在您的网站上嵌入测验时,它会提高您网站的整体参与度和转化率。

想看一些证据吗? 我们的客户 Tag Livros 获得了286k+ 次访问他们嵌入在其网站上的测验。 此外,他们通过这次测验获得了超过 57000 条线索。 是不是很感人!

embed example

3. 降低跳出率

您知道启动 BuzzFeed 测验的用户中有 96% 完成了测验吗? 是的,那是因为测验很有趣。 而且,任何有趣的东西都会让用户留下来。 通过在您的网站上嵌入测验,您可以通过多种方式降低跳出率。

4.促进潜在客户的产生

嵌入测验可以将您的网站变成潜在客户生成机器。 当用户开始测验时,他们渴望知道结果。 通过将潜在客户生成表单放在结果之前,您可以直接从您的网站收集用户的联系信息,您以后也可以将其用于再营销目的。

我们的一位客户 Golf Avenue 使用 Outgrow 创建了一个测验,并将其嵌入到他们的网站上。 这个测验让他们获得了超过82000 条线索33% 的转化率。 这就是嵌入的工作原理!

golf avenue example

如何最终嵌入测验?

最后,让我们告诉您如何在您的网站或时事通讯或您想要的任何地方嵌入测验!

1. 登录您的 Outgrow 构建器。 还没有帐户? 立即开始免费试用!

2. 现在您已登录,从 Outgrow 提供的各种交互式内容类型中选择“测验”。

outgrow content types

3. 选择最符合您的环境和要求的布局。

Outgrow layouts

提示:我们还有大量预制模板供您选择。 在这里探索它们。

4. 现在您在构建器中,您可以使用简单的拖放技术创建您的测验。 您可以从 Outgrow 提供的各种类型的测验问题中进行选择。

Outgrow builder

5. 创建测验后,您现在可以继续嵌入它。 单击顶部的“配置”按钮转到“配置”部分。

Configure tab

6. 选择“嵌入网页”选项卡。

embed a quiz on your website

7. 选择适合您需要的嵌入类型。

embed types on Outgrow

8. 在这里,您可以根据需要自定义嵌入。 自定义后,您可以复制页面底部提供的嵌入代码。 代码外观示例如下:

embed a quiz on your website

9.最后,您可以将此代码添加到您的网页和ta-da! 您已嵌入测验!

包起来

希望这个博客能帮助您了解如何在您的网站上嵌入测验的相关性和过程。 想要一些创建测验的灵感吗? 查看我们一直以来最喜欢的 21 个营销测验。 如果您有任何疑问,请随时将它们放在评论部分!

create your own quiz

常见问题

1. 如何创建在线测验?

您可以在 Outgrow 上轻松创建不同的测验,例如琐事测验、Kahoot 测验、个性测验等。 立即开始免费试用!

2. 如何为学生进行在线测验?

您可以使用教师在线测验制作工具为学生创建测验。 我们的选择? 长大!

3. 如何在您的网站上添加互动测验?

您可以通过在 WordPress 上粘贴嵌入代码来向您的网站添加交互式测验。 阅读此博客以了解如何操作。

4. 你可以在哪里嵌入测验?

您可以使用 Outgrow 在您的网站、电子邮件通讯、登录页面等中轻松嵌入测验。