Koeコエ

ペライチで『お客様の声』セクションを追加する3つの方法【無料/有料/SaaS比較】

·6分で読めます·
ペライチお客様の声ノーコードホームページテスティモニアル

ペライチは、技術知識なしでホームページを簡単に作れる国産ノーコードツールとして、士業・コンサル・サロン・教室・EC など幅広い業種で使われています。

そんなペライチで運用しているサイトに、「お客様の声」セクションを追加したいと考えている方は多いはず。本記事では、ペライチで「お客様の声」を表示する3つの方法と、それぞれの使い分けを解説します。

方法1：ペライチ標準の「お客様の声」ブロックを使う

ペライチには、テスティモニアル表示用の標準ブロックが用意されています。

設定手順

  1. ペライチの編集画面で「ブロックを追加」をクリック
  2. 「お客様の声」または「テスティモニアル」カテゴリを選択
  3. デザインテンプレートを選び、各カード内の名前・コメント・写真を入力

メリット・デメリット

| 評価軸 | 内容 | |---|---| | ✅ メリット | 追加コストなし、すぐ使える、レスポンシブ対応済み | | ⚠️ デメリット | デザインのカスタマイズが限定的、追加・削除のたびに編集画面に戻る必要、複数ページに同じ声を出すには手動コピー |

こんな方におすすめ

  • お客様の声が 3件以下の小規模運用
  • 月に1回以下のペースで更新する方
  • デザインの細部にこだわらない方

方法2：HTMLブロックでカスタム実装

ペライチのビジネスプラン以上で使える「HTMLブロック」を活用すれば、独自デザインのテスティモニアルセクションを実装できます。

設定手順

  1. ペライチのビジネスプラン契約（月額¥2,950〜）
  2. HTMLブロックを追加
  3. 自作の HTML/CSS を貼り付け

サンプルコード

<div class="testimonials">
  <div class="testimonial">
    <p>"○○のサービスを利用してから業績が大幅に改善しました"</p>
    <p class="author">— 田中様（製造業）</p>
  </div>
  <!-- 他のお客様の声をここに追加 -->
</div>
<style>
  .testimonials { display: grid; gap: 20px; margin: 40px 0; }
  .testimonial { padding: 24px; background: #f5f5f5; border-radius: 12px; }
  .author { margin-top: 16px; color: #666; font-size: 14px; }
</style>

メリット・デメリット

| 評価軸 | 内容 | |---|---| | ✅ メリット | デザインを完全自由化、ブランドに合わせた表示 | | ⚠️ デメリット | HTML/CSS の知識が必要、更新のたびにコード編集、ビジネスプラン以上が必要 |

こんな方におすすめ

  • HTML/CSS が書ける、または外注できる方
  • ブランドの世界観を厳密にコントロールしたい方

方法3：テスティモニアル専用 SaaS のウィジェットを埋め込む

Koe のような専用 SaaS が発行する <script> タグを、ペライチの HTML ブロックに貼り付ける方法です。

設定手順

  1. Koe にアカウント登録（無料、メールのみ）
  2. プロジェクト作成 → 収集フォーム URL が自動生成
  3. お客様にフォーム URL を送信して回答を集める
  4. ダッシュボードで承認 → ウィジェットコードをコピー
  5. ペライチの HTML ブロックに貼り付け（1行のみ）

サンプル埋込みコード

<div data-koe-widget="YOUR_WIDGET_ID"></div>
<script src="https://koecollect.com/embed.js" async></script>

これだけで、サイトの該当箇所に**3種類のウィジェット（カルーセル / Wall of Love / カード）**から選んだデザインで「お客様の声」が表示されます。

メリット・デメリット

| 評価軸 | 内容 | |---|---| | ✅ メリット | 収集→管理→表示が一気通貫、承認制で公開前チェック、複数ページに同じ声を瞬時に反映、月¥980〜 | | ⚠️ デメリット | 月額費用が発生（Free プランは10件まで無料、無制限は Pro 月¥980） |

こんな方におすすめ

  • 月に2件以上のペースで声を集めたい方
  • 承認制で公開前に内容チェックしたい方
  • 複数のペライチページや他CMS（WordPress、STUDIOなど）に同じ声を表示したい方

3つの方法の比較表

| 方法 | コスト | 設定難度 | 自由度 | 運用工数 | |---|---|---|---|---| | 標準ブロック | 無料 | ★☆☆ | ★★☆ | ★★★（毎回編集） | | HTMLブロック | 月¥2,950〜 | ★★★ | ★★★ | ★★★（毎回コード編集） | | SaaS埋込み | 月¥980〜 | ★★☆ | ★★☆ | ★☆☆（自動化） |

ペライチ × Koe の組み合わせが向いている人

ペライチで運用しているサイトオーナーに、SaaS（Koe）の利用が特に効果的なのは以下のケース：

  • 複数のペライチページを運用していて、同じ「お客様の声」を全ページに反映したい
  • 承認フローが必要（士業・コンサルなど秘密保持義務がある業種）
  • 月に2件以上の声が集まるペースで、毎回 HTML を書き直したくない
  • お客様の声を EC（BASE / Shopify など）にも同時表示したい

まとめ

ペライチでお客様の声を表示する3つの方法は、運用規模と目的によって使い分けるのが正解です。

  • 小規模 / 月1件以下 → 標準ブロック
  • デザインこだわり / HTML スキルあり → HTMLブロック
  • 継続的に集めたい / 複数サイト展開 / 秘密保持必要 → SaaS埋込み

「とりあえず無料で試したい」方は、ペライチの標準ブロックから始めて、運用が軌道に乗ったら SaaS に移行するのがスムーズです。

Koe は Free プランで 10 件まで永久無料、クレジットカード不要で始められます。ペライチ HTML ブロックに 1 行貼るだけで、収集から表示まで自動化できます。

ブログ一覧に戻る

Koeを無料で試してみませんか？

テスティモニアルの収集・管理・表示をワンストップで。

無料で始める