Resumo de IA
Gostaria de criar um formulário de feedback simples que se submete automaticamente quando os utilizadores fazem uma seleção? Isto é perfeito para inquéritos rápidos de "Isto foi útil?" onde os utilizadores podem responder com um único clique. Ao submeter automaticamente após a seleção, pode maximizar as taxas de resposta, tornando o processo sem esforço para os utilizadores.
Este guia mostrar-lhe-á como criar um formulário de feedback simplificado que se submete instantaneamente quando os utilizadores fazem a sua escolha.
Configurar o Seu Formulário
Primeiro, crie um novo formulário com esta estrutura:
- Um campo de Layout para organizar as suas opções
- Dois campos de Caixa de Verificação – um em cada coluna de Layout para as opções "Sim" e "Não"
- Um campo Oculto para capturar o título da página
Se precisar de ajuda para criar o seu formulário, revise este guia de criação de formulários.
Configuração das Escolhas de Ícones
Para um aspeto polido, usaremos escolhas de ícones para as opções Sim/Não. Configure os seus campos de caixa de verificação com estas definições:
Caixa de Verificação Sim
- Ativar Usar escolhas de ícones
- Ícone: face-smile
- Cor do Ícone: #066aab
- Tamanho do Ícone: Grande
- Estilo da Escolha de Ícone: Clássico
- Ocultar Rótulo: ativado
Caixa de Verificação Não:
- Mesmas definições, mas com o ícone face-frown
Adicionar uma Smart Tag ao Campo Oculto
Para o Campo Oculto, vamos adicionar a Smart Tag para capturar o título da página quando o formulário for submetido. Para saber mais sobre Smart Tags incorporadas com o construtor de formulários WPForms, pode rever esta documentação.
Adicionámos a Smart Tag {page_title} ao Valor Padrão do Campo Oculto.
Submeter o formulário automaticamente
Agora é hora de adicionar o snippet ao seu site. Se precisar de ajuda sobre como adicionar snippets ao seu site, verifique este tutorial.
Este snippet só será executado no ID do formulário 3046, quando qualquer um dos campos de Caixa de Verificação for selecionado, ativará esta função e submeterá automaticamente o formulário.
Terá de atualizar este ID de formulário para corresponder ao seu próprio ID de formulário. Se precisar de assistência para encontrar o seu ID de formulário, revise este guia.
Estilizar o Formulário
Adicione este CSS para estilizar o seu formulário apropriadamente. Atualize o ID do formulário (3046) e os IDs dos campos (3 e 4) para corresponder ao seu formulário:
Este CSS oculta elementos desnecessários e posiciona os seus ícones perfeitamente. Para obter ajuda na adição de CSS, revise o nosso guia sobre adicionar código CSS ao seu site WordPress.
Terá de atualizar o ID do formulário para estas regras CSS, para garantir que está a direcionar os IDs corretos do formulário e do campo.
O nosso ID de formulário para efeitos desta documentação é 3046. A nossa primeira caixa de seleção é o campo ID 3 e a segunda caixa de seleção é o campo ID 4.
Agora, qualquer que seja a opção que os seus visitantes selecionem, o formulário será submetido automaticamente.
E é tudo! Agora, quando os seus visitantes clicarem em qualquer uma das opções de ícone, o formulário será submetido automaticamente. Gostaria de mostrar ou ocultar o seu botão de submissão condicionalmente com base numa resposta do seu formulário? Por favor, consulte o tutorial em Como Mostrar Condicionalmente o Botão de Submissão.