如何創建 MailPoet WordPress 表單(簡單的方法)

已發表: 2021-02-12

您想從表單中輕鬆添加 MailPoet WordPress 訂閱者嗎?

您可以輕鬆地將任何表單與 MailPoet 集成來構建您的電子郵件列表。

在本文中,我們將向您展示如何向 WordPress 網站上的任何表單添加 MailPoet 訂閱複選框。

立即創建您的 MailPoet WordPress 表單

如何在 WordPress 中使用 MailPoet?

MailPoet 是一種電子郵件營銷服務,您可以在 WordPress 中使用。 它有一個拖放構建器,可以輕鬆設計自定義電子郵件通訊。

如果您已經使用過像 SeedProd 這樣的拖放登陸頁面構建器,您會發現 MailPoet 非常易於使用。

WPForms 是最好的 WordPress Form Builder 插件。 免費獲取!

在 MailPoet 中,您可以創建不同類型的電子郵件,例如:

  • 郵件截圖
  • 帶有滴灌電子郵件自動化的歡迎電子郵件
  • 最新帖子通知
  • 歡迎郵件
  • 廢棄的購物車電子郵件
  • WooCommerce 訂單電子郵件。

如何使用MailPoet

創建電子郵件模板後,您只需告訴 MailPoet 要將電子郵件發送到哪個列表或細分。 它會跟踪您在 WordPress 中的所有訂閱者,並顯示有關您的時事通訊打開率的統計數據。

接下來,讓我們看看如何使用 WPForms 輕鬆構建您的 MailPoet 列表。

如何創建 MailPoet WordPress 表單

我們將向您展示如何將 WPForms 和 MailPoet 與 Uncanny Automator 插件集成。 以下是本教程中步驟的快速摘要:

  1. 安裝 MailPoet 插件
  2. 安裝 WPForms 插件
  3. 製作您的 MailPoet WordPress 表單
  4. 安裝 Uncanny Automator 插件
  5. 創建您的 MailPoet WPForms 集成
  6. 測試您的 MailPoet WordPress 表單

如果您已經設置了 MailPoet,請直接跳到第 2 步。

第 1 步:安裝 MailPoet 插件

首先,讓我們在您的 WordPress 網站上安裝 MailPoet 通訊插件。

首先,在 WordPress 中打開插件»添加新菜單。

添加新插件

搜索MailPoet ,並確保選擇 MailPoet 3 插件。

現在單擊激活以啟用插件。

安裝 MailPoet WordPress 插件

現在運行設置嚮導中的步驟。 如果您擁有 MailPoet 的付費版本,請輸入您的許可證密鑰以下載 Pro 插件並安裝它。

如果您已申請使用 MailPoet 發送服務來提高可送達性,您現在將看到以下消息:

You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails

在等待 MailPoet 批准您的帳戶時,您可以繼續設置 MailPoet 與 WPForms 的集成。

您可能還想為您的聯繫表單註冊創建一個新的 MailPoet 訂閱者列表,以便您可以將它們與您網站上的其他郵件列表分開。

要添加新列表,請轉到MailPoet » 列表。 為您的列表輸入一個名稱,然後點擊保存

添加新的 MailPoet 列表

偉大的! MailPoet 已準備就緒。 現在讓我們安裝表單構建器插件。

第 2 步:安裝 WPForms 插件

WPForms 是 WordPress 最好的表單構建器插件。 它允許您使用拖放構建器創建任何類型的 WordPress 表單。

WPForms 比默認的 MailPoet 表單構建器具有更多的功能。 它有不同類型的垃圾郵件保護,您可以在任何形式上使用。

WPForms 主頁

使用 WPForms Pro,您可以:

  • 將所有表單條目存儲在 WordPress 儀表板中
  • 創建調查和民意調查
  • 接受 Stripe 或 PayPal 付款
  • 跟踪用戶在您網站上的旅程
  • 使用進度條製作多步表單
  • 和更多。

因此,讓我們現在下載並安裝 WPForms 插件。 在繼續之前不要忘記激活插件。

第 3 步:製作您的 MailPoet WordPress 表單

現在我們將製作一個聯繫表單,當它被提交時,它會自動將訪問者註冊到您的 MailPoet 列表中。

  • 如果您已經在 WPForms 中設置了表單,請立即打開它,我們將向您展示如何調整它。
  • 如果您是從頭開始,請查看本指南以在 WordPress 中創建簡單的聯繫表單。 製作聯繫表格並將其嵌入您的網站只需不到 5 分鐘。

在 WPForms 中添加單獨的名稱字段

默認情況下,WPForms 有一個名字和一個姓氏字段。 這兩個字段組合成一個“名稱”。

MailPoet 分別存儲名字和姓氏,所以讓我們調整表單以匹配它。

首先,將 2 個單行文本字段拖到您的表單上。

