View Categories

如何使用NotificationX显示Zapier通知警报?

6 min read

如何使用NotificationX显示Zapier通知警报? #

NotificationX gives you the chance to integrate with your Zapier Account. As a result, you are able to display any sort of Zapier Notification Alerts, such as Email Subscription, Review, Sales Notifications and others.

Before you connect NotificationX with your Zapier Account, you need to create a Zapier Notification Alert on your website. Follow these steps to show the Zapier Notification popup with NotificationX:

如何创建和配置Zapier通知警报 #

第1步–添加新通知 #

首先,请转到WordPress仪表板并导航至 wp-admin->全部NotificationX-> NotificationX. Then, right at the top, click on ‘Add New’.

Add New Notification in NotificationX

步骤2 –选择来源 #

你会找到 ‘Zapier’ 这些通知类型中的来源: 销售通知, 评论电子邮件订阅. For instance, if you want to display new emails from your Gmail account, you can pick the ‘Email Subscription’ 选项。选择了首选的通知类型后,请确保选择 ‘Zapier’ 作为您的来源,然后单击 '下一个'.

如何使用NotificationX显示Zapier通知警报?
如何使用 NotificationX 显示 Zapier 通知警报? 22

步骤3 –选择设计主题 #

来自 '设计' 标签,您可以选择一种布局,还可以灵活地使用 “高级设计” 根据您的喜好自定义它的选项。来自 '主题' 部分中,所选的布局是通知警报将如何在您的网站上显示。此外,您可以通过“高级设计” 选项。从本节中,您将能够轻松地将样式添加到设计,图像外观和版式中。

如何使用NotificationX显示Zapier通知警报?

步骤4 –配置模板内容 #

然后,您将被重定向到 '内容' 标签,您可以在其中修改“通知模板”并添加您的首选内容文本。此外,NotificationX提供 “通知模板” 为您的内容。您可以轻松地继续并选择您喜欢的变量。另一方面, “高级模板” 使您可以完全控制以自定义整个内容。此外,您甚至可以通过NotificationX通过以下方式跟踪各种类型的广告系列 “ UTM控制”。 

如何使用NotificationX显示Zapier通知警报?

步骤5 –调整显示选项 #

来自 '图片' section, you can use the checkbox to display a default image or an avatar in the notification popup. Whereas the '能见度' 部分可让您设置要显示Zapier通知警报的页面。

如何使用NotificationX显示Zapier通知警报?

第6步-设置外观 #

来自'出现' section, you can set the position and width for notificiation alert. From the ‘Timing’ section, you can control the ‘Display’ time duration and set an initial time after which your ‘Zapier notification alert’ will pop up. The ‘Behaviour’ section allows you to pick a number of conversions and specify a certain number of days that will be considered for the notification popup. Besides, the ‘Sound Settings’ section lets you pick a Sound Alert for your notification popup.

如何使用NotificationX显示Zapier通知警报?

第 7 步:发布您的通知 #

完成第6步后,请点击 '发布' 按钮。结果, “联系表格提交警报” 将成功创建。

Click on Publish Button

如何将NotificationX与Zapier连接 #

发布Zapier通知警报后,您需要将NotificationX与Zapier连接。为此,首先,您需要 登录到您的Zapier信息中心。要在Zapier中使用NotificationX,请确保接受 NotificationX的公开邀请链接。然后,只需继续并点击 ‘Accept Invite & Build a Zap’ 按钮。

Zapier通知警报

注意: You will find the Zapier API key in the NotificationX settings option. There will be an API key, and you will get a public invitation link. You can add the link from the settings and get the invitation link here.

NX Zapier Settings API Key

第1步-创建一个Zap #

要将NotificationX与Zapier连接,您需要 创建一个Zap 与您首选的应用程序一起使用。您会发现 ‘Create’ button on your Zapier Dashboard. Simply go ahead and click on it. After that, click on ‘Zaps’ to start automating your notification.

Create a new zap

Step 2 – Choose App & Event #

进入Zapier编辑器页面后,您可以 设置一个名字 for the Zap you are creating from the top bar of the Editor. Click on the dropdown and click on ‘Rename’. You can name it whatever you want. 

Rename the zap

Afterward, you can describe the workflow. Here, you can write what this workflow is about and how it works on your website. 

Describe workflow

Alternatively, choose the app you want to integrate. Click on ‘Trigger,’ and then you will find a lot of options to choose the app. From there, select your preferred app. 

Choose the app trigger

选择您的应用后,继续并选择一个 触发事件 为了它。 (例: if you want to show a new email notification from your Gmail, then pick ‘New Email’ as your Trigger Event).

Choose the trigger event

之后,将要求您 连接您的应用程序帐户 与Zapier。建立连接后,只需继续进行即可。

Connect Gmail Account

After that, click on the “Continue” button for the next stage. Then you have to add the ‘Configure’ section.  In the ‘Configure’ section, choose the type of value label you want to choose.

Add label

For smooth flow in Zapier, next go to the ‘Test’ section. Here you can test if your email integration is working properly or not. Click on the ‘Test Trigger’ button to start the test. 

Test the trigger

After that, from the fetched records by Zapier, you can start your testing. Click on “Continue with Selected Records” to get started.

Step 3 – Choose Action App & Action Event #

After you have successfully completed the previous step, from the action app, search for “NotificationX”. Afterward, choose‘Action Event’.

Choose NX to create notification

After that, connect your NotificationX account. After that, click on the “Yes, Continue to NotificationX” button. Then your account will be connected to the notification trigger. Then click on the “Continue” button.

Allow Zapier with NX

你可以找到你的 通知X ID 从您之前创建的Zapier通知警报中获取。要找到它,请转到: wp-admin->全部NotificationX-> NotificationX. Open the Zapier Notification alert and just simply check the end of the URL as you can see in the screenshot. That’s your NotificationX ID.

Add NX ID

After that, configure the notification type. Select the specific value you want to display. Select the value and then go to the next step. There, for different types of notification you will find different options. Fill in all the fields to complete the setup.

Select the product

Then, from the ‘Test’ section, you can either set a test or skip this part. After skipping, click on the “Publish” button to make the notification LIVE on your website.

After you have completed all the steps mentioned above, go to your website and you will find the Zapier通知警报 像这样弹出:

Final outcome of Zapier integration

By using NotificationX, this is how you can easily design and display an amazing Zapier通知弹出窗口 在您的WordPress网站上并增加您的用户群。

如果您遇到任何问题,可以联系我们的支持团队 这里.

供电 BetterDocs

Wait...

Leaving something behind?

  • 00
  • 00小时
  • 00Mins
  • 00Secs

Boost conversions instantly with real-time social Proof