BASE で『お客様の声』を表示する3つの方法 — 個人ショップ向け実践ガイド
BASE(ベイス)は、ハンドメイド作家・個人事業主・スモールDtoC ブランドが愛用する国産 EC プラットフォームです。月商10万円未満のショップでも気軽に始められる手軽さで、20万店舗以上が運用されています。
そんな BASE で「お客様の声」を表示してコンバージョン率を上げるための3つの方法と、ショップ規模別の最適解を解説します。
BASE で『お客様の声』を表示する3つの方法
| 方法 | 月額 | 設定難度 | 特徴 | |---|---|---|---| | 標準のレビュー(カスタマーレビュー App) | 無料 | ★☆☆ | BASE 公式 App、商品単位 | | 外部レビューアプリ(連携) | アプリ次第 | ★★☆ | 機能拡張可能 | | 外部 SaaS ウィジェット埋込み(Koe等) | ¥980〜 | ★★☆ | 商品外の体験談も可能、複数サイト共有 |
方法1:BASE 公式の「カスタマーレビュー App」を使う
BASE には「Apps」と呼ばれる機能拡張サービスがあり、その中に「カスタマーレビュー」という公式 App が提供されています。
設定手順
- BASE 管理画面 → 「Apps」→「カスタマーレビュー」を検索
- 「インストール」をクリック
- 各商品ページに自動でレビュー欄が表示される
- お客様が購入後にレビューを投稿可能
メリット・デメリット
| 評価軸 | 内容 | |---|---| | ✅ メリット | 無料、設定 1 分、購入者と紐付くため信頼性が高い、星評価対応 | | ⚠️ デメリット | 商品ページにのみ表示、トップページや LP に「お客様の声」セクションを作るには別の方法が必要、デザインのカスタマイズ不可 |
こんなショップにおすすめ
- 1〜10商品のシンプルなショップ
- レビューを商品詳細ページに載せるだけで十分
- 設定に時間をかけたくない
方法2:BASE の HTML 編集機能でカスタム実装
BASE のテーマによっては「Free HTML」ブロックや「自由 HTML」追加機能で、自分で HTML/CSS を書いてセクションを実装できます。
設定手順
- BASE 管理画面 → 「デザイン」→ 編集
- 「自由 HTML」ブロックを追加
- HTML/CSS でテスティモニアルセクションを実装
サンプルコード
<div class="testimonials">
<h2>お客様の声</h2>
<div class="testimonial">
<p>"商品の質が素晴らしく、リピート購入してます"</p>
<p class="author">— 田中様</p>
</div>
</div>
<style>
.testimonials { padding: 40px 20px; background: #fafafa; }
.testimonial { max-width: 600px; margin: 16px auto; padding: 20px; background: white; border-radius: 12px; }
.author { margin-top: 12px; color: #666; }
</style>
メリット・デメリット
| 評価軸 | 内容 | |---|---| | ✅ メリット | 完全自由なデザイン、トップページや LP にも表示可能 | | ⚠️ デメリット | HTML/CSS の知識必要、更新のたびに編集、レスポンシブ対応の手間 |
方法3:外部 SaaS ウィジェットを埋め込む(Koe)
BASE の自由 HTML ブロックに Koe などの外部 SaaS が発行するウィジェットコードを貼り付ける方法です。
設定手順
- Koe にアカウント登録(無料、メールのみ)
- プロジェクト作成 → 収集フォーム URL が自動生成
- 既存購入者にフォーム URL をメール送信
- 投稿が届いたら BASE ダッシュボードと別の Koe ダッシュボードで承認
- ウィジェットコードをコピーして BASE の自由 HTML ブロックに貼り付け
埋込みコード
<div data-koe-widget="YOUR_WIDGET_ID"></div>
<script src="https://koecollect.com/embed.js" async></script>
メリット・デメリット
| 評価軸 | 内容 | |---|---| | ✅ メリット | 商品レビューとは別の「ストア全体のお客様の声」が可能、Instagram などの他チャネルにも同じ声を表示、写真投稿・星評価対応、承認制で公開前チェック | | ⚠️ デメリット | 月額¥980〜(Free プランは10件まで無料)、商品 SKU との直接紐付けはなし |
こんなショップにおすすめ
- ハンドメイド作家でブランドストーリーを大切にしたい
- BASE 以外の Instagram / Twitter / 自社ブログにも同じ声を表示したい
- お客様の声を商品レビューとは別の文脈で見せたい(例:作品の世界観への共感、ギフトとして購入された体験談)
個人ショップオーナーへの推奨
月商で選ぶなら:
- 月商 0-5万円:標準カスタマーレビュー App(無料)
- 月商 5-30万円:標準 App + 自由 HTML 追加
- 月商 30万円〜:標準 App + Koe(¥980/月で複数チャネル展開)
特に月商 30 万円を超えるショップでは、「商品レビュー」と「ブランド体験談」を分けて表示することで CVR が向上する傾向があります。商品ページには標準レビュー、トップページ・LP・商品紹介ブログにはストーリー型の Koe ウィジェット、という使い分けが効果的です。
まとめ
BASE で「お客様の声」を表示するには3つの方法があり、ショップの規模と目的で使い分けるのが正解です。
- 始めるなら:BASE 公式カスタマーレビュー App(無料)
- 次のステップ:自由 HTML ブロックでオリジナルセクション追加
- 本格運用:Koe ウィジェット埋込み(¥980〜)で複数チャネル展開
Koe は Free プランで10件まで永久無料、Pro 月¥980 で無制限利用。BASE の自由 HTML ブロックに 1 行貼るだけで、収集から表示まで自動化できます。