帶有 2 個單行文本字段的 MailPoet WordPress 表單

現在重命名第一個字段First Name 。 您可能還希望將其設為必填字段。 如果是這樣,您可以單擊“必需”複選框。

使 MailPoet WordPress 表單上的名稱字段成為必需

接下來,向下滾動並展開Advanced Options

展開文本字段的高級選項

現在再次向下滾動到 CSS 類。 單擊此處顯示佈局以顯示名字字段的佈局設置。

在 WPForms 中顯示 CSS 佈局

我們希望此字段顯示在左側。 所以我們先選擇2列佈局:

MailPoet WordPress 表單 2 列佈局

然後使用此處的按鈕選擇左列。

MailPoet 名稱字段 CSS

現在對第二個字段重複該過程。 將其重命名為姓氏,然後展開高級選項,並使用 CSS 佈局將其放置在右側。

偉大的! 現在我們有 2 個單獨的字段用於訪問者的名字和姓氏。 不要忘記通過將鼠標懸停在原始名稱字段上並單擊垃圾桶來刪除它。

添加 Optin 字段

GDPR 是一項保護個人數據的重要法律。 每當您創建註冊表單時,您都應該獲得此人的明確同意。

為此,我們可以在您的表單中添加一個 MailPoet optin 複選框。 如果未選中 optin 字段,它們將不會添加到您的 MailPoet 列表中。

首先將復選框字段拖到表單上。 我們將添加一些文字來解釋它的用途。

MailPoet WordPress 表單選擇複選框

記下您在“選項”字段中使用的確切文本——我們稍後需要使用它。

您可能還想在您的聯繫表單中添加一個 GDPR 字段,以涵蓋他們數據的存儲。 如果您不確定是否需要此信息,我們建議您諮詢律師以獲取 GDPR 指導。

都到這裡了嗎? 點擊保存

檢查您的表單設置

在我們完成 WPForms 之前,檢查您的表單通知和確認是個好主意。 首先,單擊表單構建器左側的設置

MailPoet WordPress 表單通知

  • 通知是在表單提交時發送的電子郵件。 由於這是一個聯繫表單,您需要打開通知。 如果您在設置表單通知方面需要幫助,請參閱本指南。
  • 確認是表單提交後顯示在屏幕上的消息。 看看如何編輯表單確認消息。

按照您希望的方式設置表單設置後,單擊保存

我們現在已在 WPForms 中完成,因此您可以單擊X關閉表單構建器並返回到 WordPress 儀表板。

第 4 步:安裝 Uncanny Automator 插件

Uncanny Automator 是一個很棒的 WordPress 插件,可讓您在 WordPress 中自動化插件。 您可以使用一個插件作為觸發器,使用另一個插件來執行操作。

Uncanny Automator 主頁

我們將在 Uncanny Automator 中製作一個“食譜”。 觸發器將是 WPForms 中的表單提交。 如果選擇了 optin 複選框,Uncanny Automator 會自動將該人添加到我們的 MailPoet 列表中。

要繼續,您需要獲取 Uncanny Automator Pro 或更高版本的副本並將其安裝在您的站點上。

現在我們準備將 WPForms 連接到 MailPoet。

第 5 步:創建您的 MailPoet WPForms 集成

在這一步中,我們會將所有內容整合在一起,並將您的聯繫表單與 MailPoet 集成。

在您的 WordPress 儀表板中,轉到Automator » Add New

在彈出窗口中,選擇Anonymous 。 這將創建一個即使訪問者未登錄 WordPress 也能工作的食譜。

為 MailPoet WordPress 集成創建一個匿名配方

接下來,在頂部輸入新食譜的名稱。

在 Uncanny Automator 中設置 MailPoet WordPress 配方

現在我們將在 Uncanny Automator 中設置我們的 WPForms 觸發器。

創建您的 WPForms 觸發器

如果用戶選擇加入,我們將告訴 Uncanny Automator 觸發觸發器。

首先,查看標記為匿名觸發器的字段並選擇WPForms

Uncanny Automator 中的 WPForms

接下來,讓我們選擇觸發器A specific entry in a specific field

在 Uncanny Automator 中為 WPForms 設置觸發器

使用下拉菜單,選擇:

  • 我們之前創建的表格,以及
  • 我們添加的 optin 複選框字段。

在 Uncanny Automator 中選擇表單

在第三個字段中,確保輸入與您在下拉列表的選擇字段中輸入的完全相同的文本。

WPForms 中的特定字段值

單擊保存以保存觸發器。

現在讓我們繼續下一步。

在 WordPress 中創建您的新用戶

作為工作流程的一部分,Uncanny Automator 需要為每個新的 MailPoet 訂閱者在 WordPress 中創建一個新用戶。 這將允許該人登錄並更改他們的偏好。

