Wordpress 帖子/页面中的联系表 7 字段

Question

如何在 WordPress 帖子和页面中使用 Contact Form 7 表单标签或简码。 任何想法将不胜感激。

提前致谢！

Answer 1

我相信您正在寻找“如何在联系表单 7 中添加新字段和提交按钮。” 表单的语法如下所示。

这是为您准备的演示工作代码。

<div class="row clearfix">
  <div class="form-group col-md-4 col-sm-6 col-xs-12">
     <div class="form-group-inner">
        <div class="icon-box">
           <label for="your-name">
             <span class="icon flaticon-user168"></span>
           </label>
        </div>
        <div class="field-outer">
          [text* your-name name:username id:your-name placeholder "Your Name"]
        </div>
    </div>
  </div>
  <div class="form-group col-md-4 col-sm-6 col-xs-12">
     <div class="form-group-inner"><div class="icon-box">
      <label for="your-email">
       <span class="icon flaticon-new100"></span>
      </label>
     </div>
     <div class="field-outer">
      [email* name:email id:your-email placeholder "Email"]
     </div>
  </div>
 </div>
 <div class="form-group col-md-4 col-sm-12 col-xs-12">
   <div class="form-group-inner">
     <div class="icon-box">
       <label for="your-subject">
         <span class="icon flaticon-edition2"></span>
       </label>
     </div>
     <div class="field-outer">
       [text* name:subject id:your-subject placeholder "Subject"]
     </div>
    </div>
   </div>
   <div class="form-group col-md-12 col-sm-12 col-xs-12">
    <div class="form-group-inner">
      [textarea name:message placeholder "Your Message"]
    </div>
   </div>
   <div class="form-group col-md-12 col-sm-12 col-xs-12 text-right">
    [submit class:input-submit class:hvr-bounce-to-right name:submit-form "Send Message"]</div>
  </div>

将上述代码粘贴到您的新联系表单中，它应该会创建一个包含名称、主题、电子邮件和消息字段的新表单。您可以在页面或“.php”文件中使用简码来调用此表单。我在下面的 php 文件中使用了它：

<?php echo do_shortcode( "[contact-form-7 id='184' title='Contact form 1']", $ignore_html = false ); ?>

您也可以将联系表 7 中的简码直接发布到页面中。 Here是给你的小教程。