Mailchimp 和 WordPress 使用的終極指南（2024）

最後更新： 2024年7月16日，由編輯團隊撰寫 | 評審：Syed Balkhi

編輯提示：我們透過 WPressize Me 中的伙伴連結賺取佣金。佣金不影響我們編輯的意見或評價。了解更多關於 編輯過程。

最近，我們的一個讀者詢問我們如何將 Mailchimp 與 WordPress 結合使用。Mailchimp 是最流行的電子郵件行銷服務之一，而且可以很容易地與您的 WordPress 網站結合使用。然而，大多數人並不知道如何操作，也不知道如何充分利用 Mailchimp。

在 WPressize Me，我們有超過16年的經驗幫助用戶在其網站上設置各種電子郵件行銷服務。

在本指南中，我們將向您展示如何輕鬆將 Mailchimp 集成到 WordPress 中，並開始建立您的電子郵件列表。

為何要建立電子郵件列表？

超過 70% 的用戶在離開您的網站後可能永遠不會回來，除非您成功讓他們訂閱您的電子郵件列表。

電子郵件是私密的、個人的，並且是互聯網上最直接的通信形式。許多人查看郵箱的頻率多過查看社交媒體。

此外，電子郵件會留在收件箱中，直到用戶采取行動。在社交媒體上，您的信息會迅速被淹沒在無休止的時間線中。

為何與 WordPress 一起使用 Mailchimp？

Mailchimp 是最流行的電子郵件行銷服務之一。他們提供一個永久免費計劃，允許您每月向不超過 500 名訂閱者發送最多 1,000 封電子郵件。

隨著訂閱者數量超過 500 或需要發送更多電子郵件，則需要付費計劃，而這可能會變得相當昂貴。

除了電子郵件行銷外，Mailchimp 還提供基本的自動化工具，可以幫助您在線增長業務。

開始使用 Mailchimp

要將 Mailchimp 連接到您的 WordPress 網站，您首先需要一個 Mailchimp 帳戶。

訪問 Mailchimp 網站，點擊右上角的“Sign Up Free”按鈕。

填寫您的電子郵件，為您的帳戶創建用戶名和密碼，然後按照屏幕上的指示完成帳戶設置。

在 WordPress 中添加 Mailchimp 電子郵件註冊表

Mailchimp 帶有內置的訂閱表單，您可以將其嵌入到您的 WordPress 網站中。

點擊左側工具欄中的“Create”按鈕，然後選擇“Signup Form” » “Embedded Form”選項。

從這裡，您可以選擇顯示的表單字段並選擇其他選項。一旦滿意表單的設置，復制屏幕上顯示的嵌入代碼。

接下來，轉到您的 WordPress 網站管理區域，進入“外觀” » “小工具”頁面。添加“自定義 HTML”小工具並粘貼從 Mailchimp 網站復制的代碼。點擊“更新”按鈕保存設置。

使用 OptinMonster 添加美觀的註冊表

Mailchimp 允許創建基本的電子郵件註冊表，但這些表單很難自定義，並且沒有很多目標和個性化選項。

這時您需要 OptinMonster。它是市場上最好的轉換優化和潛在客戶生成軟件，幫助您輕鬆地將網站訪問者轉換為訂閱者。

首先，註冊一個 OptinMonster 帳戶，然後安裝並激活 OptinMonster 插件。這個插件充當 WordPress 和您的 OptinMonster 帳戶之間的連接器。

使用 WPForms 創建自定義 Mailchimp 註冊表

WPForms 是市場上最好的 WordPress 表單生成器插件，它允許您輕鬆創建各類型的表單，包括電子報註冊表單。

首先，安裝並激活 WPForms 插件。激活後，訪問 WPForms » 設置頁面並輸入您的許可證密鑰。訪問 WPForms » 外掛頁面安裝 Mailchimp 插件。

創建您的第一個電子報註冊表單，選擇“Newsletter Signup Form”範本，進入表單生成器，自定義完成後切換到“營銷”標籤，點擊 Mailchimp 部分，添加新連接並輸入 Mailchimp 帳戶 API 金鑰。

在 WordPress 和 Mailchimp 中自動化一切

電子郵件非常強大，尤其是當它是個性化和及時的時候。使用合適的工具，您可以輕鬆創建高轉化率的電子郵件自動化。

