問い合わせフォーム作成方法


こんにちは、三木谷です!

問い合わせはフォームは集客において必要不可欠なツールとなります。

あなたのサイトに興味を持ち、商品購入などのアクションを起こそうとした際、必ず出てくるのが疑問です。

疑問が出た時に、問い合わせ先がないと、せっかくの見込み客が離れてしまうので、是非準備をしておきましょう。

今回は、「Contact Form 7」というプラグインを利用して問い合わせフォームを作成します。

プラグインをインストールする

①ナビゲーションメニューで「プラグイン」にマウスを合わせます。

②すると右側にメニューが出てくるので「新規追加」をクリックします。

③プラグインの検索に「Contact Form 7」を入力します。

④「Contact Form 7」が表示されます。

⑤「今すぐインストール」をクリックします。

⑥インストールが完了したら「有効化」をクリックします。

⑦「Contact Form 7」が有効化されました。

お問い合わせフォームを作成する

①ナビゲーションメニューで「お問い合わせ」にマウスを合わせます。

②すると右側にメニューが出てくるので「コンタクトフォーム」をクリックします。

③「コンタクトフォーム1」をクリックします。

④カーソルを当てます。

⑤「ドロップダウンメニュー」をクリックします。

⑥ポップアップが表示されたら「男性」「女性」を入力します。

⑦「タグを挿入」をクリックします。

⑧「男性」「女性」を選べるドロップダウンメニューが追加されました。

⑨訂正を整える為に「題名」エリアを「Enter」キーを使って下に移動させます。

⑩「<label> 性別 ~ </label>」に修正します。

⑪「menu-xxx」をドラッグしてコピーします。

⑫「メール」タブをクリックします。

⑬送信先メールアドレスを入力します。

⑭⑪でコピーした「menu-xxx」をペーストして「[]」で挟みます。

⑮「保存」をクリックします。

⑯コンタクトフォームが保存されました。

⑰コードをコピーします。

⑱ナビゲーションメニューで「固定ページ」にマウスを合わせます。

⑲すると右側にメニューが出てくるので「新規追加」をクリックします。

⑳タイトルを本文を入力します。

㉑⑰でコピーしたコードをペーストします。

㉒パーマリンクを修正します。

㉓「公開する」をクリックします。

㉔設定に問題がなければ「公開」をクリックします。

㉕「固定ページを表示」をクリックします。

㉖テストメールを送信する為にフォームへ入力します。

㉗「送信」をクリックします。

㉘テストメールが送信されました。

㉙⑬で設定したメールアドレスにテストメールが届いていることを確認します。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です