Configurando Confirmações do Formulário

Gostaria de personalizar o que os usuários veem depois de enviar um formulário em seu site? No WPForms, você pode ajustar facilmente as configurações de confirmação para exibir uma mensagem de sucesso, levar os usuários a outra página em seu site ou até mesmo redirecioná-los para um domínio diferente.

Este tutorial mostrará como configurar cada tipo de confirmação de formulário disponível no WPForms.

Primeiro, certifique-se de que o WPForms esteja instalado e ativado em seu site e verifique sua licença. Em seguida, você precisará criar um novo formulário ou editar um existente.

Após abrir o construtor de formulários e personalizar os campos do seu formulário, vá para Configurações » Confirmações.

Aqui, você selecionará entre três opções de Tipo de Confirmação: exibir uma mensagem, mostrar uma página e redirecionar para um URL. Explicamos cada uma em detalhes abaixo.

Exibindo uma Mensagem de Confirmação

No WPForms, Mensagem é o tipo de confirmação padrão. Quando um usuário envia um formulário, esta mensagem será exibida no lugar do formulário incorporado.

Você pode personalizar esta mensagem como desejar. Aqui estão algumas ideias a serem consideradas:

• Torne sua mensagem mais pessoal: Reunimos algumas sugestões sobre como garantir que sua mensagem de confirmação seja amigável e útil para os visitantes.
• Ofereça incentivos: Se você deseja incentivar os usuários a enviar seus formulários, considere oferecer um lead magnet para download. Você pode adicionar um link de download em sua mensagem de confirmação.
• Configure confirmações condicionais: Se você deseja exibir diferentes mensagens de confirmação com base nas entradas e seleções dos usuários, você pode aplicar lógica condicional às suas confirmações.

Opções Adicionais de Mensagem de Confirmação

O editor de mensagens de confirmação permite que você personalize sua mensagem e adicione facilmente estilos básicos de texto, se desejar.

Você também pode optar por incluir Smart Tags em sua mensagem de confirmação. Isso puxará dados de outras partes do seu site ou da entrada do usuário e os exibirá em sua mensagem.

Clique em Mostrar Smart Tags abaixo do editor de mensagens para ver as opções disponíveis que você pode incluir em sua mensagem de confirmação.

Você também pode escolher ativar ou desativar a animação de rolagem padrão, alternando a opção rotulada Rolar automaticamente para a mensagem de confirmação.

Quando esta configuração estiver ativada, um efeito de rolagem levará a visualização do usuário para o topo da mensagem de confirmação quando ele enviar seu formulário.

Finalmente, você pode ativar a opção para mostrar uma prévia da entrada. Isso exibirá a entrada e as seleções do usuário após a mensagem de confirmação.

Quando a opção de prévia de entrada estiver ativada, você poderá escolher entre quatro estilos de prévia. No frontend, a prévia da entrada ficará parecida com isto.

Mostrando uma Página

Com o tipo de confirmação Mostrar Página, você pode redirecionar os usuários para outra página do seu site após eles enviarem seu formulário.

Quando você seleciona Mostrar Página no menu Tipo de Confirmação, um menu suspenso adicional aparecerá com uma lista de todas as páginas publicadas no seu site. Simplesmente selecione aquela para a qual você deseja enviar os usuários quando eles enviarem seu formulário.

Além das páginas publicadas do seu site, este menu suspenso também inclui a opção Voltar para Página Anterior (Referrer). Selecionar esta opção retornará os usuários para a página em que estavam antes de enviar o formulário.

Abaixo da seleção de página, você também verá um campo rotulado Parâmetros de URL. Isso permite que você anexe parâmetros de string de consulta personalizados à URL redirecionada.

Por exemplo, adicionar ?status=success poderia permitir que seu site exibisse um aviso de “Formulário enviado com sucesso” se o seu tema ou plugin estiver configurado para verificar esse parâmetro. Você também pode usar parâmetros para acionar outras ações, como exibir uma mensagem de “Conta atualizada com sucesso” após redirecionar com o recurso de atualização de usuário do addon de Registro de Usuário.

Esta opção é frequentemente usada para redirecionar usuários para uma página de Agradecimento. Para dicas e exemplos, confira nosso artigo sobre como criar uma página de Agradecimento eficaz.

Indo para um URL (Redirecionamento)

O tipo de confirmação Ir para URL (Redirecionar) é útil se você deseja enviar usuários para um site diferente ou se precisar criar uma estrutura de URL especializada para desenvolvimento mais complexo.

Quando você seleciona esta opção nas configurações de confirmação do seu formulário, um campo aparecerá para você inserir a URL para a qual deseja enviar os usuários após eles completarem seu formulário.

Perguntas Frequentes

Abaixo, respondemos a algumas perguntas frequentes sobre a configuração de mensagens de confirmação de formulário.

Posso personalizar a cor de fundo das mensagens de confirmação?

Sim. Assim que você tiver o seletor CSS para a mensagem de confirmação, poderá alterar as cores para combinar com a que você gosta. Abaixo está o seletor CSS para a mensagem de confirmação:

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: #e0ffc7;
border: 1px solid #b4d39b;
box-sizing: border-box;
}

Você precisará copiar o código e adicioná-lo ao seu site. Depois de adicionar o código, atualize a propriedade background para a cor que você deseja usar. Se você quiser atualizar a cor do texto também, use a propriedade color para defini-la.

Você pode usar o plugin WPCode para adicionar facilmente código CSS personalizado ao seu site. Para obter instruções sobre como usar este plugin, consulte nosso tutorial sobre como adicionar snippets de código personalizados ao WordPress.

Posso usar shortcodes nas mensagens de confirmação do WPForms?

Sim, você pode usar shortcodes em suas mensagens de confirmação do WPForms. Para saber como implementar isso, consulte nossa documentação do desenvolvedor, que fornece instruções passo a passo sobre como incorporar shortcodes em mensagens de confirmação.

É isso! Agora você pode configurar confirmações para cada um dos seus formulários.

Em seguida, você gostaria de personalizar as notificações do seu formulário? Confira nosso tutorial sobre como configurar notificações por e-mail de formulário.