這時，您需要 Uncanny Automator。它是最佳的 WordPress 自動化插件，允許為您的 WordPress 網站創建自動化工作流程。

安裝並激活 Uncanny Automator 插件。接著訪問 Automator » 新增頁面以創建新配方，選擇“已登入用戶”選項，選擇觸發條件並設置 Mailchimp 動作。

例如，當我們發佈新文章時，我們設置它向訂閱者自動發送電子郵件。

快速增長您的 Mailchimp 電子郵件列表的小技巧

如果您沒有向網站訪問者推廣您的電子郵件列表，那麼您正在失去潛在訂閱者、客戶和銷售。

1. 多個註冊表

不要只在側邊欄添加一個註冊表，而是使用多個電子郵件訂閱表。

2. 使用遊戲化贏得訂閱者

遊戲化為您的電子郵件表單帶來有趣的互動。人們更有可能輸入電子郵件地址，如果他們有可能贏得一些東西作為回報。

3. 創建潛在客戶磁鐵

潛在客戶磁鐵是您可以提供給用戶的獎勵，以換取他們訂閱您的電子郵件列表。例如，您可以發送電子書、樣本章節或折扣代碼等。

4. 使用目標導向的活動和個性化

如果您的電子郵件註冊表單在合適的時間顯示給合適的用戶，它們將獲得更多訂閱者。例如，可以向來自社交媒體的訪客顯示歡迎消息，或向購物車即將放棄的購物者顯示折扣優惠。

5. 追蹤您的轉換

想知道哪些表單帶來更多訂閱者？使用 MonsterInsights，是市場上最好的 Google Analytics 插件，幫助您了解哪些表單更有效。詳細說明，請參閱我們的完整指南。

希望這篇文章幫助您了解如何使用 Mailchimp 與 WordPress 建立您的電子郵件列表。您可能還想看看我們的如何在 WordPress 中創建 Mailchimp 訂閱表單指南，或者我們專家推薦的最佳 Mailchimp 替代品。

为什么你的WordPress GIF无法正常工作？

有时，GIF动画在WordPress中会变成静态图片，因为它会自动生成多种尺寸的图片，但这些图片只从动画的第一帧生成。

为什么会这样？每当您使用媒体上传器将任何类型的图像添加到WordPress网站时，WordPress会自动创建该图像的多个不同尺寸副本。WordPress默认有4种图像尺寸，分别是缩略图、中等、大和全尺寸。

然而，在为动画GIF创建新图像尺寸时，WordPress只会保存GIF文件的第一帧。因此，当您将这些生成的图像尺寸之一添加到文章或页面时，它们将是静态图像，导致WordPress GIF无法正常工作。

在WordPress中正确添加动画GIF

首先，您需要在WordPress Gutenberg编辑器中编辑或创建一个新的WordPress文章或页面，以添加动画GIF。一旦进入WordPress内容编辑器，点击‘+’按钮并添加一个图像块。

接下来，您会发现多种方式在图像块中上传动画GIF。首先，点击‘上传’按钮并从计算机中选择动画GIF。或者，点击‘媒体库’按钮添加已上传到媒体库的文件。

还有一个通过点击‘从URL插入’按钮输入GIF链接的选项，但我们不推荐使用这种方式，因为它不会将图像上传到您网站。

上传GIF后，块编辑器会将其插入到内容中，您可以进行自定义。添加GIF后，您需要在右侧菜单中选择‘图像大小’下的‘全尺寸’选项。全尺寸图像是您上传到WordPress的原始动画GIF。选择这个将防止您的WordPress GIF显示为静态图像而不播放动画。您会立即在内容编辑器中看到动画效果。

继续发布或更新您的博客文章以查看动画GIF效果。

使用动画GIF的额外提示

动画GIF图像通常比其他图像文件更大，因为它们包含多个压缩图像作为帧来创建动画。使用大型GIF或在WordPress页面上添加太多GIF图像会减慢网站速度并影响搜索引擎优化（SEO）。请参阅我们的WordPress速度和性能优化终极指南了解更多详情。

如果您使用Giphy.com查找动画GIF，那么您可能会发现GIF Master插件非常有用。它允许您从WordPress仪表盘中搜索Giphy数据库并添加GIF而无需离开WordPress网站。同样，您也可以使用EmbedPress自动添加来自Gfycat的动画GIF和表情包。只需输入Gfycat上的GIF URL，插件会将其嵌入到您的内容中。

