Neste artigo, você descobrirá como criar um formulário com o Elementor gratuito.
Embora o widget Formulário esteja disponível apenas no Elementor Pro, isso não significa que você não possa criar um formulário na versão gratuita do Elementor.
Se você precisar adicionar um formulário à página que está criando com a versão gratuita do Elementor, poderá usar os dois métodos que abordaremos neste artigo.
O Elementor, seja a versão pro ou a versão gratuita, vem com dois widgets que você pode usar para criar um formulário. Estes são os widgets HTML e Shortcode. Com o widget HTML, você pode incorporar um formulário HTML, enquanto o widget Shortcode permite incorporar um formulário de plug-ins de formulário que usam o shortcode, como Formulário de Contato 7.
Criar formulário com versão gratuita do Elementor usando widget HTML
Este método requer que você tenha uma habilidade em HTML para criar o formulário. Ou você pode baixar um modelo de formulário HTML da Internet. W3docs tem mais de 60 modelos de formulário HTML que você pode baixar gratuitamente.
Para começar, crie uma nova página e edite-a com Elementor (Páginas – > Adicionar). Claro, você também pode modificar uma página existente. Se você deseja criar um formulário em uma nova página, lembre-se de definir o layout do formulário clicando no ícone de engrenagem no painel inferior esquerdo.
Adicione uma nova seção clicando no botão de adição na área de edição e adicione o formulário HTML arrastando-o do painel esquerdo para a área de edição. Coloque-o na área desejada. Em seguida, vá para o painel esquerdo e cole o código HTML do formulário no campo código HTML sob a guia Conteúdo.
Publique/atualize a página assim que terminar de editá-la.
Veja também: Como usar widgets/modelos Elementor como blocos de Gutenberg
Uma coisa. Se o seu formulário HTML usa CSS externo, imagens ou JavaScript para estilizar, certifique-se de carregar as pastas contendo o código CSS, imagens e JavaScript para o diretório raiz do seu site.
Crie um formulário no Elementor gratuitamente usando o formulário de contato 7
Se você não possui habilidades em HTML e não deseja usar um modelo de formulário HTML, pode criar um formulário na versão gratuita do Elementor usando o plug-in Formulário de Contato 7. Na verdade, existem muitos outros plugins de formulário. Nós recomendamos Formulário de Contato 7 porque é o plugin de formulário mais popular para WordPress e totalmente gratuito.
Primeiro, instale o plugin Formulário de Contato 7. Para fazer isso, vá para Extensões – > Adicionar. Digite “formulário de contato 7” na caixa de pesquisa e clique no botão instalar agora uma vez que você o encontrou.
Ative o plug-in imediatamente após a instalação.
Contact Form 7 vem com um formulário padrão (um formulário de contato ). Você pode usá-lo se quiser. Se você quiser criar um novo formulário, você pode ir para Contato – > Adicionar. Dê um nome ao seu formulário para que você possa identificá-lo facilmente no futuro.
Por padrão, seu formulário consistirá em quatro campos: nome, e-mail, assunto e mensagem.
Se você deseja adicionar um novo campo, coloque o ponteiro na área onde deseja adicionar o novo campo (você pode colocá-lo abaixo ou acima de um campo existente). Adicionar rótulo para o novo campo de formulário no formato <label> votre label préféré </label>.
Coloque o ponteiro logo após o rótulo e selecione um campo na guia de campo. Você pode adicionar uma nova quebra de linha para tornar seu novo campo mais limpo do que outros campos existentes.
Preencha os campos e clique em Inserir a etiqueta (você pode deixar tudo como padrão).
O Formulário de contato 7 enviará os envios enviados por meio do seu formulário para um e-mail. Você pode definir o e-mail na guia Email.
Você pode ir para a guia Mensagens se você deseja substituir as mensagens padrão. Você pode personalizar a mensagem que aparece depois que seus visitantes enviam o formulário com sucesso ou a mensagem de erro quando o formulário não é enviado, etc.
Clique no botão Enregistrer assim que terminar de editar o formulário e copiar o shortcode.
Para adicionar o formulário que você acabou de criar à sua página Elementor, crie uma nova página e edite-a com Elementor, ou você também pode editar uma página existente.
Leia também: Como desativar um pop-up Elementor em smartphones
Adicione uma nova seção para colocar o formulário e adicione o widget de código curto. Depois que o widget Shortcode for adicionado, vá para o painel esquerdo e cole o shortcode que você copiou no campo Código curto sob a guia Conteúdo.
Publique/atualize sua página assim que terminar de editá-la.
Formulário de contato 7 usa o formato de estilo do tema WordPress que você usa. Você pode estilizar seu formulário Contact Form 7, mas habilidades de CSS são necessárias. Você também pode ver este artigo em Como personalizar um formulário Contact Form 7 com Essential Addons e Elementor.
Obtenha o Elementor Pro agora !!!
Conclusão
Então ! É isso para este artigo que mostra como criar um formulário com o Elementor gratuito. Se você tiver alguma dúvida sobre como chegar lá, informe-os no Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
