如何在我自己的HTML中使用Wordpress Contact Form 7？

我想在我的网站上使用Wordpress Contact Form 7，但我已经有了一个HTML/CSS布局。所以，我想修改插件以使用该自定义HTML代码。如何在我自己的HTML中使用Wordpress Contact Form 7？

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

我的问题是：我一定要修改这个代码的一些联系表7的代码，或者我应该包括到插件管理呢？

来源

2013-08-20 javier_el_bene

无需修改任何内容。联系表格7支持开箱即用。您是否尝试过使用它或查看过文档？如果是这样，什么是或不是为你工作？基于以下

联系表7的评论

更新给你，你产生的每一个领域的简码。您可以在HTML中将“简码”封装在“表格”部分。使用你在你的问题中提供的示例中，应该是这样的：

<div> <label for="contact_name">Nombre</label> [text* your-name 20/40 class:required "John Smith"] </div>

你并不需要在<form>标签来包装这个 - 联系表7确实已经（和分配一个ID）。

在您的WordPress文本编辑器中，使用Contact Form 7界面顶部提供的表单简码来显示您的最终输出。如果您更愿意把这个在PHP模板，使用此：

<?php echo do_shortcode("SHORTCODE GOES HERE"); ?>

联系表7还具有邮件，在这里你将确定邮件应该向谁和来自部分。某些托管服务提供商（例如Dream Host）要求FROM电子邮件与站点本身相同（http://example.com上的表单需要发送来自[email protected]的电子邮件或类似的地址）。为了确保您仍然可以回复到正确的地址，您将添加一个ReplyTo头是这样的：

Reply-To: [email]

只有改变[email]以等额返还您的电子邮件领域的简码输出了。

但严重的是，这些东西都是为了联系表7的文档中：http://contactform7.com/docs/

来源

2013-08-21 03:02:39

是的，我已经检查的文件，并在所有我见过的文档，他们把这样的代码：文本*你的名字20/40级：需要“约翰史密斯”]。我想知道我是否可以直接在HTML代码中使用插件。为了完成电子邮件发送，我必须对上述代码进行哪些更改？现在，没有做任何事情。 –

根据您在这里的评论更新我的答案。 –

如何在我自己的HTML中使用Wordpress Contact Form 7？

回答

相关问题