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 提供