Como exibir um alerta de envio de formulário de contato usando NotificationX?

Com NotificaçãoX, você pode exibir seu Alerta de envio do formulário de contato from Formulário de contato 7, WPForms, Ninja Forms & Gravity Forms para adicionar facilmente credibilidade a seus visitantes e incentivá-los a enviar seus dados também. Você pode criar incríveis Alerta de envio do formulário de contato pop-ups no seu site WordPress para manter todos envolvidos. Com essa técnica de marketing da FOMO, você pode influenciar seus visitantes a deixarem seus comentários em seu site e aumentar o envolvimento no processo.

Como configurar Alerta de envio do formulário de contato com NotificationX: #

Antes de começar, verifique se possui instalou e configurou o plug-in do formulário de contato (Formulário de contato 7/ WPForms / Ninja Forms / Gravity Forms) on your website. Let’s check out the detailed guideline below to learn how to display  Alerta de envio do formulário de contato usando NotificationX:

Step 1: Add New Notification #

Vá para o Painel do WordPress e navegue até wp-admin -> NotificationX -> Todos os NotificationX. Então, no topo, clique em 'Adicionar novo'. 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 ‘Formulário de Contato’ as your Notification type. Afterward, simply just pick your desired contact form as your Source (in the screenshot below we have picked ‘Formulário de contato 7‘ as an example). Then, click on the ‘Próximo’ button.

contact form submission alert

Step 3: Choose a Design Theme #

De 'Projeto' tab, you can choose a ‘theme‘ for your notification alert and this will be the layout of the Alerta de envio do formulário de contato 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 #

Você será redirecionado para o 'Conteúdo' 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. 

'Modelo avançado' 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. 'Controle UTM' allows you to add ‘Campaign’, ‘Medium’, and ‘Source’ to your notification popup.

contact form submission alert

Step 5: Adjust Display Options #

No 'Exibição' Na guia, existem duas seções disponíveis: Imagem e visibilidade. De 'Imagem' Na seção, você pode usar a caixa de seleção para exibir uma imagem padrão ou um avatar no pop-up de notificação. De 'Visibilidade' Na seção, você pode definir as páginas nas quais deseja exibir o Alerta de envio do formulário de contato. Você também tem a opção de restringir o pop-up de notificação com base em determinadas funções de usuário. Depois de clicar no 'Próximo' você será redirecionado para o 'Customizar' aba.

contact form submission alert

Step 6: Set Up Appearance #

Debaixo de 'Customizar' Na guia, você encontrará quatro seções separadas: Aparência, Tempo, Comportamento e Configurações de som. De 'Aparência' seção, você pode definir a posição para Alerta de envio do formulário de contato 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’ notificação será exibida. Por padrão, é definido como 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 ‘Gerenciamento de fila global’ option using NotificationX PRO.  

De 'Comportamento' 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

Com a ajuda 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 #

Depois de concluir a etapa 6, clique no botão 'Publicar' botão. Como resultado, o 'Alerta de envio do formulário de contato' 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 envio do formulário de contato

É assim que você pode projetar e exibir facilmente um recurso atraente Alerta de envio do formulário de contato on your WordPress website using NotificationX. If you face any issues, you can contact our Support Team.

Distribuído porBetterDocs