Formulário de feedback para contato 7. Como transmitir o endereço da página de onde a mensagem foi enviada no formulário de feedback do Wordpress? estágio - adicionando campos para enviar arquivos para o formulário

Flector 5

Este é um plugin para a criação de formulários de contato. É extremamente popular (perdendo apenas para plug-ins e em termos de downloads) entre os usuários, pois combina com sucesso a facilidade de uso e opções poderosas para personalizar e projetar formulários de contato. Tentarei considerar todos os recursos do plugin com o máximo de detalhes possível.

1 Descompacte o arquivo.

2 Copie a pasta contact-form-7 v / wp-content / plugins /.

3 Vamos para o painel de administração do blog no " Plugins"e ative o plugin.

Quando ativado, o plugin cria um menu separado na área de administração do blog chamado "", e também cria um formulário de contato padrão, que você pode ver em " Formulário de Contato 7 \ formas":

Se você usar o "código de incorporação" sugerido, o formulário no blog será assim:

Claro, aparência este formulário de contato dependerá dos estilos usados ​​em seu modelo, mas em geral será assim.

Para produzir este forma mais simples você só precisa de alguns minutos. E é por causa dessa facilidade de adicionar um formulário de contato que muitos usuários adoram este plugin.

No entanto, o plugin tem inúmeras possibilidades para criar formas de contato avançadas de qualquer complexidade. Mas vamos começar de forma simples, criando seu próprio formulário, que será apenas um pouco diferente do formulário padrão embutido no plugin. Clique no link "Adicionar novo":

Isso vai abrir página inicial adicionando um formulário:

O plugin detecta automaticamente a localidade utilizada no blog, portanto não há necessidade de selecionar o idioma, basta clicar no botão "". Isso abrirá a página do designer de formulário. A primeira coisa que você deve fazer aqui é renomear o título do formulário:

O título não importa, é apenas para você não se confundir com suas próprias formas. Defina o nome do seu formulário, clique no botão " Salve ", e obteve o" código de incorporação "como resultado:

Agora você pode colar o código sugerido em qualquer um de seus posts ou páginas (no modo "Texto", é claro) para exibir um formulário de contato nele. No entanto, ele não será diferente do formulário padrão, portanto, continuaremos a trabalhar com o designer do formulário. No lado direito da página do designer, há um botão " Gerar tag", clicar nele dará:

Vamos escolher, por exemplo, um número de telefone. Uma janela como esta será aberta:

Na verdade, aqui você não pode mudar nada. Tamanhos, classes e assim por diante são opções secundárias e na maioria dos casos você não precisa editá-los. No entanto, a opção "" pode ser útil como uma dica para os visitantes sobre como preencher este campo.

Por exemplo, definimos os seguintes valores:

Ao exibir um formulário de contato, o campo terá a seguinte aparência:

Ao clicar neste campo, o texto inserido ali desaparecerá, pois serve apenas como dica de preenchimento. Mas eu perdi o ponto de adicionar a tag selecionada ao próprio formulário de contato. Esta tag:

É necessário colar no lado esquerdo da página do designer do formulário, onde se encontra o código do formulário de contato:

Você precisa criar o código do formulário manualmente, ou seja, organizar os títulos, tags de parágrafo e quebras de linha você mesmo, você deve obter algo como:

Salve o código do formulário e termine com o seguinte formulário de contato:

Na verdade, da mesma forma, você pode adicionar facilmente ao seu formulário de contato em alguns minutos qualquer marca usado pelo plugin. Não vou forçá-lo a tentar manualmente cada tag, darei imediatamente o resultado:

1 Campo de texto.

Caixa de texto simples, pode ser usada para nome, assunto, etc.

2 O email.

Usado apenas para entrada endereço de e-mail.

3 URL

4 Número de telefone.

Usado apenas para inserir um número de telefone (números e hifens).

5 Número (caixa de rotação).

Usado apenas para inserir um número (pode ser usado para indicar idade, número de itens pedidos, etc.).

6 Número (controle deslizante).

Funciona incorretamente. Para exibir este controle deslizante numérico, HTML5 é usado, e isso, em primeiro lugar, significa que tal controle deslizante parece diferente em navegadores diferentes e, em segundo lugar, ele ainda não funciona realmente. Nos fóruns de suporte de plug-ins, vi soluções que corrigem o trabalho dessa tag, mas não me ajudaram - não consegui fazer com que esse controle deslizante exibisse nenhum número. Eu recomendo não usar esta tag.

7 Encontro.

Usado apenas para entrada de data.

