11

我想在我的网站上使用 Wordpress Contact Form 7，但我已经有一个 HTML/CSS 布局。因此，我想修改插件以将其与该自定义 HTML 代码一起使用。

<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="su@email.com">
    </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>

我的问题是：我是否必须使用一些 Contact Form 7 代码修改此代码，还是应该将其包含在插件管理中？

4

2 回答 2

12

无需修改任何东西。Contact Form 7 开箱即用地支持这一点。您是否尝试过使用它或查看过文档？如果是这样，什么对你有用或没用？

根据下面的评论更新

联系表格 7 为您生成的每个字段提供了一个简码。您可以在“表单”部分中将短代码包装在 HTML 中。使用您在问题中提供的示例，如下所示：

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

您不需要将其包装在<form>标签中 - Contact Form 7 已经这样做了（并分配了一个 ID）。

在您的 WordPress 文本编辑器中，使用 Contact Form 7 界面顶部提供的表单简码来显示您的最终输出。如果您希望将其放在 PHP 模板中，请使用：

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

联系表 7 也有一个邮件部分，您可以在其中确定邮件应该去往和来自谁。一些托管服务提供商（例如 Dream Host）要求 FROM 电子邮件与站点本身的域相同（http://example.com上的表单需要从 hello@example.com 或类似地址发送电子邮件地址）。为了确保您仍然可以回复正确的地址，您将添加一个回复标题，如下所示：

Reply-To: [email]

仅更改[email]以匹配您的电子邮件字段的输出短代码。

但说真的，这些东西都在联系表 7 的文档中：http: //contactform7.com/docs/

于 2013-08-21T03:02:39.710 回答
0

您还可以使用名为 Contact Form 7 Element Converter 的 wordpress 插件。您所要做的就是将您的 html 表单复制并粘贴到联系表单 7 中，然后它将您的元素转换为简码。它加快了我的许多项目。

这是链接：https ://wordpress.org/plugins/cf7-element-converter/

于 2019-07-10T05:15:04.707 回答