• Recursos
  • Modelos
  • Preços
  • Portuguese
  • Recursos
  • Modelos
  • Preços
  • Portuguese

Third-Party Plugins (44)

Estatísticas do bbPress
Profissional
Formulário de resposta do bbPress
Profissional
Índice do fórum do bbPress
Profissional
Formulário de fórum do bbPress
Profissional
Tags de tópico do bbPress
Profissional
Formulário de tópico do bbPress
Profissional
Fórum único do bbPress
Profissional
Tópico único do bbPress
Profissional
bbPress Resposta única
Profissional
Tag única do bbPress
Profissional
Carrossel do LearnPress
Profissional
Grade do LearnPress
Profissional
EDD Product Review Carousel
Profissional
Avaliações de produtos EDD
Profissional
Mini carrinho EDD
Profissional
Carrinho EDD
Profissional
Grade de categorias EDD
Profissional
Produto EDD
Profissional
Grade de cursos do Tutor LMS
Grátis
Totais de doações
Profissional
Dar Meta
Profissional
Give Histórico de doações
Profissional
Give Donor Wall
Profissional
Grade do formulário de doação
Profissional
Dar recibo
Profissional
Editor de portfólio do EDD
Profissional
Histórico do EDD
Profissional
Grade do calendário de eventos
Grátis
Grade de depoimentos
Grátis
Download do Monitor
Profissional
Galeria de portfólio / Grade
Profissional Popular
Perfil filantrópico
Profissional
Estatuto de caridade
Profissional
Registro de caridade
Profissional
Login beneficente
Profissional
Formulário de doação beneficente
Profissional
Doações filantrópicas
Profissional
Doadores filantrópicos
Profissional
Campanhas beneficentes
Profissional
Calendly
Grátis
Grupo BuddyPress
Profissional
Amigos do BuddyPress
Profissional
Membro do BuddyPress
Profissional
bbPress
Profissional
Ops! Seu widget pesquisado não foi encontrado! Você tem alguma ideia? Se sim, Enviar aqui

O Contact Form 7 é um dos widgets de formulário mais usados no WordPress. Quase todos os sites precisam de uma ferramenta de formulário de contato configurada e a maioria deles usa esse widget.

Diferentemente de qualquer outro widget, o Contact Form 7 não é uma ferramenta plug & play. Para usá-lo, você precisa configurá-lo primeiro. Talvez você tenha achado que configurar uma ferramenta é uma tarefa para desenvolvedores. Mas, certamente, esse não é o caso dessa ferramenta.

Deixe-me orientá-lo, neste blog, sobre como configurar corretamente e as maneiras de usar o Contact Form 7 para o site do WordPress.

Observe que este artigo inclui conteúdo fácil de implantar. Não há material de desenvolvedor hardcore incluído.

Manual do usuário do Contact Form 7

settings

Em primeiro lugar, você precisa instalá-lo em seu painel.

Ir para Plugins> Adicionar novo> e pesquise digitando o nome.

Instale-o e ative-o. Se estiver usando Element Pack você pode pular essa etapa porque ele é pré-carregado dentro do pacote.

Saiba mais sobre o Element Pack aqui.

Como eu disse anteriormente, o Contact Form 7 não é um widget plug&play. Você precisa configurá-lo para que funcione. Portanto,

Configure Contact form 7

Procure a guia Contato em seu painel, navegue por ele e clique em Adicionar novo. Nesta etapa, vamos desenvolver o formulário.

settings

Agora, concentre-se. Você precisa olhar com cuidado a partir daqui. Ao criar um novo formulário, você terá algumas opções. Você deve colocar qualquer texto como o título acima e inserir o formato do formulário no campo Formulário guia.

Por padrão, o formulário mostrará algumas linhas de códigos de texto na caixa vermelha marcada. Eu a alterei de acordo com minha escolha. Você também pode fazer isso ou até mesmo deixá-lo como padrão. Fica a seu critério. Esses textos são basicamente os códigos de estrutura do formulário.

Para desenvolvedores experientes, é fácil criar novas estruturas para o formulário. Mas você também pode fazer isso. Embora você tenha que se esforçar um pouco, não é totalmente difícil. Portanto, configurar o Contact Form 7 é fácil.

Configure Contact form 7

Agora, vá para a seção Correio eletrônico ao lado da guia Formulário tab. Aqui, você deve configurar o endereço de e-mail de recebimento e os textos mascarados do corpo do formulário.

Basta colocar seu e-mail de trabalho na seção Para e isso basicamente faz todo o trabalho. Você pode alterar as coisas em cada campo e ver como as coisas ficam depois.

settings

Depois disso, vá para a seção Mensagens e escreva as mensagens correspondentes nos campos de texto. Essa parte também é definida como padrão e você pode deixá-la inalterada, se desejar.

Ok, o Contact form 7 está configurado e pronto para ser implantado. Na verdade, há duas maneiras de usá-lo.

  • Por códigos curtos
  • Por widget direto

Vamos ver os dois.

 

Blog para você
Escolha do editor

Aprenda a criar uma CTA excelente agora!

Por códigos curtos

Todo formulário criado com Formulário de contato 7 tem um shortcode para uso rápido. Esses códigos curtos mostrarão o formato completo do formulário aos visitantes.

Configure Contact form 7

Vá para a guia Contact Forms e localize os códigos de acesso ao lado dos títulos dos formulários. Selecione-o e copie-o.

settings

Agora, no editor de páginas, coloque um widget Shortcode e cole o shortcode Form nele. Agora, vamos ver no modo de visualização se ele funciona.

Configure Contact form 7

Dessa forma, o formulário de contato é anexado e fica visível para os visitantes. Aqui, de forma alguma você pode alterar a aparência do formulário (mudar a cor, a tipografia, adicionar uma borda etc.)

Por Direct Widget

Com um widget dentro do Editor de páginas ElementorNo site do Contact Form 7, você pode colocar o widget do Contact Form 7 e editar sua aparência como quiser.

settings

Vá para o editor de páginas e selecione Editar com Elementor. Lá, no menu do widget, selecione Formulário de contato 7 e coloque-o dentro da página.

Configure Contact form 7

Do Layout selecione o formulário que você criou seguindo as instruções acima.

settings

E é isso! O formulário aparecerá na página. Agora, o que você vê é o formulário padrão. Você pode personalizá-lo ainda mais de acordo com suas necessidades.

Configure Contact form 7

Clique no botão Estilo e altere a aparência dos formulários. Veja no modo de visualização.

Conclusão

Configuração Formulário de contato 7 não é tão difícil. O widget lhe dá a opção de projetar e desenvolver seu formulário com uma opção de inserção de código personalizado. Portanto, é bom que você use esse widget.

Este blog é trazido a você por Element PackA melhor combinação de widgets para Elementor. Obrigado pela leitura.

Compartilhe este blog:

Direitos autorais © 2025 BdThemes. Todos os direitos reservados.

Money Transfer Logo