8 Campo de texto.

Na tradução russa, essa tag também é chamada de "Campo de texto", mas na terminologia HTML é uma área de texto, o que, na verdade, significa apenas um campo de texto ampliado. Usado para inserir o texto da mensagem.

9 Menu suspenso.

Usado para selecionar um item (ou vários itens) em um menu suspenso. Ele pode ser usado para qualquer coisa - desde perguntar sobre a cor do produto pedido até escolher o sexo de uma pessoa.

10 Caixas de seleção.

Usado para selecionar um ou mais itens das opções propostas.

11 Botões do rádio.

Usado para selecionar apenas um item das opções propostas.

12 Aceitação.

Usado para concordar com os termos.

13 Pergunta.

Usado para responder às perguntas especificadas (a pergunta é escolhida aleatoriamente entre as opções especificadas). Basicamente, essa tag é usada como proteção contra spam. E se os spambots podem responder facilmente a uma questão numérica, então questões como "em que planeta vivemos?" eles são incapazes de responder.

14 CAPTCHA.

É usado para exibir um captcha completo. Para usar esta tag, você precisa instalar o plugin Really Simple CAPTCHA. Captcha é bastante legível e, portanto, facilmente penetrado por robôs de spam avançados como Hrumer.

15 Upload de arquivo.

Usado para enviar um arquivo. Você pode especificar o tamanho máximo e formatos de arquivos válidos.

16 Botão de envio.

Usado para enviar dados do formulário de contato. Esta é uma tag obrigatória.

Com tags usadas diretamente em Formulário de Contato, descobri. Agora, vamos ver como enviar essas mesmas tags do formulário de contato para o seu e-mail. Logo abaixo do código do formulário de contato no construtor está o template da carta enviada a você, e é nele que você deve fazer as alterações necessárias. Isso é importante porque o preenchimento incorreto deste modelo impedirá que você saiba exatamente o que o visitante escreveu em seu formulário. Vamos pegar uma etiqueta de número de telefone como exemplo. Digamos que em seu formulário de contato ele seja inserido por meio de um código como este:

Portanto, no modelo da carta enviada, é necessário inserir o seguinte código:

O significado, eu acho, é claro. No código do formulário de contato , e na letra apenas o nome deste campo ... O plugin gera nomes de marcas digitais como , mas ninguém está impedindo você de usar seus nomes. E sobre o resto das tags no modelo de e-mail - elas também são formadas de acordo com o mesmo princípio - em vez de usado por etc.

Os textos que o formulário de contato distribui também podem ser corrigidos no designer de formulários na seção "Mensagens":

Perguntas mais frequentes sobre o plug-in:

1 erro de visualização " ", como consertar?

Isso significa que o formulário especificado foi excluído ou o título do formulário foi especificado incorretamente (o título no código de chamada é fundamental para chamar o formulário).

2 Na carta, vejo marcas como em vez de texto, como consertar?

Isso significa que o visitante não preencheu este campo. Nesse caso, a tag não é substituída, mas exibida como está.

3 Há alguma restrição na escolha de um nome para uma tag?

Há. Se o laço WordPress o nome "nome" é usado, então você não pode usá-lo como o nome da tag. Da melhor maneira evitar problemas é adicionar prefixos para nomes, como a palavra "seu". Definitivamente, não haverá problemas com o nome da tag.

4 Um visitante pode ser informado por e-mail de que seu formulário foi recebido?

Lata. Use a opção "Destino 2" no construtor de formulário:

Esta opção pode ser usada como secretária eletrônica.

5 Um formulário preenchido pode ser enviado para vários endereços?

Lata. Use o campo "" na opção "Destino":

Onde [email protegido] o seu email adicional, para o qual será enviada uma cópia do formulário preenchido pelo visitante (o comando "cc" envia uma cópia oculta).

6 É possível exibir um formulário que não esteja em uma postagem ou página?

sim. Cole o código para chamar o formulário no widget de texto.

7 É possível renderizar o formulário diretamente com o código nos arquivos de modelo?

sim. Use um código como:

"" ) ; ?>

8 O formulário não é enviado, aparece um erro na moldura vermelha, como corrigir?

Contate seu hoster, é possível que o PHP não permita a chamada da função mail ().

9 Ao enviar o formulário, obtenho um erro no quadro laranja, como posso corrigir isso?

Uma moldura laranja indica spam. Os plug-ins de cache podem causar falsos positivos na proteção anti-spam. Configure seu plug-in de cache para limpar periodicamente os arquivos de cache (24 horas são suficientes).

