セットアップガイド

WordPress のトップページに「お客様の声」を表示する

所要 5 分・プラグイン不要。コピー＆ペーストだけで、集めた声をあなたのサイトのトップに掲載できます。

はじめに：埋め込みコードを用意

Koevita の管理画面で「フォーム」 → 表示したいフォーム → 「埋め込みウィジェット」 にある「コードをコピー」を押します。次のような 2 行のコードです。

<div data-voice-site="あなたのフォームID"></div>
<script src="https://あなたのKoevitaドメイン/embed.js" async></script>

💡 表示される声・デザイン（色／レイアウト）はフォームごとに決まります。複数フォームがある場合は、トップに出したいフォームのコードを使ってください。

ブラウザで https://あなたのサイト/wp-admin を開き、ユーザー名とパスワードでログインします。

左メニューの 「固定ページ」→「新規追加」 を開き、上部にページのタイトル（例：「お客様の声」）を入力します。

左上の 「＋」 ボタンを押し、検索ボックスに 「HTML」 と入力します。表示された 「カスタム HTML」 をクリックして追加します。

追加したブロックに、最初にコピーした 2 行の埋め込みコード を貼り付けます。「プレビュー」に切り替えると、編集画面の中でも実際の表示を確認できます。

⚠️ コードが消える場合： セキュリティプラグインや WordPress.com の無料プランでは <script> が自動削除されることがあります。その場合はプラグインの設定で許可するか、有料プラン／自前サーバー（WordPress.org）でお試しください。

右上の 「公開」 ボタンを押し、確認画面でもう一度「公開」を押します。

左メニューの 「設定」→「表示設定」 を開きます。「ホームページの表示」 で 「固定ページ」 を選び、「ホームページ」 に今作ったページを指定して「変更を保存」を押します。

※ すでにあるトップページに足したいだけなら、この手順 6 は不要です。手順 2 で新規作成せず、既存のトップページを編集して手順 3〜5 を行ってください。

サイトのトップ（https://あなたのサイト/）を開くと、「お客様の声」が表示されます。お疲れさまでした！

新しくページを作らなくても、すでに作り込んだトップページの狙った場所に表示できます。ウィジェットは「カスタム HTML」ブロックを置いた位置にそのまま表示されるので、出したい場所にブロックを差し込むだけです。

そのトップページを「編集」で開く
出したいセクションの境目にマウスを置くと、ブロックとブロックの間にインラインの「＋」が現れます。そこからカスタム HTMLブロックを追加し、コードを貼り付けます
位置の微調整は、ブロック選択時の上下の矢印か、左上の「リスト表示」（≡アイコン）でドラッグして並べ替えできます
更新して完成です（このページが既にトップなら、表示設定の変更は不要）

▲ 左の「リスト表示」でブロックの並び＝表示位置を確認・並べ替えできます（ここでは「お客様の声」の直後に配置）

▲ 公開されたトップページ。「お客様の声」見出しのすぐ下に表示されています

サイトエディター（外観 → エディター）でトップのテンプレートを直接組んでいる場合や、Elementor などのページビルダーを使っている場合も考え方は同じです。出したい場所に「カスタム HTML」「HTML 埋め込み」要素を置き、同じコードを貼り付けてください。

✅ ウィジェットは Shadow DOM で描画されるため、テーマの CSS と干渉しません。STUDIO・ペライチ・自作 LP でも、同じコードを「HTML 埋め込み」要素に貼るだけで同様に表示できます。