Formspreeをブートストラップテンプレートで使用する方法

Question

私はのウェブサイトにドラフトバージョンがwww.peek.solutionsであるように調整しようとしています。

テーマにはまだ動作していない連絡フォームが付属していますので、私はFormspreeを使用しています。

<form action="https://formspree.io/kurt.peek@gmail.com" method="POST"> 
<div class="col-sm-7 slideanim"> 
    <div class="row"> 
    <div class="col-sm-6 form-group"> 
     <input class="form-control" id="name" name="name" placeholder="Name" type="text" required> 
    </div> 
    <div class="col-sm-6 form-group"> 
     <input class="form-control" id="email" name="email" placeholder="Email" type="email" required> 
    </div> 
    </div> 
    <textarea class="form-control" id="comments" name="comments" placeholder="Comment" rows="5"></textarea><br> 
    <div class="row"> 
    <div class="col-sm-12 form-group"> 
     <button class="btn btn-default pull-right" type="submit">Send</button> 
    </div> 
    </div> 
</div> 
</form> 

しかし、これは動作していないよう：私のアプローチは、これまで単にドキュメント以下action="https://formspree.io/kurt.peek@gmail.com"とmethod=POSTで次<form>タグが付けられたフォームフィールドを含む部分が「ラップ」になっているとき、Iフィールドにいくつかのテスト値を入力して「送信」を押すと、Formspreeのデフォルトの確認ページが表示されず、指定されたアドレスで電子メールを受信しません（下記参照）。私はFormspreeを動作させるために、このコードを修正するにはどうすればよい

？

Answer 1

https://webdesign.tutsplus.com/tutorials/quick-tip-add-a-formspree-form-to-your-static-sites--cms-23870の例に従えば、私はそれを動作させることができました。ここでは、更新スニペットは次のとおりです。

<form id="contactform" action="//formspree.io/kurt.peek@gmail.com" method="POST"> 
<div class="col-sm-7 slideanim"> 
    <div class="row"> 
    <div class="col-sm-6 form-group"> 
     <input class="form-control" id="name" name="name" placeholder="Name" type="text" required> 
    </div> 
    <div class="col-sm-6 form-group"> 
     <input class="form-control" id="email" name="_replyto" placeholder="Email" type="email" required> 
    </div> 
    </div> 
    <textarea class="form-control" id="comments" name="message" placeholder="Message" rows="5"></textarea><br> 
    <div class="row"> 
    <div class="col-sm-12 form-group"> 
     <button class="btn btn-default pull-right" type="submit">Send</button> 
    </div> 
    </div> 
</div> 
<input type="hidden" name="_next" value="//peek.solutions/confirmation.html" /> 
<input type="text" name="_gotcha" style="display:none" /> 
</form> 

私はまだ自分の確認ページではなく、Formspreeのデフォルトの1に再ダイレクトに_next入力を取得していくつかの問題を抱えているが、それは別の問題です。