Exemplos de Formulário de Contato

Começamos nossos exemplos de páginas de Contato com um formulário universal e fácil de usar para receber mensagens dos usuários. Ele possui um número mínimo de campos, o que o torna simples e rápido de preencher. Com o estilo Classic, fica limpo e combina com quase qualquer design de site; basta alterar a cor do botão e do ícone.

Este formulário ‘Envie-nos um e-mail’ fica com aparência suave graças ao estilo Flat Rounded. O formulário inclui apenas os campos essenciais para enviar um e-mail; os demais ficam desativados. Os campos são organizados em uma única coluna para um design compacto e os obrigatórios são marcados com o sinal *. A cor vermelha do botão Enviar o torna chamativo.

Para exemplos de formulário de contato com alguns campos a mais, veja este formulário completo. A seção Endereço inclui vários campos, dispostos em mosaico para economizar espaço. O formulário também traz uma caixa de seleção para assinar envios por e-mail e um campo de texto. O cabeçalho exibe um título personalizado e um texto de legenda.

Um layout flutuante pode ser muito útil se você quiser adicionar um formulário de contato em todas as páginas do site. O formulário será exibido como uma pequena bolha, acompanhando a rolagem do visitante e ele se expandirá ao clicar. É uma boa alternativa aos chats online, se você quiser receber mensagens dos clientes. Neste exemplo, o formulário flutuante tem um título convidativo e apenas três campos para facilitar o início da conversa.

Se você quer que os usuários entrem em contato para suporte através do formulário, você pode configurar isso facilmente para essa tarefa. O menu suspenso ajuda os usuários a escolher o tipo de problema e um campo de texto serve para inserir a descrição do problema. Os usuários também podem enviar um arquivo para demonstrar o problema. O estilo clássico deixa o formulário limpo e há um ícone de tema no cabeçalho para um visual marcante.

Neste exemplo, um formulário de contato funciona como uma ferramenta que ajuda os visitantes a solicitar uma chamada de sua parte. Um ícone flutuante abrirá ao clicar para exibir um conjunto mínimo de campos: nome, telefone e data e hora preferidas para a chamada. O ícone e o botão são roxos, e é fácil alterar a cor para qualquer tonalidade que você desejar.

Ao contrário de outros designs de formulários de contato, este modelo é para quem quer criar seu próprio formulário de contato personalizado do zero. Você não precisa modificar os modelos existentes; basta adicionar o que precisa, definir o tamanho, escolher o estilo — em uma palavra — desfrute da liberdade total. Crie um formulário de contato perfeito para a sua tarefa!