POWr – Crie formulários personalizados para Contato, Orçamentos, Feedbacks, Currículos e outros

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.

Deixe um comentário