Landbot.io 简介（以及如何与 WordPress 一起使用）

在很多情况下，使用聊天机器人都是有益的。 您可以使用聊天机器人来处理客户支持，帮助用户确定要购买的产品，甚至可以更快地路由查询。 但是，如果使用得当，它们也可以在您的着陆页上实施以推动更多转化。

这就是 Landbot.io 等服务的用武之地。这个特殊的平台既易于使用，又采用对话式设计，可提供更好的体验。 在本文中，我们将仔细研究 Landbot.io 并分解如何使用它。 在此之前，让我们多谈谈对话设计和登陆页面！

什么是对话式着陆页（以及它如何帮助您）

您可能知道，着陆页是旨在推动转化的单页网站。 反过来，对话登录页面是围绕与聊天机器人交互而构建的。 如今，将聊天机器人添加到 WordPress 很容易，但将其用作登录页面的核心则更加复杂。

我们的目标是采用基本的登陆页面并使用对话设计来改进它。 这将创造更具吸引力的体验，因为网站的访问者可以直接与您的聊天机器人互动，而不是被动地接收静态信息。 您可以通过聊天机器人以一种感觉更自然的方式提供相同的信息，同时还能让您了解品牌的个性。

创建一个引人入胜且足够有效以推动转化的对话式着陆页可能需要一些时间。 如果您希望他们高兴地离开，您需要努力定制您的聊天机器人如何响应访问者。 一些聊天机器人比其他聊天机器人更难使用，因此您需要一个既易于配置又可让您创建视觉上引人入胜的结果的聊天机器人。 现在让我们看一看！

Landbot.io 简介

如果您想查看对话式登录页面在野外的样子，请立即访问 Landbot.io。 设计本身很简单，而且都是围绕聊天机器人构建的，该聊天机器人提供信息并帮助您将您引向他们的注册页面。

至于服务本身，它使创建聊天机器人的过程比我们尝试过的许多其他工具更简单。 注册很简单，您可以在几分钟内创建一个免费帐户。 注册后，您就可以使用基于流程的直观聊天机器人构建器开始使用聊天机器人。

除了易于使用之外，Landbot.io 还使您可以使用聊天机器人的设计，使您几乎可以在任何网站上使用它。 此外，将其与 WordPress 集成很简单，我们将在下一节中向您展示。

虽然该平台确实提供免费计划，但它仅支持最多 100 个免费聊天。 这意味着，如果您打算将它用于接收中等流量的网站或设置一个严肃的登录页面，您可能需要支付高级帐户。

主要特点：

• 使用可视化构建器来创建您的聊天机器人。
• 使用思维导图设计复杂的对话流程。
• 使用多种设置和预先构建的模板调整聊天机器人的设计。

定价：免费计划最多支持 100 次聊天，高级选项起价为每月 20 欧元（约合 23 美元）| 更多信息

如何在 WordPress 中使用 Landbot.io（分 3 个步骤）

我们现在将教您如何使用 Landbot.io 创建一个基本的聊天机器人并将其与 WordPress 集成。 虽然我们在这里专注于 WordPress，但我们应该指出，您也可以使用 Landbot.io 创建独立的登录页面。 我们稍后会详细讨论这个问题，但现在，让我们进入正题吧！

第 1 步：设置您的 Landbot.io 帐户

如果您和我们一样，您可能已经厌倦了为想要尝试的新服务而进行冗长的注册。 然而，Landbot.io 设法通过使用聊天机器人引导您完成整个过程来保持过程的乐趣。 要开始，只需访问 Landbot.io 主页并单击是！ 在 Ryan Reynold 帅气的杯子下面创建我的机器人：

接下来，机器人会问你几个简单的问题，包括你的名字和你的网站是什么：

最后，如果您是聊天机器人新手，您可以告诉 Landbot.io。 如果您以前从未创建过聊天机器人，我们建议您选择是，这样您将获得一些有关如何使用该平台的提示：

完成后，您将能够登录您的新 Landbot.io 帐户并访问您的仪表板。

第 2 步：创建一个基本的聊天机器人

现在让我们看看创建聊天机器人的实际方面。 在 Landbot.io 的情况下，它使用“块”系统工作。 每个块可以包含多个按顺序显示的消息。 此外，您可以为块中的每个项目配置独特的“流程”或操作。

这是一个快速示例。 每个聊天机器人都以欢迎消息开始，您可以在左侧看到。 接下来，我们配置了第二个块，要求用户提供他们的电子邮件。 然后，我们将其链接到 Slack 通知并添加了简短的“谢谢！” 之后留言：

