English Deutsch Español Português brasileiro Français Italiano Nederlands Svenska 日本語

Formoid o gerador mais fácil de formulários

Formoid faz com que a criação de belos formulários web se torne moleza e divertida. Com uma interface de arrastar e soltar que não necessita de código, temas para formulários nas tendências Flat, Metro, Solid e Bootsrap, elementos de CSS puro, responsivos e retina-ready, validação conforme você faz e captcha anti-spam, o Formoid é simplesmente uma incrível ferramenta de formulários!!

Bootstrap formulário

Belos Fundos

Temas modernos de formulário com esquemas de cores fantásticos.

CSS formulário

Formulário Estilo CSS

CSS puro para radios, checkboxes, seleções, upload de arquivo, seletor de dados, e até mesmo o captcha do Google!

HTML5 formulário

Retina-ready

Todos os elementos do formulário parecem brilhantes em dispositivos e telas de alta resolução.

jQuery formulário

Responsivo

Completamente otimizado para trabalhar em desktops, celulares e tablets.

Gerador de Formulários jQuery

Formulário de Registro

Metro Tema demo

Designer de Formulários CSS3

Formulário de Comentários

Bootstrap Tema demo

Construtor de Formulários HTML5

Relatórios de Bugs

Flat Tema demo

Formulário HTML5 Responsivo

Formulário de Elementos

Solid Tema demo responsivo

Visão Geral

Um formulário web é o principal método de interação de qualquer website e um formulário claro, amigável e atrativo é absolutamente vital para minimizar erros ou falhas nos envios. Formoid é uma ferramenta maravilhosa que combina as ultimas idéias de design e as técnicas mais avançadas da web para ajudá-lo a criar o seu melhor formulário.

  • Assistente de Interface
    O criador de formulários mais intuitivo e fácil de usar - Chega de escrever códigos, apenas arraste e solte para criar formulários rapidamente. Crie formulários simples e complexos num piscar de olhos com o Formoid!
    Para Mac e Windows - BUse Formoid em sua plataforma preferida. Possui suporte a Mac OSX 10.6+, Windows XP, Vista, 7 e 8
    Totalmente Personalizável - Personalize rápido e fácil qualquer cor, layout e estilo.
    Esquema de Cores - Mude facilmente as cores dos elementos usando configurações pré-definidas de cores. Os ícones de checkbox e radio também mudam de cor.
    Pré-visualização ao Vivo - A janela de pré-visualização permite você ver as mudanças em seu formulário instantaneamente e exatamente como aparecerão no navegador.
    Campos Padrão - Campo de texto, parágrafo, seleção e seleção múltipla em drop-downs, checkboxes e botões radio? Formoid possui todos os campos padrão de formulário.
    Campos Avançados - Precisando de alguma coisa avançadas? Nome, endereço, email, URL do website, upload de arquivo, senha, calendário, número e campos de captcha farão sua vida mais fácil.
    Campos Mandatórios - Marque campos como “Obrigatório” e mostre mensagens de aviso se necessário.
    Captcha Anti-Spam - Adicione o mais confiável e poderoso reCaptcha do Google em um único clique. Acabe com os spams dos bots automáticos.
  • Formulários HTML
    Belos fundos - Temas Flat, Metro, Solid e Bootstrap para formulários e esquemas de cores fantásticos.
    Layout Líquido, Formulários Responsivos - Seus formulários sempre parecerão grandiosos em qualquer desktop e dispositivo móvel.
    Compatibilidade enorme de navegadores e dispositivos - Os formulários são testados cuidadosamente em diversos navegadores, SOs e dispositivos para garantir que eles sejam exibidos e desempenhem perfeitamente em todos antigos (incluindo IE6) ou novos navegadores, até mesmo sem JavaScript.
    Retina-Ready - Todos os elementos do formulário são feitos com CSS, sem imagens, portanto eles são nítidos, cada pixel é perfeito para usar em telas retina e de alta resolução.
    Fontes Elegantes do Google - Cansado de usar as memas velhas e chatas fontes, como Arial e TimesRoman? Teste fontes gratuitas e novas do Google em seus formulários.
    Formuário Estilo CSS - Layout do formulário de puro CSS – radios, checkboxes, seleções, upload de arquivo, selector de dados, dicas de ferramentas e até mesmo captcha do Google! Nenhuma imagem é usada!
    Validação em Tempo Real - Campos de formulários validados conforme o usuário digita, mostrando também dicas da ferramenta caso um erro ocorra. Validação de formulário HTML5 é suportada também.
  • Backend Formulário PHP
    Manipulação de Formulários com PHP - Formoid não é somente para formulários HTML do lado do cliente. Ele também gera um poderoso manipulador PHP para processar os envios de formulários.
    Sem Código - O código PHP do lado do servidor é gerado automático por completo e se seu servidor está com PHP habilitado, tudo que você precisa fazer é o upload deste arquivo PHP ao logo do HTML. Nenhum conhecimento em programação PHP é necessário!
    Formulários de Contato por Email - Uma vez feito o upload ao servidor, o script PHP irá enviar respostas para o email que você configurar no Formoid.
    Exportar para CSV - Todos os formulários enviados são registrados em um arquivo csv.
  • Hospedagem Online de Formulários
    Publicando, pré-visualizando e testando com um clique - O botão “Pré-Visualizar e Testar” envia instantaneamente seu formulário atual para nosso servidor para um teste em tempo real.
    Fácil de compartilhar e embutir - Clique no botão “Compartilhar” e receba um pedaço curto de código HTML para você enviar por email, embutir em qualquer página ou criar um formulário maneiro de popup Lightbox.
    Notificações Instantaneas - Atualiazações em tempo real por email sobre a atividade online de seu formulário.
    Coletar Anexos - Se seu formulário tem upload de arquivo, você pode acessar a qualquer hora os arquivos que seus usuários enviaram.
    Controle Completo - Gerencie todos os formulários hospedados, veja estatísticas e exporte dados enviados.
    Formulários Seguros - Todos os formulários enviados são transmitidos através de uma forte criptografia SSL de 256-bit (protocolo HTTPS) para garantir que os dados de seu cliente estejam protegidos.