我們需要決定是對現有用戶還是新用戶運行此操作。 這裡有一些細節可以幫助您做出決定:

  • 現有用戶將搜索與現有 WordPress 用戶匹配的內容。 如果 Uncanny Automator 沒有找到用戶,它會創建一個。 如果您經常收到已經擁有 WordPress 帳戶的客戶的詢問,這是最佳選擇。
  • 新用戶將創建一個新用戶,為他們分配一個角色,並可選擇將他們登錄到 WordPress。 如果用戶存在,Uncanny Automator 將改為選擇他們的個人資料。 如果您希望大多數查詢來自新訪問者,這是一個不錯的選擇。

在此處選擇最適合您網站的選項。 我們將在此示例中使用新用戶

在 Uncanny Automator 中選擇新用戶

接下來,讓我們將 WPForms 中的字段映射到 WordPress 用戶配置文件,如果找不到現有用戶,將創建該配置文件。

單擊此處的星號可打開可用字段列表。

Asterisk 在 Uncanny Automator 中打開字段

然後通過單擊右側的小箭頭展開列表中的 WPForms 部分。

展開表單域

最後,選​​擇與 Uncanny Automator 中的字段名稱匹配的 WPForms 字段。

在 Uncanny Automator 中選擇字段

在處理列表時,您還需要選擇以下選項:

  • 用戶名:在用戶名字段中使用訪問者的電子郵件地址是最簡單的。 這樣,您的所有用戶肯定都會擁有唯一的用戶名。
  • 角色:為新用戶選擇角色。 我們建議您在此處選擇訂閱者,除非您想在 WordPress 中為新用戶提供額外權限。
  • 登錄用戶:您可以選擇在配方運行時自動登錄用戶。
  • 如果用戶已經存在該怎麼辦:請務必在此處選擇“選擇現有用戶” 。 如果不這樣做,您的配方將不會為現有用戶運行。

現在保存您的用戶設置。

添加 MailPoet WordPress 訂閱者

最後一步是在 MailPoet 中設置新用戶。 在您的用戶設置下方,單擊添加操作按鈕。

在 Uncanny Automator 中添加新動作

現在從選項中選擇MailPoet

選擇 MailPoet 操作

選擇下拉列表中的第一個選項Add asubscriber to a list

將訂閱者添加到 MailPoet 表單中的列表

重複將表單字段映射到您的 MailPoet 訂閱者記錄的過程。 選擇已訂閱以將它們添加到列表中,或者選擇取消訂閱以使用表單刪除它們。

然後點擊保存

WordPress 個人資料表單字段

我們快完成了!

現在我們只需要為訂閱者選擇 MailPoet 列表。 讓我們選擇剛開始時創建的新列表。

選擇 MailPoet 列表

我們還需要做 1 件事。 我們需要打開每個開關以確保配方運行。

向上滾動並確保食譜的每個部分現在都切換到Live

Uncanny Automator 中的實時開關

最後,查看頁面右上角並打開主食譜。 這也應該切換到Live

打開 MailPoet WordPress 表單配方

就是這樣! 您的 MailPoet WordPress 表單已準備好將訂閱者添加到您的電子郵件列表中。

第 6 步:測試您的 MailPoet WordPress 表單

測試新的集成總是一個好主意,所以現在讓我們填寫您的聯繫表格。 如果一切正常,您將看到一個新的表單提交列在Unconfirmed下。

未經證實的 MailPoet WordPress 表單訂閱者

現在單擊激活電子郵件中的鏈接以確認您的訂閱。

確認MailPoet訂閱

完成此操作後,您應該會在 MailPoet 列表的“已訂閱”列中看到您的新訂閱者。

就是這樣! 現在,使用您的聯繫表格的每個訪問者都可以選擇加入您的 MailPoet 列表。

立即創建您的 MailPoet WordPress 表單

下一步:創建博客帖子通知表單

您可以通過多種不同的方式將 WPForms 與 MailPoet 結合使用來獲得更多訂閱者。

例如,嘗試使用電子郵件地址字段製作 WPForms 註冊表單,然後使用側邊欄小部件將其添加到您的博客中。 然後將您的表單連接到 Uncanny Automator 中的 MailPoet 發布通知時事通訊。

MailPoet 中的博客帖子訂閱表單

現在,您可以在每次發布新內容時自動更新訂閱者。

為您的表單創建登錄頁面也是一個聰明的主意。 它消除了所有可能會損害您的轉化率的干擾。 在 WPForms 中製作登陸頁面很容易。 查看這些登錄頁面表單示例以獲取靈感。

準備好構建您的表單了嗎? 立即開始使用最簡單的 WordPress 表單構建器插件。 WPForms Pro 包括 100 多個免費表單模板,並提供 14 天退款保證。

如果本文對您有所幫助,請在 Facebook 和 Twitter 上關注我們,以獲取更多免費的 WordPress 教程和指南。