How to Display Contact Form Submission Alert Using NotificationX?

With NotificationX, you can display your Contact Form Submission Alert from Contact Form 7, WPForms, Ninja Forms & Gravity Forms to easily add credibility for your visitors and encourage them to submit their data as well. You can design amazing Contact Form Submission Alert popups on your WordPress website to keep everyone engaged. With this FOMO marketing technique, you can influence your visitors to leave their feedback on your website and increase engagement in the process.

How to Configure Contact Form Submission Alert with NotificationX: #

Before you begin, make sure that you have installed and configured your Contact Form plugin (Contact Form 7/ WPForms / Ninja Forms / Gravity Forms) on your website. Let’s check out the detailed guideline below to learn how to display  Contact Form Submission Alert using NotificationX:

Step 1: Add New Notification #

Go to your WordPress Dashboard and navigate to wp-admin -> NotificationX -> All NotificationX. Then right at the top, click on ‘Add New’. 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 ‘Contact Form’ as your Notification type. Afterward, simply just pick your desired contact form as your Source (in the screenshot below we have picked ‘Contact Form 7‘ as an example). Then, click on the ‘Next’ button.

contact form submission alert

Step 3: Choose a Design Theme #

From the ‘Design’ tab, you can choose a ‘theme‘ for your notification alert and this will be the layout of the Contact Form Submission Alert 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 #

You will then be redirected to the ‘Content’ 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. 

‘Advanced Template’ 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. ‘UTM Control’ allows you to add ‘Campaign’, ‘Medium’, and ‘Source’ to your notification popup.

contact form submission alert

Step 5: Adjust Display Options #

In the ‘Display’ tab, there are two available sections: Image & Visibility. From the ‘Image’ section, you can use the checkbox to display a default image or an avatar in the notification popup. From the ‘Visibility’ section, you can set the pages where you want to display the Contact Form Submission Alert. You also have the option to restrict the notification popup based on certain user roles. After you click on the ‘Next’ button, you will be redirected to the ‘Customize’ tab.

contact form submission alert

Step 6: Set Up Appearance #

Under the ‘Customize’ tab, you will find four separate sections: Appearance, Timing, Behavior & Sound Settings. From the ‘Appearance’ section, you can set the position for Contact Form Submission Alert 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’ notification will be popped up. By default, it is set to 5 seconds. 

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 ‘Global Queue Management’ option using NotificationX PRO.  

From the ‘Behaviour’ 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

With the help of 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 #

After you have completed step 6, click on the ‘Publish’ button. As a result, the ‘Contact Form Submission Alert’ 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:

Contact Form Submission Alert

This is how you can easily design and display an appealing Contact Form Submission Alert on your WordPress website using NotificationX. If you face any issues, you can contact our Support Team.

Powered by BetterDocs