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

  • 00ๅคฉ
  • 00ๅฐๆ—ถ
  • 00Mins
  • 00Secs

Leaving Already?

Create Urgency, Earn Trust, Boost Sales with NotificationX