Formulários de contato são elementos essenciais em um site, pois são os responsáveis pela comunicação entre o potencial cliente e a empresa. O Wix oferece um formulário básico, porém, objetivo. Mas para aqueles que pretendem ter um formulário mais avançado e com maiores recursos, podem usar aplicativos como o 123ContactForm, TruContact ou JotForm, como já vimos aqui no blog.
Além desses, agora há também o POWr, um aplicativo que permite a criação de formulários personalizados para as mais diversas finalidades, como orçamentos, currículos, pesquisas, enquetes, etc.
O POWr é totalmente personalizável, possibilita a troca de quase todos os textos que compõem o formulário que, apesar de ser em inglês, seus campos, assim como os demais textos, podem ser modificados para qualquer idioma.
Verifique aqui uma página com 3 exemplos de formulários POWr. Fique à vontade para fazer testes e avaliar os campos.
Como adicionar
Agora que já vimos seu funcionamento, tá na hora de ver como adicionar e usar o POWr.
1. Acesse o Wix App Market e digite POWr no campo de busca.
2. Escolha opção “Form Builder” e clique no botão “Adicionar ao site“.
Configurando o formulário
3. Acesse as configurações do app e clique na guia “One Click Set-up“, onde você poderá escolher um design pré-determinado.
Eu selecionei o 3º design para fazer o formulário do exemplo 1 e o último design para fazer o exemplo 3.
Adicionando Campos e Rótulos
4. Clique na guia “Content” e na opção “Admin“, insira o email para onde os contatos serão enviados.
5. Acesse a opção “Form Elements” para adicionar os campos do formulário.
6. Adicione um campo clicando no botão “+Add“, no final da lista e escolha o tipo de entrada.
- Checkbox – Campos que exibem caixas de seleção..
- Radio – Campos com botões de radio, permitindo selecionar apenas 1 opção.
- Email – Campo de email.
- Label – Campo somente de texto, possibilitando dividir o formulário em categorias de assunto, como mostrado no exemplo do currículo.
- Dropdown – Campos exibidos em formato de seleção.
- Text – Insere um campo que receberá um dado, como Nome, Telefone, etc.
- Textarea – Campo mais extenso, ideal para receber as mensagens, detalhes ou observações do contato.
Rótulos
7. Os rótulos são as informações que identificarão o formulário, com título e descrição, texto do botão Enviar e uma mensagem de agradecimento..
Personalizando estilos
Na guia “Design” é possível personalizar a aparência do formulário.
8. Na opção “Layout“, escolha como deseja que os textos apareçam.
- Block labels – Texto acima do campo.
- Inline labels – Texto dentro do campo.
9. Em “Fonts“, selecione a cor do título do formulário (Title) e do corpo de texto (Body), assim como o tipo e tamanho da fonte.
10. Clique em “Submit Button” e em “Button alignment“, escolha um alinhamento para o botão Enviar.
- A opção “Full width” estende o botão por toda a largura do formulário.
11. Nessa mesma opção, escolha a cor do texto do botão em “Button Text Color” e a cor de fundo do botão em “Button Background Color“.
12. A opção “Background” define a cor de fundo do formulário. Faça as alterações e confira a mudança em tempo real..
- Background Shadow – Responsável pelo sombreamento de fundo do formulário.
13. Em “Border“, é possível definir os estilos da borda.
- Border Size – Deslize a barra para aumentar a largura, diminuir ou excluir a borda.
- Border Color – Cor da borda.
- Border Radius – Arredondamento dos cantos do formulário.
Essas foram algumas configurações básicas para o POWr, você precisa estilizar o formulário conforme o design do seu site e da sua marca, essa é uma das vantagens desse aplicativo, ao permitir essa personalização mais ampla e com maiores detalhes.
É isso!
Havendo dúvidas, comente abaixo.