10 O campo de e-mail é diferente dos outros campos do formulário. Como posso corrigir isso?

O plugin usa código HTML5 para inserir um endereço de e-mail ( ao invés de ), e esse código geralmente não é formatado em modelos antigos. Você precisa fazer alterações em styles.css seu modelo, adicionando o código necessário para o seletor de entrada lá.

11 Como inserir um arquivo anexado por um usuário em um e-mail?

Para fazer isso, use o campo especial "Arquivos anexados:"

Realmente merece sua atenção. Ao contrário de muitos outros plug-ins populares, ele não o obriga a comprar nenhum. Pró versão - todos os seus recursos estão disponíveis imediatamente. A popularidade do plugin (mais de 19 milhões de downloads) é bem merecida - por todas as suas funcionalidades, é extremamente fácil de configurar e está disponível até mesmo para usuários novatos do motor WordPress.

Mas lembre-se, este é um plugin de formulário de contato, não um plugin de formulário simples. Apesar de todas as suas capacidades, ele não permitirá que você crie um formulário avançado com base em quaisquer condições. Seu principal objetivo é criar formulários de contato e nada mais. Para criar formas dinâmicas, formulários de pós-criação e similares usam plug-ins como o Ninja Forms, eles são mais adequados para isso.

Se você ainda tiver alguma dúvida sobre como configurar o plugin - pergunte nos comentários, com certeza tentarei ajudá-lo.


Autor do plugin: Takayuki Miyoshi
A versão em questão: 3.9.1 de 31/07/2014
Versão Atual: 5.1.4 a partir de 04.08.2019
Compatível com a versão WordPress: 4.9 e mais alto
Instalações ativas de plug-ins: 5 000 000+
Baixe o plugin versão 5.1.4(total baixado 121 112 956 uma vez)

Você gostou do post? Inscreva-se para atualizações de software ou

Adiciona uma página de política de privacidade ao site. Além disso, no Formulário de Contato 7, adiciona consentimento para o processamento de dados pessoais. O plugin destina-se apenas a sites de língua russa. Ao entrar, os usuários recebem uma notificação sobre o uso de cookies pelo site. Adequado para 152FZ.
Para perguntas sobre o plug-in, escreva para este e-mail: [email protegido] Não oferecemos aconselhamento por meio de um consultor online em nosso site.

Instalação

  1. Instale o plugin.
  2. Preencha as informações necessárias da empresa.

Colaboradores e desenvolvedores

“Política de privacidade do site. Consent under Contact-Form 7 ”é um projeto de código aberto. Os seguintes colaboradores contribuíram para o desenvolvimento do plugin:

Log de alterações

1.28 Verificando a compatibilidade com o WP 5.0. Adicionado ocultando o título do texto da política
1.27 Verificar a presença de um cookie para o prato que aparece de baixo ao entrar no site é traduzido para js
1.26 Adicionados links de plug-in rel = nofollow
1,25 Texto de acordo adicionado sob forma padrão comentando
1.24 Bug corrigido no script Java
1.22 Pequenos bugs corrigidos no painel de administração e exibição do texto do nome do botão no formulário de contato 7 na página
1.21 A classe container, com a qual o texto da política é enquadrado, foi substituída por container-ppcf7
1.2 Classe adicionada à tag

p> sob formulários
1.1 Adicionada opção para mostrar / ocultar o link da política de privacidade no rodapé
1.01 Removida tag p extra na mensagem do cookie
1.0 Primeira versão no repositório

FormGet é um plugin simples para WordPress que funciona como arraste e drop, que permite criar vários formulários de contato para o seu site. Você só precisa clicar nos campos que deseja adicionar ao formulário e em seu formulário comentários estará pronto em alguns segundos.

Formulários que podem ser feitos com este plugin

Formulário de contato, formulário de suporte, formulários de reserva, serviços de consultoria, formulário de contato, lista de correspondência, questionários, formulário de candidatura de emprego, assistente de formulário de registro, criador de formulário de pedido e muito mais podem ser feitos neste plugin incrível.

FormGet Contact Form é muito ferramenta eficaz que permitirá que você crie e incorpore um formulário de contato em seu site em vários passos simples... Selecione campos de formulário, personalize opções e incorpore facilmente um formulário de contato em seu site simplesmente colocando o código no widget ou usando um código de acesso personalizado. Você não precisa de nenhum conhecimento de programação para fazer a forma desejada - esta é uma vantagem adicional na escolha de tais extensões.

