Notion で『お客様の声』を表示する3つの方法【個人事業主・クリエイター向け】
Notion は本来「ドキュメントツール」ですが、近年は 公開ページ機能 + カスタムドメインを使って Web サイト代わりに運用する個人事業主・クリエイターが急増しています。コンサルタント、コーチ、ライター、デザイナー、エンジニアなど、シンプルなランディングページを Notion で構築する事例が増えています。
そんな Notion 製サイトに「お客様の声」セクションを追加する3つの方法を解説します。
Notion を Web サイトに使うメリットと制約
Notion 公開ページの強み:
- 編集が直感的
- 月額¥1,000以下で運用可能
- カスタムドメイン(
example.com)が公式機能で対応 - ブロックベースで柔軟なレイアウト
制約:
- HTML/CSS の直接編集ができない(Embed ブロック経由で外部コンテンツのみ可)
- 動的な投稿フォームを Notion 内で構築できない(外部フォーム連携が前提)
- フォントカスタマイズが限定的
この制約を理解した上で、「お客様の声」セクションの実装方法を見ていきます。
方法1:Notion 標準のテキストブロックで手書き
Notion 内で「お客様の声」のテキストをそのままブロックとして配置する方法。
設定手順
- Notion ページ編集モードで「/heading」を入力 → 「お客様の声」見出しを追加
- 各お客様の声を
Calloutブロック(💬)に1件ずつ配置 - 名前と所属を
Boldで強調
サンプル
💬 "コンサルの依頼前、不安が大きかったのですが、3ヶ月で社内の意思疎通が劇的に改善しました。"
— 田中様(製造業 / 30代経営者)
💬 "事業計画策定で迷走していましたが、論点が明確になり補助金も無事獲得できました。"
— 山田様(IT サービス / 40代代表)
メリット・デメリット
| 評価軸 | 内容 | |---|---| | ✅ メリット | 追加コストなし、Notion ページ内で完結、編集が即時 | | ⚠️ デメリット | 静的(声を増やすたびにブロック追加)、デザインが他の Notion ページと同じ見栄え、写真投稿に向かない |
こんなページにおすすめ
- お客様の声 3-5 件の 静的運用
- Notion のミニマル世界観を統一感もって維持したい
- 完全無料で済ませたい
方法2:外部フォーム+スプレッドシート+手動転記
Tally.so や Google フォームで投稿を集め、スプレッドシートに転記、Notion に手動コピペする方法。
設定手順
- Tally.so / Google フォームで投稿フォームを作成
- 集まった声をスプレッドシートで管理
- 月1回、Notion の「お客様の声」セクションに手動転記
メリット・デメリット
| 評価軸 | 内容 | |---|---| | ✅ メリット | 無料で運用可能、Notion 完結で世界観統一 | | ⚠️ デメリット | 毎回手動転記の運用負荷、承認制を作るのに別途仕組みが必要、複数の Notion ページに同じ声を出すには重複コピペ |
こんなページにおすすめ
- 月に 1〜2 件のペースで丁寧に運用したい
- Notion 以外のツールに費用を払いたくない
方法3:外部 SaaS ウィジェットを Embed ブロックで埋込み
Notion の Embed ブロックを使って、Koe など外部 SaaS のウィジェットを Notion ページ内に表示する方法。
設定手順
- Koe にアカウント登録(無料、メールのみ)
- プロジェクト作成 → 収集フォーム URL が自動生成
- お客様にフォーム URL を送信
- ダッシュボードで承認
- Koe ダッシュボードから 「Notion 用埋込み URL」 をコピー
- Notion で
/embedを入力 → 取得した URL を貼り付け
Notion 上の見え方
埋込み URL は iframe として Notion ページ内に表示されます。Notion の編集モードでサイズや位置を調整可能。
メリット・デメリット
| 評価軸 | 内容 | |---|---| | ✅ メリット | 収集→承認→表示が自動化、月¥980〜、複数の Notion ページに同じ声を表示可、Notion 以外(自社 LP、SNS)にも同じウィジェット転用可 | | ⚠️ デメリット | Notion 内のスタイルとは別世界(iframe)、月額費用(Free プラン10件まで無料) |
こんなページにおすすめ
- 継続的に 月 2 件以上の声を集めたい
- Notion 以外のサイトにも 同じ声を表示したい
- 承認制で公開前チェックしたい
3つの方法の比較
| 項目 | 標準ブロック | 外部フォーム+転記 | Koe Embed | |---|---|---|---| | 月額 | 無料 | 無料 | ¥980〜 | | 設定難度 | ★☆☆ | ★★☆ | ★★☆ | | 運用工数 | ★★★(手動追加) | ★★★(手動転記) | ★☆☆(自動) | | 承認ワークフロー | ❌ | ❌ | ✅ | | 投稿フォーム自動 | ❌ | ✅ | ✅ | | 複数サイト共有 | ❌ | ❌ | ✅ | | Notion 内デザイン統合 | ✅ | ✅ | △(iframe) |
Notion ユーザーが Koe を選ぶ理由
Notion を Web サイトに使う層は、本業に集中するためにツールをミニマルにしたいクリエイター・コンサル・コーチが中心です。彼らが Koe を選ぶ理由は3つ:
1. 運用工数の徹底削減
毎回スプレッドシートに転記してから Notion にコピペする作業は、月にすると 1-2 時間消費します。Koe なら集まる → 承認 → 即反映で月 5 分以下。
2. 将来の CMS 移行に備える
Notion 公開ページから、いずれ専用のサイトビルダー(STUDIO や WordPress)に移行する可能性は高いです。Koe で蓄積した声はクラウドに残るので、移行先でも同じウィジェットを貼るだけで継続利用可能。
3. SNS のリンクツリーにも同じ声を表示
Linktree や lit.link に Embed として Koe ウィジェットを設置すれば、Notion ページと SNS で同じ声をシェアできます。
まとめ
- Notion 完結 / 数件 / 静的:標準ブロックでテキスト配置
- 無料運用 / 月1件ペース:外部フォーム + 手動転記
- 継続運用 / 複数チャネル / 承認制:Koe ウィジェット Embed
Koe は Free プランで10件まで永久無料、Pro 月¥980 で無制限利用。Notion の Embed ブロックに 1 行貼るだけで、収集から表示まで自動化できます。