与Wordpress帖子/页面中的Form 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是适合您的小型教程。