Se vários formulários de contato forem instalados no site ao mesmo tempo, todos os dados neles podem ser rastreados em um só lugar - no painel. Uma vantagem mais significativa desse plugin é que os formulários que ele cria são adaptativos, o que permite que você exiba corretamente os dados necessários em qualquer dispositivo sem escrever estilos e classes adicionais.

Lista de campos suportados pelo plugin:

Nome, endereço, número de telefone de contato, mensagem, pagamento (integração com PayPal), data (suporte para formato dd-mm-aa ou dd / mm / aa ou aa-mm-dd), string de texto, texto multilinha, múltiplo escolha, anexos, Caixa de seleção, Selecionar (escolha na lista sugerida), botões de rádio, baixar arquivos e Captcha.

A instalação é normal - através do painel de administração do site no WordPress.

Configurando e criando um formulário de contato

Após a instalação e ativação, você verá um formulário especial de boas-vindas:

Clique no botão "Clique para criar" e vá para as configurações e crie um formulário de feedback. Todas as configurações são divididas em 4 guias:

  1. Contact Form Builder
  2. Código embutido
  3. Extensões

Inicialmente, a primeira guia é aberta, onde você pode criar seu primeiro formulário de feedback usando o construtor.

Vamos olhar mais de perto:


Configurar e usar o plugin é intuitivo, então instale e use-o com prazer!

Muitos sites configuram formulários de feedback para que os usuários possam deixar uma mensagem para o administrador sem sair do site. O mais popular, de alta qualidade e conveniente de configurar e usar é o plug-in Formulário de Contato 7- com sua ajuda, você pode criar quaisquer formulários de contato e muito mais. Uma vez que o plugin tem um grande número de diferentes formulários e campos, ele pode ser usado para muitas tarefas. Por exemplo, usei-o para criar um perfil de empregador e candidato a emprego em um site de recrutamento, para criar um formulário de pedido de produto em um site que vende apenas uma linha de produtos, usei este plugin para criar um formulário de cálculo complexo e volumoso para um canteiro de obras , para uma variedade de formulários de feedback e outros formulários. Mas não se trata disso, mas de como fazer o formulário de contato aparecer em uma janela pop-up, para que você possa fazer um botão para chamar um formulário de contato em cada página, e não apenas na página “Contatos”?

Não é realmente difícil, mas você vai precisar de outro plugin com o efeito FancyBox, eu pessoalmente gosto desses dois plug-ins: Easy FancyBox ou FancyBox para WordPress, existem vários plug-ins semelhantes, mas qualquer um deles funciona muito bem e também permite que você abra imagens no um pop-up.

Em geral, existem dois plug-ins instalados: Formulário de Contato 7 e Easy FancyBox, o formulário de contato é criado, resta adicionar o código ao modelo.

O código é inserido no modelo do site nos arquivos .php!

Código do formulário de contato pop-up definido no código do arquivo de modelo:

Solicite uma ligação

Se você inserir o código para chamar o formulário diretamente no Editor Visual para editar texto no modo TEXTO, o código terá a seguinte aparência:

Código do formulário de contato pop-up definido em editor visual registros (no modo Texto) no painel de administração do site:

Solicite uma ligação

No meu exemplo, tenho um código para o formulário "Solicitar um retorno de chamada" - há apenas dois campos no formulário - nome e número de telefone, para que o administrador do site ligue de volta para o cliente.

Vamos considerar este código.

Este é o código do botão para chamar a janela com o formulário, para este botão você pode definir qualquer estilo e inseri-lo em qualquer lugar do modelo:

Solicite uma ligação

Este é o código do próprio pop-up, você pode deixá-lo sob o botão para chamar a janela ou pode ocultá-lo no rodapé para que o código do conteúdo seja mais claro:

Neste código, o próprio formulário é chamado por uma função como esta:

Onde está escrito - exibe o código de acesso para o formulário de contato, o código de acesso é indicado no próprio formulário de contato quando ele é criado:

Para chamar vários formulários em uma página, você precisa usar uma id diferente para chamar o formulário.

Um exemplo de chamada de dois formulários de feedback em uma janela pop-up:

Formulário de Chamada 1

Formulário de Chamada 2

V este caso para chamar vários formulários, preste atenção a estas partes do código:

... e para o segundo formulário: ... etc.

Em vez de exibir um shortcode para um formulário de feedback, você pode exibir qualquer conteúdo, por exemplo, blocos com texto ou imagens, ou um formulário de assinatura do Feedburner, por exemplo, é assim que um formulário de assinatura do feedburner é exibido em um dos sites

ARTIGOS SEMELHANTES