Gostaria de personalizar o que os utilizadores vêem depois de submeterem um formulário no seu site? No WPForms, é possível ajustar facilmente as configurações de confirmação para exibir uma mensagem de sucesso, levar os usuários para outra página do seu site ou até mesmo redirecioná-los para um domínio diferente.
Este tutorial irá mostrar-lhe como configurar cada tipo de confirmação de formulário disponível no WPForms.
Neste artigo
Primeiro, certifique-se de que o WPForms está instalado e ativado no seu site e verifique a sua licença. De seguida, terá de criar um novo formulário ou editar um já existente.
Depois de abrir o criador de formulários e personalizar os campos do formulário, vá a Definições " Confirmações.
Aqui, pode selecionar entre três opções de Tipo de confirmação: apresentar uma mensagem, apresentar uma página e redirecionar para um URL. Explicamos cada uma delas em pormenor abaixo.
Exibição de uma mensagem de confirmação
No WPForms, Message é o tipo de confirmação padrão. Quando um utilizador submete um formulário, esta mensagem será apresentada em vez do formulário incorporado.
Pode personalizar esta mensagem como quiser. Eis algumas ideias a considerar:
- Torne a sua mensagem mais pessoal: Reunimos algumas sugestões sobre como garantir que a sua mensagem de confirmação é amigável e útil para os visitantes.
- Ofereça incentivos: Se quiser incentivar os utilizadores a submeterem os seus formulários, considere a possibilidade de oferecer um íman de leads descarregável. Pode adicionar um link para descarregar na sua mensagem de confirmação.
- Configurar confirmações condicionais: Se pretender apresentar mensagens de confirmação diferentes com base nas entradas e selecções dos utilizadores, pode aplicar uma lógica condicional às suas confirmações.
Opções adicionais de mensagens de confirmação
O editor de mensagens de confirmação permite-lhe personalizar a sua mensagem e adicionar facilmente estilos de texto básicos, se assim o desejar.
Também pode optar por incluir etiquetas inteligentes na sua mensagem de confirmação. Esta opção extrai dados de outras partes do seu sítio ou da entrada do utilizador e apresenta-os na sua mensagem.
Clique em Mostrar etiquetas inteligentes abaixo do editor de mensagens para ver as opções disponíveis que pode incluir na sua mensagem de confirmação.
Nota: Para obter mais informações sobre como extrair dados do seu site ou entradas do utilizador para as suas mensagens de confirmação, consulte o nosso guia completo sobre a utilização de Smart Tags no WPForms.
Também pode optar por ativar ou não a animação de deslocação predefinida, activando ou desactivando a opção intitulada Deslocação automática para a mensagem de confirmação .
Quando esta definição está activada, um efeito de deslocamento puxará a vista do utilizador para o topo da mensagem de confirmação quando este submeter o formulário.
Por fim, pode ativar a opção para mostrar uma pré-visualização da entrada. Esta opção mostra a entrada e as selecções do utilizador após a mensagem de confirmação.
Nota: Para obter todos os detalhes sobre a exibição de visualizações de entrada, consulte nosso tutorial completo sobre como mostrar visualizações de entrada no WPForms.
Quando a opção de pré-visualização de entradas está activada, pode escolher entre quatro estilos de pré-visualização. No frontend, a pré-visualização da entrada terá o seguinte aspeto.
Mostrar uma página
Com o tipo de confirmação Mostrar página, pode redirecionar os utilizadores para outra página do seu site depois de submeterem o formulário.
Quando selecionar Mostrar página no menu Tipo de confirmação, será apresentado um menu pendente adicional com uma lista de todas as páginas publicadas no seu site. Basta selecionar a página para a qual pretende enviar os utilizadores quando submetem o formulário.
Nota: Tem de criar e publicar a página que pretende utilizar para as confirmações antes de poder configurar este tipo de confirmação. Para obter ajuda na criação de uma nova página no WordPress, consulte o artigo do WordPress Codex sobre páginas.
Esta opção é frequentemente utilizada para redirecionar os utilizadores para uma página de agradecimento. Para obter dicas e exemplos, consulte o nosso artigo sobre como criar uma página de agradecimento eficaz.
Ir para um URL (Redirecionar)
O tipo de confirmação Ir para URL (Redirecionar) é útil se pretender enviar os utilizadores para um site diferente ou se necessitar de criar uma estrutura de URL especializada para um desenvolvimento mais complexo.
Quando seleciona esta opção nas definições de confirmação do seu formulário, aparece um campo para introduzir o URL para o qual gostaria de enviar os utilizadores depois de concluírem o formulário.
Nota: Para personalização avançada, como a apresentação de mensagens personalizadas utilizando dados de formulário na sua página de redireccionamento, consulte a nossa documentação para programadores sobre este tópico.
Perguntas mais frequentes
Abaixo, respondemos a algumas das principais perguntas sobre a configuração de mensagens de confirmação de formulários.
Posso personalizar a cor de fundo das mensagens de confirmação?
Sim. Assim que tiver o seletor CSS para a mensagem de confirmação, pode alterar as cores para corresponderem à sua preferência. 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;
}
Nota: Se não sabe utilizar CSS, não se esqueça de consultar o nosso guia de introdução às CSS.
Terá de copiar o código e adicioná-lo ao seu sítio. Depois de ter adicionado o código, actualize o ficheiro background para a cor que gostaria de utilizar. Se pretender atualizar também a cor do texto, utilize a propriedade color para a definir.
Nota: Se os estilos CSS personalizados não estiverem a aparecer, adicione !important depois de cada propriedade para substituir os estilos predefinidos.
Pode utilizar o plugin WPCode para adicionar facilmente código CSS personalizado ao seu sítio Web. Para saber como utilizar este plugin, consulte o nosso tutorial sobre como adicionar trechos de código personalizados ao WordPress.
Posso utilizar shortcodes nas mensagens de confirmação do WPForms?
Sim, você pode usar códigos de acesso nas suas mensagens de confirmação do WPForms. Para saber como implementar isso, consulte nossa documentação para desenvolvedores, que fornece instruções passo a passo sobre como incorporar shortcodes em mensagens de confirmação.
É isso mesmo! Agora pode definir confirmações para cada um dos seus formulários.
Em seguida, gostaria de personalizar as notificações do formulário? Consulte o nosso tutorial sobre a configuração de notificações por correio eletrónico de formulários.