Como usar o formulário de contato Wordpress 7 em meu próprio HTML?
eu quero usar o formulário de contato Wordpress 7 no meu site, mas eu já tenho um layout HTML/CSS para ele. Então, eu quero modificar o plugin para usá-lo com esse código HTML personalizado.
<form id="contact_form" action="" method="post">
<div>
<label for="contact_name">Nombre</label>
<input id="contact_name" type="text" required aria-required="true" placeholder="Nombre">
</div>
<div>
<label for="contact_email">Email</label>
<input id="contact_email" type="mail" name="email" required aria-required="true" placeholder="[email protected]">
</div>
<div id="area_message">
<label for="contact_message">Mensaje</label>
<textarea id="contact_message" type="mail" required aria-required="true" placeholder="Mensaje"></textarea>
<input id="contact_btn" type="submit" value="enviar">
</div>
</form>
a minha pergunta É: tenho de modificar este código com algum código do formulário de contacto 7 ou devo incluí-lo na administração do plugin?
1 answers
Actualizar com base nos comentários abaixo
O formulário de contacto 7 dá-lhe um shortcode para cada campo que gerou. Você pode embrulhar o shortcode em HTML na seção" Form". Usando o exemplo que você forneceu em sua pergunta, que seria parecido com este:
<div>
<label for="contact_name">Nombre</label>
[text* your-name 20/40 class:required "John Smith"]
</div>
<form> tags-Contact Form 7 já faz isso (e atribui um ID).
No seu editor de texto WordPress, use o formulário shortcode fornecido no topo da interface do formulário de contacto 7 para mostrar a sua saída final. Se preferir colocar isto num modelo de PHP, use isto:
<?php echo do_shortcode("SHORTCODE GOES HERE"); ?>
O formulário de Contato 7 também tem uma seção para o correio, onde você identificaria a quem o correio deve ir e vir. Alguns provedores de hospedagem (Dream Host, por exemplo), exigem que o e-mail de ser o mesmo domínio como o próprio site (um formulário em http://example.com teria de enviar e-mails de [email protected], ou um endereço similar). Para se certificar de que ainda consegue responder ao endereço correcto, irá adicionar um cabeçalho de replyto como este:
Reply-To: [email]
Só muda {[[4]} para corresponder o que quer que fosse o código abreviado avançado para o seu campo de E-mail.
Mas a sério, isto está tudo na documentação para o formulário de contacto 7: http://contactform7.com/docs/