Comment afficher l'alerte de soumission de formulaire de contact à l'aide de NotificationX?

Avec NotificationX, vous pouvez afficher votre Alerte de soumission du formulaire de contact from Formulaire de contact 7, WPForms, Formes Ninja & Formes de gravité pour ajouter facilement de la crédibilité à vos visiteurs et les encourager à soumettre également leurs données. Vous pouvez concevoir incroyable Alerte de soumission du formulaire de contact popups sur votre site WordPress pour garder tout le monde engagé. Avec cette technique de marketing FOMO, vous pouvez influencer vos visiteurs à laisser leurs commentaires sur votre site Web et augmenter l'engagement dans le processus.

Comment configurer l'alerte de soumission de formulaire de contact avec NotificationX: #

Avant de commencer, assurez-vous d'avoir installé et configuré votre plugin de formulaire de contact (Formulaire de contact 7/ WPForms / Formes Ninja / Formes de gravité) on your website. Let’s check out the detailed guideline below to learn how to display  Alerte de soumission du formulaire de contact en utilisant NotificationX:

Step 1: Add New Notification #

Accédez à votre tableau de bord WordPress et accédez à wp-admin -> NotificationX -> Tous NotificationX. Puis tout en haut, cliquez sur «Ajouter un nouveau». Or you can also simply go to the ‘Add New’ tab from the sidebar. 

contact form submission alert

Step 2: Pick a Source #

After you are done with step 1, you will be redirected to the ‘Source’ Tab page of NotificationX. Choose ‘Formulaire de contact’ as your Notification type. Afterward, simply just pick your desired contact form as your Source (in the screenshot below we have picked ‘Formulaire de contact 7‘ as an example). Then, click on the ‘Prochain’ button.

contact form submission alert

Step 3: Choose a Design Theme #

Du 'Conception' tab, you can choose a ‘theme‘ for your notification alert and this will be the layout of the Alerte de soumission du formulaire de contact will that will be displayed on your website. 

You can also customize the chosen theme by enabling ‘Advanced Designs’.  From this section, you will be able to easily add styling to your design, image appearance, and typography. Basically, Contact Form Submission Alert consists of three rows. From the ‘Typography’ section, you can change the font size for each row as well.

contact form submission alert

Step 4: Configure Template Content #

Vous serez ensuite redirigé vers le 'Contenu' tab from where you can modify your ‘Notification Template’ and add your preferred content text. You can easily go ahead and choose your preferred variables to display the information that users have submitted via the contact form. You can specify the form which’s submitted data will be displayed in your notification popup. You can also toggle on the ‘Advanced Template’ option where you can customize the content just the way you need. 

«Modèle avancé» gives you complete control over the customization of the entire content. You can even add different link types and track the various types of campaigns through NotificationX as well. «Contrôle UTM» allows you to add ‘Campaign’, ‘Medium’, and ‘Source’ to your notification popup.

contact form submission alert

Step 5: Adjust Display Options #

dans le 'Afficher' Dans l'onglet, deux sections sont disponibles: Image et visibilité. Du 'Image' , vous pouvez utiliser la case à cocher pour afficher une image par défaut ou un avatar dans la fenêtre de notification. Du 'Visibilité' , vous pouvez définir les pages où vous souhaitez afficher l'alerte de soumission du formulaire de contact. Vous avez également la possibilité de restreindre la fenêtre de notification en fonction de certains rôles d'utilisateur. Après avoir cliqué sur le 'Prochain' , vous serez redirigé vers le 'Personnaliser' languette.

contact form submission alert

Step 6: Set Up Appearance #

Sous le 'Personnaliser' Dans l'onglet, vous trouverez quatre sections distinctes: Apparence, Timing, Behavior & Sound Settings. Du 'Apparence' , vous pouvez définir la position de Alerte de soumission du formulaire de contact to either at the button left or bottom right side of your website. Besides, you can even set a max-width for your notification popup as well.

contact form submission 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 ‘Contact Form Submission’ une notification apparaîtra. Par défaut, il est défini sur 5 secondes. 

contact form submission alert

You can also set a time limit for how long you want each notification popup to be displayed by modifying the ‘Display For’ field. To choose a time interval between two notifications of Review, simply set the time in the ‘Display Between’ field. Or, if you want to display multiple types of notifications, you can simply activate the ‘Gestion globale des files d'attente’ option using NotificationX PRO.  

Du 'Comportement' section, you can choose to display the number of reviews made for certain past days. By checking the ‘Loop Notification’ box, the notification popup will keep on displaying. You can disable this as well.

contact form submission alert

Avec l'aide de NotificationX PRO, you can also enable sound alerts for your notifications from the ‘Sound Settings’ section. You can easily choose a sound from the drop-down menu that will be played with each notification popup.

contact form submission alert

Step 7: Publish Your Notification #

Après avoir terminé l'étape 6, cliquez sur le 'Publier' bouton. En conséquence, le «Alerte de soumission du formulaire de contact» will be successfully created. 

contact form submission alert

By following these mentioned steps and a bit more modifying & styling, your final outcome would look like something like this:

Alerte de soumission du formulaire de contact

Voici comment concevoir et afficher facilement un Alerte de soumission du formulaire de contact on your WordPress website using NotificationX. If you face any issues, you can contact our Support Team.

Alimenté par BetterDocs