【cocoon】お問い合わせフォーム作成・設定方法

今回はContact Form 7というテーマを使用したお問い合わせフォームの作成方法をお伝えします。

お問い合わせフォームとは

お問い合わせフォームはページ閲覧者がページ作成者に対して問い合わせするためのフォーマットになります。これを作成しておくことで閲覧者とのコミュニケーションが可能となります。

テーマをインストール

以下の手順でテーマをインストールします。

• 新規プラグインを追加
• プラグインの検索から”「contact form」と検索
• “Contact Form 7″の”今すぐインストール”を押してインストール。
• “有効”を押して有効化

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

お問い合わせのタブが新しくできているので、以下の手順でショートコードをコピーしましょう。

• コンタクトフォームを選択
• コンタクトフォーム１の”ショートコード”にある②の部分を選択しコピー

固定ページに追加する

以下の手順で、新しくお問い合わせ用の固定ページを作成して、コンタクトフォームを追加しましょう。

1. 新規固定ページを選択
2. タイトルを「お問い合わせ」などとして、➕ボタンを押す
3. ”ショートコード”と検索
4. ショートコードを選択
5. 先ほどコピーしたコンタクトフォーム１のショートコードを貼り付ける

最後に”公開”を押しておきましょう。

作成したフォームを確認

以下のように作成されていれば、完了です。

細かい設定を変更する

お問い合わせの編集から先ほど追加したコンタクトフォーム１を選択します。

• フォームのテンプレートのところから、例として、URLを選びます。
• ポップアップが出てくるため、”タグを挿入”を選択
• 他のタグと同じように以下を追加します。
  • <label> タイトル
  • タグの右に</label>
• 保存を押して完了です。
• また、挿入したタグに＊をつければ入力必須、付けなければ任意、ということになります。