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 โ€“ใƒ‡ใ‚ถใ‚คใƒณใƒ†ใƒผใƒžใ‚’้ธๆŠžใ™ใ‚‹ #

ใ‹ใ‚‰ '่จญ่จˆ' ใ‚ฟใƒ–ใงใฏใ€ใƒฌใ‚คใ‚ขใ‚ฆใƒˆใ‚’้ธๆŠžใงใใ€ไฝฟ็”จใ™ใ‚‹ๆŸ”่ปŸๆ€งใ‚‚ใ‚ใ‚Šใพใ™ ใ€Œ้ซ˜ๅบฆใชใƒ‡ใ‚ถใ‚คใƒณใ€ ใŠๅฅฝใฟใซๅฟœใ˜ใฆใ‚ซใ‚นใ‚ฟใƒžใ‚คใ‚บใ™ใ‚‹ใ‚ชใƒ—ใ‚ทใƒงใƒณใ€‚ใ‹ใ‚‰ ใ€Œใƒ†ใƒผใƒžใ€ ใ‚ปใ‚ฏใ‚ทใƒงใƒณใงใฏใ€้ธๆŠžใ—ใŸใƒฌใ‚คใ‚ขใ‚ฆใƒˆใฏใ€้€š็Ÿฅใ‚ขใƒฉใƒผใƒˆใŒWebใ‚ตใ‚คใƒˆใซ่กจ็คบใ•ใ‚Œใ‚‹ๆ–นๆณ•ใงใ™ใ€‚ใพใŸใ€้ธๆŠžใ—ใŸใƒ†ใƒผใƒžใ‚’ใ‚ซใ‚นใ‚ฟใƒžใ‚คใ‚บใ—ใฆๅค‰ๆ›ดใ™ใ‚‹ใ“ใจใ‚‚ใงใใพใ™ใ€‚Advanced Design ' ใ‚ชใƒ—ใ‚ทใƒงใƒณใ€‚ใ“ใฎใ‚ปใ‚ฏใ‚ทใƒงใƒณใ‹ใ‚‰ใ€ใƒ‡ใ‚ถใ‚คใƒณใ€็”ปๅƒใฎๅค–่ฆณใ€ใ‚ฟใ‚คใƒใ‚ฐใƒฉใƒ•ใ‚ฃใซใ‚นใ‚ฟใ‚คใƒชใƒณใ‚ฐใ‚’็ฐกๅ˜ใซ่ฟฝๅŠ ใงใใพใ™ใ€‚

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

ZapierใงNotificationXใ‚’ๆŽฅ็ถšใ™ใ‚‹ๆ–นๆณ• #

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-ใ‚ถใƒƒใƒ—ใ‚’ไฝœๆˆใ™ใ‚‹ #

NotificationXใ‚’ZapierใซๆŽฅ็ถšใ™ใ‚‹ใซใฏใ€ ใ‚ถใƒƒใƒ—ใ‚’ไฝœๆˆใ™ใ‚‹ ใŠๅฅฝใฟใฎใ‚ขใƒ—ใƒชใ‚ฑใƒผใ‚ทใƒงใƒณใงใ€‚ใ‚ใชใŸใŒ่ฆ‹ใคใ‹ใ‚Šใพใ™ โ€˜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 Editorใƒšใƒผใ‚ธใซใ‚ขใ‚ฏใ‚ปใ‚นใ™ใ‚‹ใจใ€ๆฌกใฎใ“ใจใŒใงใใพใ™ใ€‚ ๅๅ‰ใ‚’่จญๅฎšใ™ใ‚‹ 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

ใ‚ใชใŸใฏใ‚ใชใŸใ‚’่ฆ‹ใคใ‘ใ‚‹ใ“ใจใŒใงใใพใ™ NotificiationX 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 Webใ‚ตใ‚คใƒˆใงใ€ใƒฆใƒผใ‚ถใƒผใƒ™ใƒผใ‚นใ‚’ๆ‹กๅคงใ—ใพใ™ใ€‚

ๅ•้กŒใŒ็™บ็”Ÿใ—ใŸๅ ดๅˆใฏใ€ใ‚ตใƒใƒผใƒˆใƒใƒผใƒ ใซใŠๅ•ใ„ๅˆใ‚ใ›ใใ ใ•ใ„ ใ“ใ“ใซ.

ๆญ่ผ‰ BetterDocs

  • 00ๆ—ฅใ€…
  • 00ๆ™‚้–“
  • 00Mins
  • 00Secs

Leaving Already?

Create Urgency, Earn Trust, Boost Sales with NotificationX