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
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