希望这篇文章帮助您学习如何在WordPress中添加动画GIF。您可能还想看看我们关于管理图像的优秀WordPress插件列表以及我们关于如何选择最佳WordPress主机以提升性能的完整WordPress教程。

如果您喜欢这篇文章，请订阅我们的YouTube频道获取更多WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

为什么要在WordPress中创建付费新闻通讯？

像Substack这样的付费新闻通讯正在成为一种流行且有利可图的在线赚钱方式。它们与标准的电子邮件通讯类似，但只向付费订阅者发送独家高级内容。

付费新闻通讯可以是一个独立的在线业务，也可以是你WordPress网站的另一种收入来源。通过创建自己的付费电子邮件新闻通讯，你可以直接从写作中获利，同时与读者建立深厚的关系。

然而，使用像Substack这样的服务可能会变得昂贵。Substack会从你的所有利润中提成10%，所以随着时间的推移，你需要支付越来越多的费用。

通过在你的WordPress网站上创建付费新闻通讯，你可以避免支付这些高额费用，更多地保留自己的收入。此外，使用WordPress是完全可扩展和可定制的，你可以选择只投资你需要的功能。例如，你可以扩展你的产品，包含在线课程、数字产品或任何你想象的东西。

另外，使用WordPress将使你对新闻通讯的设计、订阅者体验和更多方面拥有更多控制权。

第1步：创建一个WordPress网站

如果你还没有WordPress网站，你需要先进行设置。要开始，你需要WordPress主机、域名和SSL证书。通常，域名每年约14.99美元，网络主机每月约7.99美元，SSL证书每年则约69.99美元。如果你刚开始，这些启动费用可能会迅速增加。

第2步：注册一个电子邮件服务提供商

接下来，你需要开始付费电子邮件新闻通讯的最重要的东西是一个电子邮件营销服务提供商，这样你就可以收集电子邮件地址并向订阅者发送邮件。

第3步：为你的电子邮件新闻通讯添加会员功能

注册了电子邮件营销提供商后，你需要一种方式来处理支付并为你的电子邮件新闻通讯添加高级会员功能。

第4步：创建付费电子邮件订阅计划和注册页面

现在你已经设置了插件，是时候创建用户可以加入的付费订阅计划了。要做到这一点，你需要在会员插件中创建一个会员等级。

第5步：在WordPress中连接ConvertKit和MemberPress

现在，你已经创建了一个会员计划和注册页面，是时候将ConvertKit与MemberPress连接起来，这样你的新会员将自动添加到你的电子邮件列表中。

最终想法：在WordPress中创建有利可图的高级新闻通讯

使用WordPress和MemberPress创建高级新闻通讯的最佳部分是，你不依赖于单一的电子邮件营销平台。我们推荐ConvertKit，因为它具有强大的自动化功能和良好的邮件投递率。

什么是WordPress小工具？

WordPress小工具包含可以添加到网站侧边栏或小工具就绪区域的代码片段。将它们视为可用于向站点添加不同元素和功能的模块。默认情况下，WordPress附带了一套标准小工具，可与任何WordPress主题一起使用。WordPress还允许开发者创建自己的自定义小工具。

在WordPress中创建自定义小工具之前

如果你正在学习WordPress编码，那么你将需要一个本地开发环境。你可以在Mac上使用MAMP或在Windows上使用WAMP本地安装WordPress。如果你已经有一个在线网站，那么你可以将其移动到本地服务器。在这之后，有几种方法可以将你的自定义小工具代码添加到WordPress中。理想情况下，你可以创建一个特定于站点的插件并将小工具代码粘贴在那里。你也可以将代码粘贴到主题的functions.php文件中。然而，这样做的代码仅在该特定主题处于活动状态时才可用。

创建一个基本的WordPress小工具

WordPress附带了一个内置的小工具类。每个新的WordPress小工具都会扩展这个小工具类。在这篇教程中，我们将创建一个简单的小工具，向访问者打招呼。目标是熟悉WordPress的小工具类。我们将重点关注以下方法：

__construct() :

在这里我们创建小工具ID、标题和描述。

widget：

在这里我们定义小工具生成的输出。

form：

