View Categories

Comment afficher l'alerte de notification Zapier en utilisant NotificationX?

6 min read

Comment afficher l'alerte de notification Zapier en utilisant NotificationX? #

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:

Comment crรฉer et configurer l'alerte de notification Zapier #

ร‰tape 1 - Ajouter une nouvelle notification #

Pour commencer, accรฉdez ร  votre tableau de bord WordPress et accรฉdez ร  wp-admin -> Tous NotificationX -> NotificationX. Then, right at the top, click on โ€˜Add Newโ€™.

Add New Notification in NotificationX

ร‰tape 2 - Choisissez une source #

Tu trouveras โ€˜Zapierโ€™ source ร  l'intรฉrieur de ces types de notification: Notification de vente, Commentaires et Abonnement par courrier รฉlectronique. For instance, if you want to display new emails from your Gmail account, you can pick the โ€˜Email Subscriptionโ€™ option. Aprรจs avoir choisi votre type de notification prรฉfรฉrรฉ, assurez-vous de choisir โ€˜Zapierโ€™ comme source et cliquez sur 'Prochain'.

Comment afficher l'alerte de notification Zapier en utilisant NotificationX?
Comment afficher l'alerte de notification Zapier ร  l'aide de NotificationXย ? 22

ร‰tape 3 - Choisissez un thรจme de conception #

Du 'Conception' onglet, vous pouvez choisir une mise en page et รฉgalement avoir la possibilitรฉ d'utiliser le ยซConception avancรฉeยป option pour le personnaliser selon votre prรฉfรฉrence. Du ยซThรจmesยป , la disposition choisie est la faรงon dont l'alerte de notification sera affichรฉe sur votre site Web. En outre, vous pouvez modifier le thรจme que vous avez choisi en le personnalisant via "Conception avancรฉe ' option. ร€ partir de cette section, vous pourrez facilement ajouter du style ร  votre conception, l'apparence de votre image et votre typographie.

Comment afficher l'alerte de notification Zapier en utilisant NotificationX?

ร‰tape 4 - Configurer le contenu du modรจle #

Vous serez ensuite redirigรฉ vers le 'Contenu' onglet ร  partir duquel vous pouvez modifier votre ยซmodรจle de notificationยป et ajouter votre texte de contenu prรฉfรฉrรฉ. En outre, NotificationX propose ยซModรจle de notificationยป pour votre contenu. Vous pouvez facilement aller de l'avant et choisir vos variables prรฉfรฉrรฉes. D'autre part, ยซModรจle avancรฉยป vous donne un contrรดle complet sur la personnalisation de l'ensemble du contenu. De plus, vous pouvez mรชme suivre les diffรฉrents types de campagnes via NotificationX via ยซContrรดle UTMยป. 

Comment afficher l'alerte de notification Zapier en utilisant NotificationX?

ร‰tape 5 - Rรฉglez les options d'affichage #

Du 'Image' section, you can use the checkbox to display a default image or an avatar in the notification popup. Whereas the 'Visibilitรฉ' permet de dรฉfinir les pages sur lesquelles vous souhaitez afficher l'alerte de notification Zapier.

Comment afficher l'alerte de notification Zapier en utilisant NotificationX?

ร‰tape 6 - Configurer l'apparence #

Du'Apparence' 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.

Comment afficher l'alerte de notification Zapier en utilisant NotificationX?

ร‰tape 7 : Publiez votre notification #

Aprรจs avoir terminรฉ l'รฉtape 6, cliquez sur le 'Publier' bouton. En consรฉquence, le ยซAlerte de soumission du formulaire de contactยป sera crรฉรฉ avec succรจs.

Click on Publish Button

Comment connecter NotificationX avec Zapier #

Aprรจs avoir publiรฉ votre alerte de notification Zapier, vous devrez connecter NotificationX ร  Zapier. Pour ce faire, tout d'abord, vous devez connectez-vous ร  votre tableau de bord Zapier. Pour utiliser NotificationX dans Zapier, assurez-vous d'accepter le lien d'invitation publique de NotificationX. Ensuite, allez-y et cliquez sur le bouton โ€˜Accept Invite & Build a Zapโ€™ bouton.

Alerte de notification Zapier

Remarque: 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

ร‰tape 1 - Crรฉez un zap #

Pour connecter NotificationX ร  Zapier, vous devez crรฉer un zap avec votre application prรฉfรฉrรฉe. Vous trouverez le โ€˜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 #

Une fois que vous รชtes dans la page de l'รฉditeur Zapier, vous pouvez dรฉfinir un nom 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

Aprรจs avoir choisi votre application, allez-y et choisissez un ร‰vรฉnement dรฉclencheur pour รงa. (Exemple: if you want to show a new email notification from your Gmail, then pick โ€˜New Emailโ€™ as your Trigger Event).

Choose the trigger event

Ensuite, il vous sera demandรฉ de connectez votre compte App avec Zapier. Une fois la connexion รฉtablie, continuez simplement et continuez.

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

Vous pouvez trouver votre ID de notification X ร  partir de l'alerte de notification Zapier que vous avez crรฉรฉe prรฉcรฉdemment. Pour le trouver, allez sur: wp-admin -> Tous 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 Alerte de notification Zapier surgissant comme ceci:

Final outcome of Zapier integration

By using NotificationX, this is how you can easily design and display an amazing Fenรชtre de notification Zapier sur votre site WordPress et dรฉveloppez votre base d'utilisateurs.

Si vous rencontrez des problรจmes, vous pouvez contacter notre รฉquipe d'assistance ici.

Alimentรฉ par BetterDocs

  • 00Journรฉes
  • 00Heures
  • 00Minutes
  • 00Secs

Leaving Already?

Create Urgency, Earn Trust, Boost Sales with NotificationX