Ajuda Rápida

Ajuda Rápida

1. Área de Edição: Esta área é seu espaço de trabalho onde você irá editar e construir seu formulário. Controle o visual de seu formulário, arrastando os elementos do Painel de Elementos e alterando as propriedades de seu formulário ou dos elementos em suas respectivas guias.

2. Barra de Ferramentas Principal: Esta barra consiste em tudo que você precisa para gerenciar sua conta. Você pode publicar formulários localmente assim como na web. Esta barra de ferramentas inclui botões como:

  • Novo: Criar um novo formulário.
  • Abrir: Abrir um formulário existente.
  • Salvar: Salvar o formulário atual.
  • Salvar HTML: Salvar o formulário atual em HTML.
  • Pré-visualizar e Testar: Pré-visualizar seu formulário testando ele na Internet.
  • Meus Formulários: Uma nova janela abrirá onde você poderá pré-visualizar, mudar e gerenciar todos os seus formulários que estão hospedados em nosso servidor (formoid.net).
  • Compartilhar: Uma nova janela abrirá na qual dará opções e maneiras de embutir seu código de formulário.
  • Endereço de Email: Endereço de email de sua conta atual. Clique nele para mudar sua conta.
  • Minha Conta: Ver as informações de sua conta.
NOTA: Botões verdes funcionam localmente. Botões azuis requerem conexão com a Internet.

3. Painel de Elementos: Este painel consiste em todos os elementos que você pode incluir em seu formulário, tais como:

  • Texto: Cria um campo de texto.
  • Área de Texto: Cria um campo de texto grande.
  • Seleção: Cria uma lista dropdown com opções para selecionar.
  • Seleção Múltipla: Cria uma lista dropdown com opções para selecionar. O usuário pode selecionar várias.
  • Checkbox: Cria uma lista com opções de checkbox.
  • Botão Radio: Cria uma lista com opções de botão radio.
  • Data: Cria um campo para inserir a data.
  • Número: Cria um campo para inserir números.
  • Enviar Arquivo: Cria um campo de seleção de arquivo onde usuários podem escolher e selecionar arquivos de seus computadores.
  • Email: Cria um campo para inserir o endereço de email.
  • Website: Cria um campo para inserir uma URL.
  • Nome: Cria um campo para nome e sobrenome.
  • Endereço: Cria um campo para inserir um endereço incluindo rua, cidade, estado, CEP e país.
  • Senha: Cria um campo para inserir uma senha.
  • Telefone: Cria um campo para inserir um número telefônico.
  • Captcha: Cria um captcha para usuários “resolverem” antes de enviarem o formulário. Este elemento ajuda a evitar spammers.

4. Guia das Propriedades do Formulário: Nesta guia, você pode ajustar as configurações globais de seu formulário incluindo:

  • Título: Insira o título de seu formulário HTML.
  • Tamanho da Fonte: Selecione o tamanho da fonte de seu formulário CSS3.
  • Tipo de Fonte: WSelecione a fonte desejada. Por exemplo: Arial, Helvetica, Sans-Serif. As fontes para Web do Google também estão disponíveis.
  • Cor da Fonte: Selecione a cor da fonte para o texto de seu formulário HTML5.
  • Largura: Insira o número em pixels (px) ou porcentagem (%) para mudar a largura de ser formulário.
  • Cor do Formulário: Selecione a cor de fundo seu formulário HTML.
  • Cor da Página: Selecione uma cor para sua página.
  • Borrar: Adicione um fundo borrado ao seu formulário HTML5.
  • Enviar: Altere o texto do botão “Enviar”.
  • Email de Notificação: Especifique um endereço de email que receberá os resultados dos formulários enviados.
  • Confirmação: Escolha o tipo de confirmação que os usuários irão ver após enviar o formulário com sucesso: Mensagem ou Redirecionamento.
    -Mensagem: O usuário irá ver a mensagem que você inserir na caixa.
    -Redirecionamento: O usuário será redirecionado para uma URL específica.

5. Guia de Propriedades do Elemento: Nesta guia, você pode ajustar as configurações do elemento atualmente selecionado. Você tem controle sobre as propriedades do item, como:

  • Rótulo
  • Texto hover
  • Elementos obrigatórios
  • Tamanho do campo
  • E muito mais, dependendo do elemento

6. Painel de Temas: Selecione o tema para seu formulário web. Existem três temas para escolher:

7. Esquema de Cor: Selecione um esquema de cor para seu formulário. Existem diversos esquemas de cores para escolher.

8. Minha janela de formulários: Clique “Meus Formulários” e uma nova janela abrirá onde você poderá pré-visualizar, alterar e gerenciar todos os seus formulários hospedados em nosso servidor.

9. Janela compartilhar: Clique em “Compartilhar” e uma nova janela abrirá na qual dará opções e maneiras de embutir seu código de formulário. Escolha duas opções de código embutido:

  • JavaScript (Recomendado)
  • IFrame
Ou escolha duas versões de link para formulário pop-up:
  • Lightbox (Recomendado)
  • Nova Janela

10. Janela de informação da conta: Clique “Minha conta” e você será levado a uma janela onde encontrará informação sobre sua conta, incluindo.

  • Licença
  • Endereço de email usado para registro
  • Número de Envios
  • Data de Expiração