How to Show Zapier Notification Alert using NotificationX?

How to Show Zapier Notification Alert using NotificationX?

NotificationX gives you the chance to integrate with your Zapier Account. As a result, you are able to display any sorts of Zapier Notification Alerts such as Email Subscription, Review, Sales Notifications and others. Follow these steps to create a connection between your Zapier Account & NotificationX:

Step 1: Before you begin, make sure that you have created a Zap with your preferred Application. From Zap Builder, you need to choose ‘NotificationX’ as your Action App. You can get the public invitation link from here. After finishing this step, you will be asked to ‘Create Notifications’. Simply click on ‘Continue’.

Step 2: After choosing the NotificationX App, simply pick ‘Create Notification’ as your Action Event. Afterward, you will be asked to connect with your Account. To allow Zapier to access your NotificationX Account, you need to retreive your API Keys, Website URL & NotificatioX ID.

You can retreive your API Key from your website. Simply navigate to your WordPress Dashboard -> NotificationX-> Settings -> API Integrations -> Zapier.

You can find your NotificiationX ID from wp-admin -> NotificationX -> NotificationX. Pick the Zapier notifications and just simply check the end of the URL as you can see in the screenshot. That’s your NotificationX ID.

Step 3: You can then customze NotificationX template from Zapier Settings. After picking your NotificationX type, you can go ahead and add relevant variables for the input fields. Afterward, you can test this step.

Step 4: After successfully testing, simply just go ahead and turn on Zap. Zapier Connection will be successfully be established with your NotificationX. You will be all set to go.

How to Configure Zapier Notification Alert

To begin, go to your WordPress Dashboard and navigate to wp-admin -> NotificationX -> NotificationX. Then right at the top, click on ‘Add New’.  You will find ‘Zapier’ source inside these Notification Types: Sales Notification, Review and Email Subscription. After picking your preferred Notification Type, choose ‘Zapier’ as your Source. Now, let’s follow this below guideline to configure Zapier Notification Alert in NotificationX:

Step 1: From the ‘Design’ tab, you can choose a layout and also have the flexibility to use the ‘Advanced Design’ option to customize it as per your preference. From the ‘Themes’ section, the chosen layout is how the notification alert will be displayed on your website.

MailChimp Email Subscription Alert

Besides, you can modify your chosen Theme by customizing it through ‘Advanced Design’ 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 notification popup. Besides, you can also add a Border and add styling to it.

Basically, Zapier Notification Alert consists of Three rows. From the ‘Typography’ section, you can change the Font Size for each row as well.

MailChimp Email Subscription Alert

Step 2: You will then be redirected to the ‘Content’ tab from where you can modify your ‘Notification Template’ and add your preferred content text. Besides, NotificationX offers ‘Notification Template’ for your Content. You can easily go ahead and choose your preferred variables. On the other hand, ‘Advanced Template’ gives you complete control over to customize the entire Content.

Moreover, you can even track the various types of campaigns through NotificationX as well. ‘UTM Control’ allows you to add ‘Campaign’, ‘Medium’ and ‘Source’ to your ‘Zapier Notification Alert’.

Step 3: In the ‘Display’ tab, there are two available sections: Image & Visibility. From the ‘Image’ section, you can use the checkbox to display 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.

From the ‘Visibility’ section, you can set the pages where you want to display the Zapier notification alert. You also have the option to restrict the notification popup based on certain user roles: Always, Logged In & Logged Out. After you click on the ‘Next’ button, you will be redirected to the ‘Customize’ Tab.

MailChimp Email Subscription Alert

Step 4: Under the ‘Customize’ tab, you will find three separate sections: Appearance, Timing & Behavior. From the ‘Appearance’ section, You can set the position for notificiation alert 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.

MailChimp Notification Alert

Besides, you also have the freedom to set time for ‘Initial’, ‘Display For’ & ‘Delay Between’ options as per your preference from the ‘Timing’ section. You can set an initial time after which your ‘Email Subscription’ notification will be popped up. By default, it is set to 5 seconds.

You can also set a time limit for how long you want your each notification popup to be displayed by modifying the ‘Display For’ field. To choose a time interval between two notification alerts, simply set the time in the ‘Display Between’ field.

MailChimp Notification Alert

From the ‘Behaviour’ section, you can choose to display number of users who have subscribed to your Email Newsletter for the certain passed days. By checking the ‘Loop Notification’ box, the notification popup will keep on displaying. You can disable this as well.

MailChimp Notification Alert

On the other hand, the ‘Sound Settings’ section allows you to pick a Sound Alert for your notification popup. You can control its Volume as well.

MailChimp Notification Alert

Step 5: After you have completed step 6, click on the ‘Publish’ button. As a result, the notificaiton alert will be successfully created. By following these mentioned steps and a bit more modifying & styling, your final outcome would look like something like this.

By using NotificationX, this is how you can easily design and display amazing Zapier Notification popup on your WordPress website & grow your userbase.

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