【Cocoon】お問い合わせフォームの設置方法｜表示されない場合も初心者向けに解説

2024年1月22日2026年5月8日

「お問い合わせフォームはどうやって作るの？」

「お問い合わせフォームの設置場所は？」

「お問い合わせフォームが表示されない、どうして？」

この記事では、そんな方に向けて、Cocoonでお問い合わせフォームの作り方と表示されない場合の対処法を解説します。

かめコンパス

こんにちは、かめコンパスです！

本記事の内容

お問い合わせフォームはプラグインで作成する
お問い合わせフォームは固定ページで作成する
お問い合わせフォームを設置する場所
お問い合わせフォームが表示されない原因と対処法
お問い合わせフォームが機能するか確認する

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

プラグイン「Contact Form 7」

を使えば、“誰でもかんたんに”作成できます。

ブログ始めたての頃の私でも、スムーズに作成できました。

どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでマスターしてください！

以下の記事では、Cocoonの使い方や設定方法をブログ運営歴・公開した記事数別でまとめて紹介しています。

Cocoonお問い合わせフォームはプラグインで作成する

まず、Cocoonでお問い合わせフォームを作成するために

Contact Form 7というプラグインをインストールし、
設定していきます。

それぞれの手順を詳しく解説します。

Contact Form 7をインストールする

プラグイン「Contact Form 7」をインストールする方法は、下記の通りです。

STEP

WordPress管理画面で、プラグイン⇒新規プラグインを追加の順にクリックする

STEP

検索窓に「Contact Form 7」と入力する

STEP

今すぐインストールをクリックする

Contact Form 7のインストール完了！

Contact Form 7の設定をする

次にContact Form 7の設定をしていきます。

STEP

有効化をクリックする

STEP

お問い合わせ⇒新規追加の順にクリックする

STEP

タイトルを入力し、保存をクリックする

かめコンパス

タイトルは「お問い合わせ」でOK

Contact Form 7の設定完了！

Cocoonお問い合わせフォームは固定ページで作成する

先ほどインストールしたプラグイン「Contact Form 7」でお問い合わせフォームを設定し終えたら、

Cocoonのお問い合わせフォームを固定ページで公開する作業に移ります。

STEP

先ほどのContact Form 7の設定画面にあるショートコードをコピーする

STEP

固定ページ⇒新規固定ページを追加の順にクリックする

STEP

タイトルを入力する
先ほどコピーしたショートコードを貼り付ける
公開をクリックする

STEP

公開をクリックする

お問い合わせフォームを固定ページで作成完了！

Cocoonお問い合わせフォームを設置する場所

最後に、Cocoonでお問い合わせフォームを設置していきます。

お問い合わせフォームを設置する場所は、主に

ヘッダー
フッター

の2ヵ所です。

WordPress管理画面のサイドパネルにある外観⇒メニューの順にクリックし、

表示されたメニュー画面で、お問い合わせフォームを設置する場所を決めます。

ヘッダー・フッターに設置する方法を詳しく解説します。

ヘッダーに設置する

お問い合わせフォームをヘッダーに設置する方法は、下記の通りです。

STEP

メニュー名を入力する
「ヘッダーメニュー」と「ヘッダーモバイルボタン」に✔を入れる
メニューを作成をクリックする

かめコンパス

メニュー名は「ヘッダー」でOK

メニュー名を入力、「ヘッダーメニュー」と「ヘッダーモバイルボタン」に☑を入れている様子と、「メニューを作成」がある場所

STEP

固定ページ欄にある「お問い合わせ」に✔を入れる
メニューに追加をクリックする
メニューを保存をクリックする

「お問い合わせ」に☑を入れている様子と、「メニューに追加」、「メニューを保存」がある場所

お問い合わせフォームをヘッダーに設置完了！

フッターに設置する

お問い合わせフォームをフッターに設置する方法は、下記の通りです。

STEP

メニュー名を入力する
「フッターメニュー」と「フッターモバイルボタン」に✔を入れる
メニューを作成をクリックする

かめコンパス

