BLOG

お問い合わせフォームを作る方法と設定方法を解説

Cocoonで「お問い合わせフォーム」を作る方法を解説していきます。

プラグイン「Contact Form 7」が必要になりますので、「WordPressのプラグインの設定方法」で設定してから作業をすすめてください。

【手順】お問い合わせフォーム追加方法

お問い合わせフォーム追加する方法を順を追って説明します。

①プラグイン「Contact Form 7」を有効化する

有効化できていない人は、「WordPressのプラグインの設定方法」を確認して行ってください。

 

②ダッシュボード【お問い合わせ】から設定画面に入る

Contact Form 7を有効化するとダッシュボードに【お問い合わせ】が現れます。

【お問い合わせ】→【コンタクトフォーム】をクリックします。

 

③「コンタクトフォーム1」を編集する

「コンタクトフォーム1」をクリックし、編集を行います。

 

④タイトルを「お問い合わせフォーム」に ⇒テキストをコピペする

❶タイトルを「お問い合わせフォーム」にして、画面右側にある「保存」をクリックします。

❷タイトル下にある[contact-form-7 404 "Not Found"]をコピーします。

 

 

⑤【固定ページ】⇒「新規追加」を開く

ダッシュボードの「固定ページ」→「新規追加」をクリックします。

 

⑥タイトルを「お問い合わせ」にする ⇒「下書き保存」をクリック

タイトルに「お問い合わせ」と入力したら、「下書き保存」をクリックしてください。

 

⑦パーマリンクを編集する

❶下書き保存をクリックすると、パーマリンクが現れます。

❷「編集」をクリックして、パーマリンクを「contact-form」や「otoiawase」のような半角英数に変えます。

❸変え終わったら、「OK」をクリックします。

 

⑧テキストモードにコードを貼り付ける

❶「テキストモード」をクリックします。

❷本文に、先ほどコピーした[contact-form-7 404 "Not Found"]を貼り付けます。

❸公開(更新)をクリック。

 

コードの前にあいさつなどのメッセージなどを入れることもできます。
入れたかったらご自身でいれてください。

 

【お問い合わせページ】メールの送付先の設定

【お問い合わせ】→「コンタクトフォーム」をクリックします。

 

「お問い合わせフォーム」をクリックして編集画面にします。

「メール」のタブをクリックし、送信先に任意のメールアドレスを入力してください。

お問い合わせがくると、お知らせメールが送信先アドレスに届きます。

 

URLに飛べるか確認作業をする

2つの確認作業を行ってください。

①フォームに飛ぶか確認

【固定ページ】→「お問い合わせ」をクリックし、編集画面を開きます。

パーマリンクのところにある、お問い合わせフォームのURLをクリックし、フォームに飛ぶか確認してください。

 

②お問い合わせが実際に届くかのチェック

実際にお問い合わせフォームに記入をして、指定したメールアドレスにお知らせが届くかをチェックをしてください。

ブログに設置した「お問い合わせフォーム」に、自分で必須項目を入力して送信してみましょう。

お知らせメールが届けば、「正しく設置された」ということになります。

お問い合わせ方法の活用

「お問い合わせ」は、ブログ内の以下の場所に自由に設置可能です。

  • グローバルメニュー
  • サイドバー
  • 記事内

「お問い合わせ」の作成方法まとめ

今回はCocoonでお問い合わせフォームを作りました。

大体どのテーマも同じ作り方なのでやってみましょう!

テーマによって、やり方が多少違います。

分からなければ「お問い合わせ」+「テーマの名前」で、ネット検索をすると、やり方が出てきます。

お問い合わせフォームはブログにとって必要なものです、必ず設置するようにして下さい。

固定ページができただけではブログに反映されませんが、「グローバルメニューの作成方法」で取り扱いますので、焦らずに1つずつ進めていきましょう。

 

>>次へすすむ:Cocoonでプロフィールページを作る方法