お客様の声をホームページに埋め込む方法【無料ツールあり】
目次
- お客様の声をサイトに載せるべき3つの理由
- 1. 信頼性が劇的に向上する
- 2. コンバージョン率が上がる
- 3. SEOにも好影響がある
- 埋め込み方法の比較
- HTMLで手書き
- Googleフォーム + 手動転記
- WordPressプラグイン
- 専用ツール（こえポスト等）
- こえポストで埋め込みウィジェットを作る手順
- Step 1: 無料アカウントを作成（約30秒）
- Step 2: 収集フォームを作る
- Step 3: フォームURLをお客様に共有
- Step 4: 届いた声を承認
- Step 5: ウィジェットを作成してサイトに埋め込み
- デザインテンプレート5選
- 1. Wall of Love（カード型グリッド）— 最も人気
- 2. カルーセル（横スクロール）— LP向き
- 3. シングルカード（1件ずつ表示）— サイドバー向き
- 4. ポップアップ（画面下部に表示）— EC向き
- 5. SNS投稿風（Twitter/X風のデザイン）— テック系向き
- よくある質問
ホームページにお客様の声を掲載したいと思っているフリーランス・個人事業主の方は多いはず。でも「どうやって埋め込むの？」「デザインが難しそう」と感じて、なかなか踏み出せていない方も多いのではないでしょうか。
この記事では、お客様の声をサイトに埋め込む方法を、手軽さとデザインのクオリティを軸に比較します。最後には5分で実装できる具体的な手順も解説します。
お客様の声をサイトに載せるべき3つの理由
1. 信頼性が劇的に向上する
Nielsen社の調査によると、消費者の92%が広告よりも他者の意見を信頼すると回答しています。あなたがどれだけ「品質に自信があります」と訴えても、それは自己申告。でも、実際に利用したお客様の声は第三者の証言として機能し、見込み客の「本当に大丈夫かな？」という不安を取り除きます。
2. コンバージョン率が上がる
BrightLocalの調査では、テスティモニアルをLPに掲載することでコンバージョン率が最大34%向上するというデータがあります。フリーランスであれば、問い合わせ数の増加に直結します。「声を集めたら問い合わせが倍になった」というのは決して珍しい話ではありません。
3. SEOにも好影響がある
お客様の声はユーザー生成コンテンツ（UGC）として機能し、Googleからの評価が上がりやすくなります。特にサービス名・地域名・業種などのキーワードが自然に盛り込まれた声は、ロングテールSEOの観点でも有効です。
埋め込み方法の比較
| 方法 | 手軽さ | デザイン | 更新の手間 | おすすめ度 | |------|--------|---------|-----------|-----------| | HTMLで手書き | △ | △ | × 毎回手作業 | ★★☆ | | Googleフォーム + 手動転記 | ○ | △ | △ 半手動 | ★★☆ | | WordPressプラグイン | ○ | ○ | ○ | ★★★ | | 専用ツール（こえポスト等） | ◎ | ◎ | ◎ 自動化 | ★★★★★ |
HTMLで手書き
最もシンプルな方法ですが、デザインの自由度が低く、声が増えるたびにHTMLを直接編集する必要があります。コーディングの知識がないと難しく、更新の手間もかかるため、長期的な運用には向きません。
Googleフォーム + 手動転記
収集はGoogleフォームで行い、集まった声をコピー＆ペーストでHTMLに転記する方法です。ツールのコストはかかりませんが、声が増えるたびに手作業が発生します。デザインも限られており、「もらった声をそのままきれいに表示したい」というニーズには応えにくいです。
WordPressプラグイン
WordPressを使っている方には手軽な選択肢です。Testimonials Widgetなどのプラグインを使えば管理画面から声を追加できます。ただし、WordPress以外のサイトには対応していません。
専用ツール（こえポスト等）
収集から表示まで一貫して管理できるのが最大の強みです。フォームのURLをお客様に送るだけで声が集まり、承認した声が自動的にウィジェットに反映されます。iframeコードをサイトに貼り付けるだけなので、WordPress・Wix・Squarespace・自作サイトを問わず、あらゆる環境に対応しています。
こえポストで埋め込みウィジェットを作る手順
Step 1: 無料アカウントを作成（約30秒）
こえポストにアクセスし、メールアドレスまたはGoogleアカウントで登録します。クレジットカードは不要で、無料プランでも十分な機能が使えます。
Step 2: 収集フォームを作る
ダッシュボードから「フォームを作成」をクリック。フォームのタイトル（例：「サービスのご感想をお聞かせください」）と、質問項目を設定します。質問はシンプルにするほど回答率が上がります。
Step 3: フォームURLをお客様に共有
作成したフォームの専用URLをコピーして、メール・LINE・SNSのDMなどでお客様に送ります。お客様はアカウント登録不要でフォームに回答できます。
Step 4: 届いた声を承認
ダッシュボードに届いた声を確認し、掲載したいものを承認します。承認した声だけがウィジェットに表示されます。
Step 5: ウィジェットを作成してサイトに埋め込み
「ウィジェットを作成」からデザインを選択し、iframeコードを生成。そのコードをサイトのHTMLに貼り付ければ完成です。コードを変更しなくても、新しい声を承認するたびに自動的に反映されます。
デザインテンプレート5選
1. Wall of Love（カード型グリッド）— 最も人気
複数の声をカード形式でグリッド状に並べるデザインです。「これだけ多くのお客様に喜んでいただいている」という量のインパクトを伝えられます。実績ページや専用のお客様の声ページに最適です。
2. カルーセル（横スクロール）— LP向き
ひとつずつ声をスライド表示するデザインです。限られたスペースに多くの声を収められるため、LPや商品ページの特定セクションに向いています。アニメーションで動きが出るので、ページのアクセントにもなります。
3. シングルカード（1件ずつ表示）— サイドバー向き
1件の声をシンプルに表示するデザインです。「注目のお客様の声」としてサイドバーやフッター近くに配置するのに向いています。インパクトのある一言を厳選して掲載するのがコツです。
4. ポップアップ（画面下部に表示）— EC向き
購入検討中のユーザーに向けて、画面の端にポップアップで声を表示するデザインです。「今まさに購入した人がいる」という社会的証明の効果が高く、ECサイトや予約サービスとの相性が特に良いです。
5. SNS投稿風（Twitter/X風のデザイン）— テック系向き
Twitter/Xの投稿を模したカードデザインです。テック系・Web系のサービスとの親和性が高く、「SNSで話題になっている」という雰囲気を演出できます。若いターゲット層にも響きやすいデザインです。
よくある質問
Q: 無料で使えますか？
はい、こえポストは最大10件まで完全無料で声を収集・表示できます。まずは無料プランで試してみて、使い勝手を確認してからアップグレードを検討できます。
Q: WordPressにも埋め込めますか？
はい、iframeコードをコピーするだけで、WordPress・Wix・Squarespace・自作サイトなど、あらゆるサイトに対応しています。専用プラグインは不要です。
Q: お客様の声を集めるのにどのくらいかかりますか？
フォームの作成は1〜2分で完了します。お客様への依頼から回答までは、平均1〜3日です。サービス完了直後にフォームURLを送ると回答率が上がります。
Q: お客様がフォームに入力するのは難しくないですか？
アカウント登録は不要で、URLにアクセスしてフォームに入力するだけです。スマートフォンにも対応しているので、お客様の負担はほとんどありません。