如何使用NotificationX显示MailChimp电子邮件订阅警报?

NotificationX gives you the chance to show the users who have subscribed to your Newsletters and Emails through an amazing MailChimp Email Subscription alert. It can be a huge asset for your company in terms of subscriber list building and gaining conversion.

NotificationX允许您连接您的 MailChimp 帐户,并让您在您的网站上将最近的订阅显示为有吸引力的通知警报。有了这个 premium 的特征 NotificationX PRO, you can easily set up a fascinating MailChimp notification alert on your WordPress website to keep everyone engaged.

在开始之前,您需要从您的API收集API密钥 MailChimp account。进入“帐户”页面后,点击“其他菜单”部分,然后选择“API密钥' 选项。然后,您将能够查看您的API密钥并将其复制到剪贴板。

MailChimp电子邮件订阅警报

成功生成API密钥后,需要在MailChimp设置中设置密钥。要设置API密钥,请转到WordPress仪表板并导航至 wp-admin-> NotificationX->设置-> API集成.

“ MailChimp设置”, 只需将密钥插入 “ MailChimp API密钥” 字段,然后单击 “连接”。您还可以定义NotificationX结束后的持续时间,并从 “缓存持续时间” 设置。成功完成此操作后,您将准备就绪。

MailChimp email subscription alert

After you are done with the previous step, simply just follow the guideline given below to display the MailChimp Email Subscription alert using NotificationX PRO.

Step 1: Add New Notification #

转到WordPress仪表板并导航至 wp-admin-> NotificationX->全部NotificationX。然后在顶部,单击 '添新'. Or you can also simply go to the ‘Add New’ tab from the sidebar. 

MailChimp email subscription alert

Step 2: Pick a Source #

完成第1步后,您将被重定向到 '资源' Tab page of your NotificationX user interface. 

By default, the notification type is set as ‘Sales Notifications’. Simply write a title and choose ‘Email Subscription’ as your Notification type. Afterward, select 'MailChimp' as your source to display MailChimp Email Subscription alerts. Then, click on the ‘下一个'按钮。

MailChimp email subscription alert

Step 3: Choose a Design Theme #

来自 '设计' tab, you can choose a layout and also have the flexibility to use the ‘Advanced Design’ option to customize it as per your preference. 

来自 '主题' section, you can choose a ‘theme‘ for your notification alert and this will be the layout of the 电子邮件订阅警报 will that will be displayed on your website. 

MailChimp subscription alert

Moreover, you can modify your chosen Theme by customizing it through the ‘高级设计” option. From this section, you will be able to easily add styling to your design, image appearance, and typography. You can add Background or Text color for the notification popup. Besides, you can also add a Border and add styling to it. Basically, an Email Subscription consists of three rows. From the ‘Typography’ section, you can change the font size for each row as well.

MailChimp Email Subscription alert

Step 4: Configure Template Content #

然后,您将被重定向到 '内容' tab from where you can modify your ‘通知模板‘ and add your preferred content text. From here, you specify the ‘MailChimp List’ from which the Email Subscription List will be fetched and be displayed on your WordPress website.

NotificationX offers a ‘通知模板” for your content where you can easily choose your preferred variables. These variables help to display the name of the users who have subscribed to your MailChimp Email Newsletter on a certain day.  On the other hand, “高级模板” 还使您可以完全控制为“ MailChimp电子邮件订阅”自定义整个内容。

MailChimp email subscription alert

此外,您甚至还可以通过NotificationX跟踪各种类型的广告系列。 “ UTM控制” allows you to add ‘Campaign’, ‘Medium’ and ‘Source’ to your ‘MailChimp Email Subscription’ alert.

MailChimp Email Subscription alert

Step 5: Adjust Display Options #

在里面 '显示' tab, there are two available sections: Image & Visibility. From the ‘图片‘ section, you can use the checkbox to display the default image or an avatar in the notification popup. If the users don’t have any ‘Gravatar’ set in their profile, you can simply display the ‘Default‘ image by selecting the ‘Default Image’ checkbox and uploading a default image.

MailChimp电子邮件订阅警报

来自 '能见度' 部分中,您可以设置要显示“电子邮件订阅”的页面。您还可以选择根据某些用户角色来限制通知弹出窗口:“始终”,“登录”和“注销”。默认情况下,“显示在”设置为 “无处不在” as a result the Email Subscription popup will be displayed on every single page of your website. On the other hand, you can also specify the pages where you want to display or hide the ‘Email Subscription’ notification alert. Afterward, when you click on the ‘Next’ button, you will be redirected to the ‘Customize’ Tab.

Step 6: Set Up Appearance #

在下面 '定制' 标签,您会发现三个独立的部分:外观,时间和行为。来自 '出现' section, You can set the position for Email Subscription to either at the Bottom Left or Bottom Right side of your website. Besides, you can even set a max-width for your Notification Popup as well. You are also able to show a ‘Close Button’ which can be clicked to dismiss the Email Subscription alert. Furthermore, you have the flexibility to hide the “电子邮件订阅” 适用于移动设备(如果需要)。

MailChimp电子邮件订阅警报

此外,您还可以根据自己的喜好自由设置“初始”,“显示为”和“延迟时间”选项的时间。 '定时' 部分。您可以设置一个初始时间,之后将弹出“电子邮件订阅”通知。默认情况下,它设置为5秒。

You can also set a time limit for how long you want each notification popup to be displayed by modifying the ‘Display For’ field. To choose a time interval between two notifications of Review, simply set the time in the ‘Display Between’ field. Or, if you want to display multiple types of notifications, you can simply activate the ‘全局队列管理’ option using NotificationX PRO

MailChimp电子邮件订阅警报

来自 '行为' section, you can choose to display a number of users who have subscribed to your Email Newsletter for certain past few days. By checking the ‘Loop Notification’ box, the notification popup will keep on displaying. You can disable this as well. When a visitor clicks on the notification popup, you can control whether you want the link to open in a new window or a new tab from the ‘Open link in new tab’ checkbox.

MailChimp电子邮件订阅警报

另一方面, “声音设置” 部分可让您为“电子邮件订阅”弹出窗口选择声音警报。您也可以控制其音量。

MailChimp电子邮件订阅警报

Step 7: Publish Your Notification #

完成第6步后,请点击 '发布' button. As a result, the MailChimp Email Subscription alert will be successfully created. 

MailChimp电子邮件订阅警报

By following these mentioned steps and a bit more modifying & styling, your final outcome of your MailChimp email subscription alert would look like something like this.

MailChimp电子邮件订阅警报

By using NotificationX, this is how you can easily design and display an attractive MailChimp Email Subscription alert on your WordPress website & grow your userbase.

If you face any issues or queries, you can contact our Support Team.

供电 BetterDocs