SEOランディングページにフォームを設置する手順

WPホームページ研究所運営サポートチーム監修のオムスビ（@OMUSUVIcom）です。

本日はプラグイン版SEOランディングページにお問い合わせフォームを設置する手順をご紹介いたします。

SEOランディングページにフォームを設置する手順

フォームの設定はカンタンです。３つのステップで完了いたします。

１. Contact Form 7をインストールする
２. フォームを作成する
３. ショートコードを差し込む

以前に上記３手順を別でまとめています。以下に記事を貼っておきますね。自動返信メールの送信も設定していますのでぜひご確認くださいませ。大体15分くらいもあれば差し込みまで行えます。ちなみに「記事内ではパーマリンクをcontactに設定する流れがありますがLP内への設置なのでスルーしてもらえばOK」です。

ワードプレスで管理者と申込者へ自動返信メールを送信できるお問い合わせフォームを設置する方法

全準備が整ったらショートコードをコピペしておきましょう。

もし、フォームをテーブルでレイアウトしたい場合は以下をご利用くださいませ。

<div class="form">
<table cellspacing="1">
<tbody>
<tr>
<th>お名前 <span style="color:red;">*</span></th>
<td>[text* your-name placeholder "例）山田 太郎"]</td>
</tr>
<tr>
<th>メールアドレス <span style="color:red;">*</span></th>
<td>[email* your-email placeholder "例）taro@example.com"]</td>
</tr>
<tr>
<th>題名</th>
<td>[text your-subject placeholder "例）プラグインについて"]</td>
</tr>
<tr>
<th>メッセージ本文</th>
<td>[textarea your-message placeholder "はじめまして、山田と申します。"]</td>
</tr>
</tbody>
</table>
<p>[response]</p>
<p class="btn-color-01">[submit "この内容で送信する"]</p>
</div>

そのまま貼り付けるだけでOKです。