Happy Addons 的 MailChimp 表單小部件:免費向您的網站添加訂閱表單的簡便方法!

已發表: 2022-05-25

通過電子郵件營銷與客戶建立良好的關係對於任何企業的長壽都非常有效。 借助 MailChimp 等現代電子郵件營銷工具的強大功能,您可以改進電子郵件營銷策略並最終提高轉化率。

MailChimp 與 Elementor 高度兼容。 您甚至可以在 Elementor 支持的網站上嵌入訂閱表格。 但問題是您必須首先在 Elementor 表單構建器的幫助下設計訂閱表單。 然後,您可以使用 MailChimp API 密鑰集成表單。 您還需要進行一些編碼。

對於某些用戶來說,這個手動過程會很麻煩。 為了克服這個問題,Happy Addons 帶有一個高級小部件 MailChimp Form ,它免費提供現成的訂閱表格。 您可以簡單地以自己的風格添加和自定義表單。

在本博客中,我們將展示如何使用 Happy Addons 的 MailChimp 表單小部件將電子郵件訂閱表單嵌入到您的網站。 此外,您還將獲得有關 MailChimp 的一些常見問題的答案。

在我們深入教程部分之前,讓我們快速了解一下為什麼需要使用 Happy Addons 的 MailChimp 表單小部件來設計自定義訂閱表單。

為什麼你應該使用 Happy Addons 的 MailChimp 表單小部件

MailChimp Form Widget

設計 MailChimp 訂閱表單並將其集成到 Elementor 支持的網站中非常困難。 您有時需要編寫自定義代碼來尋找專家來解決此問題。 為了幫助您,Happy Addons 團隊最近推出了一個名為“ MailChimp Form ”的高級小部件。

使用這個免費的小部件,您可以非常有效地設計和自定義訂閱表格,並最終以有組織的方式在您的網站上使用它。 但是,此工具附帶免費的時事通訊表單模板。 您可以使用這些模板中的任何一個,並根據您的網站需求製作獨特的外觀。

主要特徵。 ..

  • 易於添加 MailChimp API 密鑰
  • 完全可定制
  • 提供預製表單模板
  • 使用標籤分隔您的電子郵件訂閱者

如何使用快樂插件的小部件嵌入 MailChimp 表單

在您的網站上嵌入電子郵件訂閱非常容易。 您需要免費安裝 Happy Addons 並獲得 MailChimp 提供的 API Key。 然後按照以下步驟操作。

  1. 添加 MailChimp API 密鑰
  2. 添加 MailChimp 表單小部件
  3. 設置 API 和受眾
  4. 管理表單內容
  5. 啟用成功和錯誤消息
  6. MailChimp 表單小部件的樣式選項

這些是使用 MailChimp 表單小部件所需的先決條件:

  • MailChimp API 密鑰
  • 元素(免費)
  • 快樂插件(免費)

讓我們開始吧:

第 1 步:創建 MailChimp API 密鑰

閱讀關於 Mailchimp API 密鑰的文章並按照以下步驟創建 MailChimp API 密鑰:

  • 首先,登錄您的 MailChimp 帳戶。
  • 其次,單擊您的個人資料名稱以展開帳戶面板並選擇帳戶。
  • 第三,單擊Extras 下拉菜單並選擇 API 密鑰。
  • 第四,複製現有的 API 密鑰或單擊Create A Key按鈕。
  • 第五,描述性地命名您的密鑰,以便您知道哪個應用程序使用該密鑰。

第 2 步:添加 MailChimp API 密鑰

您必須使用 API 密鑰集成 MailChimp 和 Happy Addons。 首先,進入Dashboard->HappyAddons->Credentials區域。 然後您必須將API 密鑰粘貼到MailChimp部分。 你完成了。

Happy Addons Credentials Area

第 3 步:添加 MailChimp 表單小部件

是時候添加 Happy Addons 的 MailChimp 表單小部件了。 首先,從 Elementor 小部件面板中找到小部件,然後將其拖放到我們網站上的合適位置。

Add MailChimp Form Widget

第 4 步:設置 API 和受眾