メニュー名は「フッター」でOK

メニュー名を入力、「フッターメニュー」と「フッターモバイルボタン」に☑を入れている様子と、「メニューを作成」がある場所

STEP

固定ページ欄にある「お問い合わせ」に✔を入れる
メニューに追加をクリックする
メニューを保存をクリックする

お問い合わせフォームをフッターに設置完了！

かめコンパス

自分のブログにお問い合わせフォームが設置されているか確認しよう！

Cocoonでお問い合わせフォームが表示されない原因と対処法

お問い合わせフォームが表示されない原因は、下記4つが考えられます。

固定ページを公開していない
フッターやヘッダーに設置していない
プラグインを有効化していない
最新のバージョンになっていない

それぞれの対処法を詳しく解説します。

固定ページを公開していない

投稿ページと同じように、固定ページに挿入したお問い合わせフォームを下書きで保存したままだと、表示されないです。

固定ページが公開されているか確認しましょう。

固定ページの右上が

更新になっている場合：公開済み
公開になっている場合：未公開

になります。

かめコンパス

未公開だった場合は、公開を押してね！

フッターやヘッダーに設置していない

投稿ページは、公開ボタンを押すと自分のブログに表示されますが、

固定ページは、公開ボタンを押した後、フッターやヘッダーなどに設置しないと表示されないです。

固定ページを公開しただけの場合は、お問い合わせフォームをヘッダーやフッターに設置する設定をしましょう。

プラグインを有効化していない

プラグイン「Contact Form 7」をインストールしただけになっていないでしょうか？

Contact Form 7を有効化させないと、お問い合わせフォームが表示されないです。

Contact Form 7が有効になっているか、下記の手順で確認しましょう。

WordPress管理画面のサイドパネルにあるプラグイン⇒インストール済みプラグインの順にクリックし、

Contact Form 7の文字の下が

設定｜無効化の場合⇒有効化済み
有効化｜削除の場合⇒有効化されていない

になります。

かめコンパス

有効化されていなければ、有効化を押してね！

お問い合わせフォームが機能するか確認する

お問い合わせフォームに入力したメッセージが届くかどうか、確認します。

メッセージの送り方

お問い合わせフォームを開く
氏名・メールアドレス・題名・メッセージ本文を入力する
送信をクリックする

かめコンパス

メッセージが届いているか確認してね！

まとめ：お問い合わせフォームでユーザーとの接点を持とう

今回は、Cocoonでお問い合わせフォームの作り方と表示されない場合の対処法を紹介しました。

お問い合わせフォームの作成手順

プラグイン「Contact Form 7」をインストールする
お問い合わせフォームを固定ページで作成する
お問い合わせフォームをヘッダーやフッターに設置する

当ブログでは、Cocoonに関する記事をいくつか書いてます。

下のページにまとめていますので、のぞいてみてください。

当ブログトップページ

Cocoonカテゴリー記事まとめ

かめコンパス

ためになったという人は“𝕏フォロー”や“ブックマーク”してくれると嬉しいです！

本記事はWordPressテーマ「SWELL」で作成しているので、デザインが抜群にオシャレです！

WordPressテーマ「SWELL」

初心者でもおしゃれなサイトを作りやすい！デザイン知識なしでも楽しく始めやすい
独自ブロックを多数搭載！プログラミング不要で記事作成をラクに進めやすい
記事装飾が豊富で読みやすい！回遊率アップを狙いやすく収益化しやすい
表示速度を意識した設計！SEO対策しながら快適に運営しやすい
買い切り型で複数サイトに使える！追加費用を気にせず長く使いやすい

_{＼初心者でもおしゃれなブログを作れる！／}

^{／デザインや機能をチェック！＼}

>>SWELLの口コミ・評判・レビューを見る

>>CocoonとSWELLの比較9つを見る

よかったらシェアしてね！

URLをコピーしました！

URLをコピーしました！

当ブログ愛用のWordPressテーマ

おすすめAIツール6選

【Cocoon】お問い合わせフォームの設置方法｜表示されない場合も初心者向けに解説