¿Cómo mostrar la alerta de envío del formulario de contacto mediante NotificationX?

Con NotificaciónX, puedes mostrar tu Alerta de envío de formulario de contacto from Formulario de contacto 7, WPForms, Formas Ninja Y Formas de gravedad para agregar fácilmente credibilidad a sus visitantes y alentarlos a enviar sus datos también. Puedes diseñar increíbles Alerta de envío de formulario de contacto ventanas emergentes en su sitio web de WordPress para mantener a todos interesados. Con esta técnica de marketing de FOMO, puede influir en sus visitantes para que dejen sus comentarios en su sitio web y aumenten la participación en el proceso.

Cómo configurar la alerta de envío de formulario de contacto con NotificationX: #

Antes de comenzar, asegúrese de tener instaló y configuró su complemento de formulario de contacto (Formulario de contacto 7/ WPForms / Formas Ninja / Formas de gravedad) on your website. Let’s check out the detailed guideline below to learn how to display  Alerta de envío de formulario de contacto usando NotificationX:

Step 1: Add New Notification #

Vaya a su Panel de WordPress y navegue hasta wp-admin -> NotificationX -> Todos los NotificationX. Luego, justo en la parte superior, haga clic en 'Agregar nuevo'. 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 ‘Formulario de contacto’ as your Notification type. Afterward, simply just pick your desired contact form as your Source (in the screenshot below we have picked ‘Formulario de contacto 7‘ as an example). Then, click on the ‘próximo’ button.

contact form submission alert

Step 3: Choose a Design Theme #

Desde el 'Diseño' tab, you can choose a ‘theme‘ for your notification alert and this will be the layout of the Alerta de envío de formulario de contacto 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 #

Luego será redirigido a 'Contenido' 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. 

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

contact form submission alert

Step 5: Adjust Display Options #

En el 'Monitor' pestaña, hay dos secciones disponibles: Imagen y Visibilidad. Desde el 'Imagen' sección, puede usar la casilla de verificación para mostrar una imagen predeterminada o un avatar en la ventana emergente de notificaciones. Desde el 'Visibilidad' sección, puede configurar las páginas donde desea mostrar la Alerta de envío de formulario de contacto. También tiene la opción de restringir la ventana emergente de notificación en función de ciertos roles de usuario. Después de hacer clic en el 'Próximo' botón, será redirigido a la 'Personalizar' lengüeta.

contact form submission alert

Step 6: Set Up Appearance #

Bajo la 'Personalizar' pestaña, encontrará cuatro secciones separadas: Apariencia, Tiempo, Comportamiento y Configuración de sonido. Desde el 'Apariencia' sección, puede establecer la posición para Alerta de envío de formulario de contacto 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’ se abrirá una notificación emergente. Por defecto, se establece en 5 segundos. 

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 ‘Gestión de colas global’ option using NotificationX PRO.  

Desde el 'Comportamiento' 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

Con la ayuda 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 #

Después de completar el paso 6, haga clic en el 'Publicar' botón. Como resultado, el 'Alerta de envío de formulario de contacto' 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:

Alerta de envío de formulario de contacto

Así es como puede diseñar y mostrar fácilmente un atractivo Alerta de envío de formulario de contacto on your WordPress website using NotificationX. If you face any issues, you can contact our Support Team.

Energizado por BetterDocs