在这里我们为后台创建小工具选项表单。

update：

在这里我们将小工具选项保存到数据库中。

要创建自定义小工具，你可以将以下代码段复制并粘贴到你的functions.php文件或一个特定于站点的插件中：

<?php
// 创建小工具
class wpb_widget extends WP_Widget {
    function __construct() {
        parent::__construct(
            // 你的小工具的基础ID
         'wpb_widget',
            // 小工具名称将出现在UI中
         __( 'WPressize Me 小工具', 'textdomain' ),
            // 小工具描述
         [
                 'description' => __( '基于WPressize Me教程的示例小工具', 'textdomain' ),
            ]
        );
    }
    // 创建前端小工具
    public function widget( $args, $instance ) {
        $title = apply_filters( 'widget_title', $instance['title'] );
        // 主题定义的前后小工具参数
        echo $args['before_widget'];
        if ( ! empty( $title ) ) {
            echo $args['before_title'] . $title . $args['after_title'];
        }
        // 这是你运行代码并显示输出的地方
        echo __( '你好，世界!', 'textdomain' );
        echo $args['after_widget'];
    }
    // 小工具设置表单
    public function form( $instance ) {
        if ( isset( $instance['title'] ) ) {
            $title = $instance['title'];
        } else {
            $title =  __( '新标题', 'textdomain' );
        }
        // 小工具管理表单
        ?>
        <p>
        <label for="<?php echo $this->get_field_id( 'title' ); ?>">
        <?php _e( '标题:', 'textdomain' ); ?>
        </label>
        <input
            class="widefat"
            id="<?php echo $this->get_field_id( 'title' ); ?>"
            name="<?php echo $this->get_field_name( 'title' ); ?>"
            type="text"
            value="<?php echo esc_attr( $title ); ?>"/>
        </p>
        <?php
    }
    // 更新小工具，替换旧实例为新实例
    public function update( $new_instance, $old_instance ) {
        $instance = array();
        $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
        return $instance;
    }
// 类wpb_widget在这里结束
}
// 注册并加载小工具
function wpb_load_widget() {
 register_widget( 'wpb_widget' );
}
add_action( 'widgets_init', 'wpb_load_widget' );
?>

使用WPCode插件添加自定义代码

一种更简便的方法是在你的WordPress网站中使用WPCode插件添加自定义代码。首先，你需要在你的网站上安装并激活WPCode插件。激活后，你可以前往WordPress管理面板中的“代码片段”»“+添加片段”。从这里选择“添加你的自定义代码（新片段）”选项，然后在代码预览区域中粘贴自定义小工具代码。同时需要选择“代码类型”下拉菜单，并选择“PHP片段”选项。然后，你可以向下滚动并选择代码的插入方法。WPCode允许你选择在哪些地方运行代码。在这个教程中，你可以使用默认选项并在任何地方运行代码。完成后，你可以返回顶部并保存片段。要激活片段，只需点击切换按钮使其变为激活状态。

添加代码到WordPress后，你需要前往WordPress管理面板中的“外观”»“小工具”页面。然后点击“加号”添加块图标，搜索“WPressize Me 小工具”，并选择新小工具。

在WordPress经典编辑器中添加自定义小工具

如果你使用经典小工具编辑器向网站添加新小工具，过程将类似。列表中将出现一个名为“WPressize Me 小工具”的新小工具。你需要将此小工具拖放到你的侧边栏中。然后，输入标题并点击“保存”按钮保存你的小工具设置。你新的自定义小工具现在将在线上网站上可见。

再次研究代码

首先，我们注册了“wpb_widget”并加载我们的自定义小工具。然后，我们定义了该小工具的功能以及如何显示小工具的后端。最后，我们定义了如何处理对小工具所做的更改。你可能会问一些问题，例如textdomain的目的是什么？WordPress使用“gettext”处理翻译和本地化。这个textdomain和_e 告诉“gettext”使字符串可供翻译使用。如果你正在为你的主题创建一个自定义小工具，你可以用你的主题的文本域替换textdomain。或者，你可以使用WordPress翻译插件轻松地翻译WordPress并创建多语言WordPress站点。

希望这篇文章帮助你了解如何轻松创建自定义WordPress小工具。你可能还想看看我们关于域名和网络托管区别的指南，以及我们专家推荐的最佳免费网站托管比较。