首页 问答 正文

如何在WordPress中增加邮件订阅功能?

注册会员 / 悠然自学 / 2023-06-12/ 浏览 52 次

在WordPress中增加邮件订阅功能,可以通过以下步骤实现:

  1. 安装并激活一个邮件订阅插件,例如Mailchimp、Jetpack等。

  2. 在插件设置页面中,填写自己的邮件订阅服务账号,获取相关API Key等信息,以便成功连接订阅服务。

  3. 在WordPress网站上添加一个订阅表格或小工具。可以使用插件提供的订阅表格代码或者自定义表格样式,将其添加到希望展示的位置。例如,在外观 --> 小工具中新建一个文本小工具,复制订阅表格代码后,将其添加到小工具中。

  4. 如果想要在文章或页面中嵌入订阅表格,可以使用短代码。例如,在文章编辑器中输入 [subscribe_form],保存后该短代码会被替换为订阅表格。

下面是Mailchimp插件中的示例代码:

<div id="mc_embed_signup">
<form action="//XXX.XXX.list-manage.com/subscribe/post?u=XXXXXXXXXXXX&amp;id=XXXXXXXXXX" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
        <h2>Subscribe to Our Newsletter</h2>
        <div class="mc-field-group">
            <label for="mce-EMAIL">Email Address </label>
            <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
        </div>
        <div class="mc-field-group">
            <label for="mce-FNAME">First Name </label>
            <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
        </div>
        <div class="mc-field-group">
            <label for="mce-LNAME">Last Name </label>
            <input type="text" value="" name="LNAME" class="" id="mce-LNAME">
        </div>
        <div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response" style="display:none"></div>
            <div class="response" id="mce-success-response" style="display:none"></div>
        </div>    
        <div style="position: absolute; left: -5000px;" aria-hidden="true">
            <input type="text" name="b_XXXXXXXXXXXX_XXXXXXXXXX" tabindex="-1" value="">
        </div>
        <div class="clear">
            <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
        </div>
    </div>
</form>
</div> 

在上述代码中,需要将 uid 参数替换为自己Mailchimp账号中的正确值,否则不会正常工作。

大家谈论
    我的见解