这就像聊天机器人一样简单。 但是，它非常适合对话式登录页面，因为您可以使用该流程来帮助您收集潜在客户。 获得访问者的电子邮件后，您就可以按照自己的意愿继续对话。 让我们向您展示我们是如何做到这一点的。

现在，您的聊天机器人流程应如下所示：

现在将底部元素旁边的绿线拖到屏幕的任意位置，您将获得添加消息或问题的选项：

让我们继续这个问题，你会看到很多可供选择的选项。 对于此示例，让我们使用电子邮件选项：

Landbot.io 将向您显示预先确定的消息，但您可以将其更改为您想要的任何内容，然后应用这些更改：

我们的问题现已准备就绪，但我们还希望在获得新潜在客户时收到通知，因此让我们单击左侧的集成按钮：

现在继续选择Slack/Email选项，然后将其连接到您一分钟前设置的问题。 对于此示例，我们将设置一个简单的电子邮件通知，而不是 Slack 集成。

为此，请单击通知元素，禁用 Slack 选项并启用电子邮件通知设置。 然后，在下方添加您希望接收通知的电子邮件以及它们应包含的文本：

像往常一样将更改应用到元素，然后关闭设置。 最后，我们应该添加一条感谢信息，当有人愿意分享他们的电子邮件时会出现该信息。 为此，将绿线从Notification元素拖到另一个点，然后选择Simple message选项：

现在，添加您要显示的消息并注意，如果您想增加趣味，您还可以包含图像、GIF、YouTube 视频，甚至 HTML 代码：

我们的基本登陆页面聊天机器人现已准备就绪，但在我们将其添加到 WordPress 之前，让我们让它看起来很漂亮。 Landbot.io 聊天机器人开箱即用，看起来很棒，但您可以通过单击屏幕顶部的“设计”选项卡来改进。 从此选项卡中选择设计模板选项：

现在，尝试您想要的任何模板，并查看您的聊天机器人在屏幕右侧的外观：

您可以对聊天机器人进行许多其他设计调整。 如果您想了解更多关于它们的信息，您可以查看 Landbot.io 的完整文档。 现在，选择您喜欢的模板，然后单击屏幕右上角的“保存并发布”按钮：

现在，您已经准备好了一个基本的聊天机器人。 现在是将 Landbot.io 与 WordPress 集成的时候了。

第 3 步：将您的聊天机器人嵌入 WordPress

继续并立即单击 Landbot.io 仪表板顶部的“共享”按钮。 您现在将看到一个链接，您可以使用该链接将人们发送到他们平台上的聊天机器人：

如果您想使用 Landbot.io 作为完整的登陆页面选项，您只需将域指向此 URL。 但是，我们希望将我们的聊天机器人与现有的 WordPress 网站集成。 因此，单击左侧的嵌入您的网站选项：

在下一个屏幕上，您将看到一个 HTML 片段，您将使用该片段将聊天机器人嵌入到任何 WordPress 页面中。 您还可以选择聊天机器人是否应显示为整页、小部件或实时聊天。 对于此示例，我们将使用实时聊天选项

我们已经准备好了一个基本的 Divi 页面，如下例所示：

让我们继续在其中的某处添加一个代码模块，其中将包含我们的实时聊天代码。 模块在哪里并不重要。 毕竟，实时聊天将最小化显示在屏幕右侧：

如果您希望聊天机器人成为登录页面的核心，您还可以使用整页选项。 但是，请记住，这样做会导致机器人出现在整个页面上，这意味着它将涵盖您使用 Divi 设置的任何内容。 因此，您应该首先围绕聊天机器人设计站点，这样您就不会意外地遮挡其他内容。 如果您想在使用 WordPress 时设置一个完整的对话登录页面，这是最好的方法！

结论

对话式登陆页面在网页设计中仍然是一个尚未开发的领域，但它们可以成为提高转化率的有效工具。 使用聊天机器人作为登陆页面的核心甚至可以帮助你在竞争中脱颖而出，这就是为什么你应该考虑尝试像 Landbot.io 这样的服务。

在本文中，我们向您展示了如何使用以下步骤将 Landbot.io 与 WordPress 集成：

1. 设置您的 Landbot.io 帐户。
2. 创建一个基本的聊天机器人。
3. 将您的聊天机器人嵌入 WordPress。

您对创建更好的聊天机器人体验有任何疑问吗？ 让我们在下面的评论部分中讨论它们！

图片文章缩略图由 Iryna Sunrise/shutterstock.com 提供