添加小部件後,您需要設置 API 位置。 在這裡,我們選擇了Global API,因為我們已經將 API 密鑰添加到了HappyAddons->Credentials區域。 然後您需要從下拉列表中選擇受眾。 您還可以通過單擊創建受眾鏈接來創建新受眾。

如果您想啟用選擇訂閱,您可以激活啟用雙重選擇加入選項。

Set API and Audience

注意:如果您沒有在此處添加 API 密鑰,您應該選擇選擇 API From->Custom ,然後將 API 代碼粘貼到MailChimp API區域。

Select Custom API From

第 5 步:管理表單內容

進入Content->Form區域管理表單內容。 在這裡,您可以設置表單對齊方式(水平和垂直)並啟用名稱和電話。 您還可以設置電子郵件標籤、佔位符、啟用帶有輸入的圖標,並設置圖標位置

但是,您可以更改按鈕文本。Enable Icon with Button以及定義Icon Position

Manage Form Content

第 6 步:啟用成功和錯誤消息

Content->Success & Error部分,您可以啟用在編輯器中顯示成功消息?錯誤消息在編輯器中顯示? 選項。 通過這樣做,您可以輕鬆地自定義消息樣式。

Enable Success and Error Message

第 7 步:MailChimp 表單小部件的樣式選項

要自定義 Happy Addons 的 Elementor MailChimp 表單小部件,您可以使用以下樣式選項。

  • 標籤
  • 輸入
  • 輸入圖標
  • 按鈕
  • 成功和錯誤信息
Style Options of MailChimp Form Widget

您可以查看官方文檔以深入了解如何使用 Happy Addons 的 MailChimp 訂閱表單小部件。

我們的 MailChimp 訂閱表格的最終展望

這是我們當前訂閱表格的外觀。 如果您按照上述步驟操作,本教程結束時您將獲得如下圖所示的表單設計。

Final Outlook of Our MailChimp Subscription Form

MailChimp 表單的常見問題

人們經常在網上詢問有關 MailChimp 表單的許多問題。 在這裡,我們回答了一些有效的問題,這些問題將幫助您更多地了解 MailChimp 表單。

1. 如何在 MailChimp 中創建電子郵件註冊表單?

首先,登錄您的 MailChimp 帳戶。
其次,導航到Form Builder工具。
最後,您可以創建和自定義電子郵件註冊表單。

2. Mailchimp 表格是免費的嗎?

在 MailChimp免費計劃中,您可以構建免費的註冊表單。

3. Mailchimp 是否提供聯繫表格?

MailChimp 附帶一個聯繫表,您可以按照自己的方式自定義以供進一步使用。 但問題是內置聯繫表單是在第三方 URL 上生成的。

這意味著您只能通過電子郵件使用此表單,將其添加到您網站上的按鈕或鏈接,並在社交媒體上分享。

4. 如何在 Mailchimp 中製作多個表格?

使用 MailChimp 表單生成器工具,您可以創建多個表單。 您可以使用其表單構建器工具設計、構建、翻譯和共享註冊表單。

5. 如何將 Mailchimp 訂閱表格添加到我的網站?

第 1 步:單擊受眾並從下拉列表中選擇當前受眾,然後選擇您要使用的正確受眾。
第 2 步:單擊註冊表單。
第 3 步:選擇嵌入式表單
第 4 步:單擊嵌入式表單旁邊的選擇
第五步:點擊繼續按鈕。
第6步:點擊複製代碼按鈕。

試試快樂插件!

準備好創建您的訂閱表格

精心設計的電子郵件訂閱表格可幫助您產生潛在客戶。 它還提高了轉化率。 這就是為什麼您應該始終專注於訂閱表單設計的原因。

在此博客中,我們展示了使用 Elementor 和 Happy Addons 的 MailChimp 表單小部件為 WordPress 網站設計訂閱表單的效率。

我們已經介紹了為什麼需要使用高級 Elementor MailChimp 表單構建器小部件。 此外,我們還回答了一些有用的問題,這些問題可能會提高您對 MailChimp 電子郵件自動化工具的了解。

如果您覺得此博客有幫助,請在您的社交網絡上分享。 此外,我們要求您加入我們的時事通訊,以獲得有關 WordPress 和 Elementor 的更多有用指南。

訂閱我們的新聞

獲取有關 Elementor 的最新消息和更新