7 最高の無料のお客様の声 Web サイトのスライダー ウィジェット

多くの企業は、Web サイトで顧客の声を使用しています。

なんで？

効くから！

実際、Spiegel Research Center によるこのような多くの調査では、レビューが 5 つでもあるだけで、レビューがない製品に比べて購入の可能性が270%増加することが示されています。

それでも、多くの人は、特定のサービスや製品について他の人が言うことを信頼しています。

カスタマーレビューの収集は、誰でも簡単に行うことができます。 TrustPilot や Google のビジネス レビューなどのサードパーティ サービスや、Endasoral などのオンライン レビュー収集ソフトウェアが役立ちます。

最近の記事で、ウェブサイトに Google レビューを埋め込む方法を紹介しました。

しかし、お客様の声ウィジェットを Web サイトにどのように追加しますか?

そのため、この記事では、ウェブサイト用の無料の証言スライダー ウィジェットのトップ 7 を紹介します。 これらの証言カルーセル ウィジェットはレスポンシブで、WordPress、Shopify、Brizy、Wix、Weebly、Webflow、Squarespace、HTML サイトなど、あらゆるプラットフォームで使用できます。

お客様の声のスライダー ウィジェットとは何ですか?

カスタマー レビューはさまざまな方法で収集できます。

1. フォームからのウェブサイト (例: Endasoral)
2. Google レビュー プラットフォーム
3. Facebookページのレビュー
4. Capterra、TrustPilot、Yelp、Edmunds などのレビュー プラットフォーム

お客様の声は、顧客によって共有される肯定的なレビューです。 これらのレビューをサイトに埋め込むことで、見込み客を納得させてコンバージョンを促進することができます。

標準の証言スライダーは、証言を回転させることでカルーセルにレビューを表示します。 以下の例をご覧ください。

UpViral は、Russell Brunson (Clickfunnels から) や Nathan Chan (Foundr から) など、さまざまな関連業界の著名人からのレビューを使用しています。 Upviral はオンラインの懸賞ソフトウェアであり、デジタル マーケティング担当者は主に見込み客を獲得するために使用しているため、よく知っている人からのレビューは非常に重要です。

グリッド スタイルのレビュー ウィジェットよりも前と次のプレビュー ボタンを備えた高品質の証言カルーセル スライダーを使用すると、小さなスペースでより多くのレビューを追加できます。

Web サイトでお客様の声スライダー ウィジェットを使用する際に知っておくべき 8 つのヒント

1. 他のレビューへのリンク– レビュー Web ページにすべてのレビューを表示できませんでした。 ただし、サイトの専用ページに配置できるすべてのレビューにリンクできます。
2. 有名な人/ブランドからのレビューを表示する– 業界で有名でよく知られている人からのレビューは、より大きな影響を与える可能性があります.
3. 透明性を追加する – 可能であれば、レビュアーのソーシャル プロフィールへのリンクを追加します。 Facebook、Google、Yelp、G2 などの人気のあるプラットフォームでレビューを投稿するように顧客に依頼することで、実際の証言を使用します。
4. ページの読み込み時間に関する懸念– ユーザー エクスペリエンスを損なわない限り、お客様の声は機能します。 UpViral などのコンテスト ツールを使用してプレゼント キャンペーンを開催し、以前の受賞者のレビューを紹介したいとします。 その場合、ShortPixel などのサービスを使用して画像を圧縮し、表示されるレビューの数を制限し、証言スライダー ウィジェットを非同期で (つまり、他の要素が読み込まれた後に) 読み込むようにして、大きな影響を与えないようにします。コンバージョン率。
5. さまざまなセクションで、機能固有の利点に基づく証言を使用する– ソフトウェア ビジネスを持っているとします。 その場合、特定の機能に関連するクライアントの声のスライダーを埋め込むことで、各機能の利点を強調できます。
6. 否定的な評価は他のレビューに信頼性を与える– 買い物客は過度に肯定的なレビューに懐疑的であり、ほとんどの買い物客は積極的に否定的なレビューを探します。否定的なレビューの存在はサイトのレビュー コンテンツに信憑性をもたらします。したがって、否定的なレビューを隠す意味はありません。
7. 確認済みのレビューと匿名のレビュー– 確認済みのユーザーからのレビューは、未確認または匿名のユーザーから送信されたレビューよりも重要です。 そのため、Google、Facebook、Walmart、Amazon、Ceneo、Reviews.io、および Capterra プラットフォームを利用して、関連性のある検証済みのユーザー レビューを入手してください。
8. 分割テスト– 分割テストを行わない限り、トラフィック ソースに対してどの組み合わせがより効果的かはわかりません。 さまざまな配置 (つまり、サインアップ フォーム/注文フォームのすぐ下、販売ページの中央、ページの下部、スクロールしなければ見えない部分 (スクロールせずに表示される Web ページの一部))、さまざまなウィジェット レイアウト (例: : カルーセル、ローテーター、カード)、スタイル、およびページネーションと自動回転および異なる回転時間なし。

上位のお客様の声 スライダー ウィジェット

ヒント: これらのカスタマー レビュー スライダー ウィジェットのいずれかをチェックアウト ページのカウントダウン タイマーと共に使用してください。

ElfSight 顧客の声ウィジェット

ElfSight は、イベント カレンダー、さまざまなレベルの価格表、Instagram の声、テレグラム チャット、ビフォー アンド アフター スライダーなど、Web サイト用に 40 以上の異なる HTML ウィジェットを提供するオンライン サービスです。

その顧客の声のスライダーは、多くの機能で十分に満たされています. さらに、初心者向けのビジュアル エディターとカスタマイズ オプションにより、誰でも Web サイト用のクールなカスタマー レビュー ウィジェットをデザインできます。

主な機能

• 詳細な著者情報– ElfSight の証言スライダー ウィジェットを使用すると、詳細を含めることができます。 推薦状のテキスト、著者名、ソーシャル プロファイル URL (Facebook、Twitter)、著者の位置、会社名、写真、Web サイトの URL、および会社のロゴが現在利用可能です。
• ブランドを強調する – ブランドによってドロップされた証言がある場合、または著者の 1 人の会社に言及したい場合は、ElfSight を使用して、それを紹介し、ブランドの Web サイトにリンクすることができます。
• 列の自動配分– クライアント レビュー ウィジェットで完璧な数の列を行ったり来たりして見つける必要はもうありません。 ElfSight は適切な幅を自動的に認識し、レビューを正確に表示します。
• あらゆる Web サイトのデザインに適合– 使用する Web サイト ビルダー、テーマ、配色に関係なく、お客様の声スライダー ウィジェットをサイトに合わせて完全にカスタマイズできます。
• 2 つのレイアウト
  1. スライダー レイアウト– ホームページや製品ページなど、ウェブサイトのセクションでいくつかのレビューを紹介するのに最適です。 スライダー レイアウトは、矢印、タッチ移動、およびページネーションをサポートして、お客様の声を表示します。ナビゲーションは、どのデバイスでも完全に機能します。
  2. グリッド レイアウト– サイトにレビュー用の専用ページを設けるのに最適です。
• スライダー設定– ページネーション、矢印とドラッグ アンド ドロップ コントロールを有効または無効にし、自動再生速度を設定し、スライド切り替え速度を設定します。
• 6 つの証言スタイル– タイル クラシック、タイトル付きバルーン、タイトル付きポストカード、シングル クラシック、シングル スポットライト、シングル ポストカード。
• カスタム CSS – CSS を使用して、必要に応じてクライアント フィードバック ウィジェットの外観を変更します。
• 任意のプラットフォームへのインストール– HTML コードの追加をサポートする任意のプラットフォームに ElfSight 証言ウィジェットを埋め込むことができます。

デモ

ライブエディター

以下から、サイトの埋め込み可能な証言スライダーを生成します。

料金

ElfSight のお客様の声スライダーは無料でご利用いただけます。 ただし、より多くの機能が必要で、サイトのビューが増えている場合は、プレミアム プランにアップグレードすることをお勧めします。

すべてのアプリのパッケージには、証言スライダーを含む 40 以上のアプリが含まれています。 価格の詳細を以下に示します。

ここをクリックして、ElfSight の声のスライダーを試してください。

パウマルチスライダー

Powr は、Web サイトをアップグレードするための 50 以上の異なるツールを提供する別のサービスです。 メール タイマー、商品レビュー、PayPal ボタン、e コマース、コメント、カウント アップ タイマーは、Powr の高度で機能豊富なアプリです。

マルチ スライダー アプリを使用すると、テキスト、画像、ビデオ メッセージなどの顧客からのフィードバックを説得力のあるレビューに変換し、サイトのどこにでも紹介文として表示できます。

主な機能

• お客様の声エディター– 著者のプロフィール写真を追加し、レビューをカスタマイズし、星評価を有効にします。
• 2 つのスライダー レイアウト–
  1. シングル スライド: 1 つのクライアント レビューを一度に紹介するのに最適です。 さらに、ページネーションを容易にするために、すべてのカスタマー レビューのすぐ下にサムネイルを表示することができます。
  2. 複数のスライド: デスクトップに複数の証言を表示します。 モバイル デバイスでは、複数スライド レイアウトは単一スライド レイアウトのように機能します。
• 5 つのトランジション スタイル– スライド、フェード、バウンス、スピード、フォール (各スタイルのデモについてはビデオをご覧ください)
• 矢印のカスタマイズ– Powr のマルチ テスティモニアル スライダー ウィジェットを使用すると、デフォルトのページネーション矢印を 12 個の矢印コレクションで変更できます。 また、矢印のサイズをピクセル単位で編集したり、色を変更したりできます。
• 紹介テキストのカスタマイズ– キャプションとレビュアーのフォント (フォント ファミリー、フォント スタイル、色、フォント サイズ、テキストの配置) を編集します。
• サイズとトリミング– 顧客の声ウィジェットの幅とアスペクト比 (16:9、4:3、またはカスタムの高さと幅の比率) を変更して、サイトのすべてのユーザーにとって視覚的に魅力的なものにします。 また、スライダーの枠に合わせて画像を自動トリミングするように指定することもできます。
• 背景の変更– カスタムの色、影、境界線を追加して、証言ウィジェットの背景をカスタマイズします。
• カスタム CSS – カスタム CSS で必要に応じて外観を編集します。 たとえば、Google Fonts などのカスタム フォントを使用できます。
• カスタム JavaScript – ウィジェットが Web ページに表示されたときに実行するカスタム JavaScript を追加できます。
• GTM 統合– Powr を使用すると、Google タグ マネージャー (GTM) または Google アナリティクス アカウントを統合できます。
• モバイルの応答性を確認する– Powr ビジュアル エディターには、ウィジェットのモバイル ビューとテーブル ビューを個別にチェックするツールが含まれています。 これにより、目に見える問題を修正できます。
• 任意のプラットフォームにインストール– すべての Powr アプリは、HTML 埋め込みコードを使用して任意のプラットフォームに簡単にインストールできます。
• 表示の一時停止– Powr では、ボタンをクリックするだけでサイトからアプリを非表示にすることができます。

以下のビデオをチェックして、Powr で証言スライダーを作成する方法を確認してください。

デモ

料金

Powr は、ElfSight と同様に、すべてのアプリで無料プランを提供しています。

ビジネス プランに登録すると、Web サイト用の証言スライダーを作成できるマルチ スライダー ウィジェットを含む 60 以上のアプリにアクセスできます。

ここをクリックして、Powr Multi Slider を試してください。

関連: Powr と ElfSight の比較

TagEmbed レビュー ウィジェット

TagEmbed のレビュー ウィジェットを使用すると、複数のソースからのカスタマー レビューをカルーセルおよびグリッド スタイルで Web サイトに埋め込むことができます。 現在、次のレビュー プラットフォームをサポートしています。

1. Google レビュー
2. フェイスブック
3. イェルプ
4. Airbnb
5. カプテラ

主な機能

• レビューのモデレーション– カスタマー レビュー ウィジェットに表示するレビューの種類を手動または特定のコマンドで (つまり、自動的に) フィルタリングできます。
• パフォーマンスの測定– TagEmbed の詳細な分析により、Web サイトに埋め込まれたレビュー ウィジェットに対するユーザーのやり取りや反応を測定できます。
• カスタマイズと再設計– 幅広いテーマ、レイアウト、フォント、色、テンプレートなどから選択して、必要に応じてウィジェットをパーソナライズします。
• インスタント自動同期– TagEmbed は自動的に新しいレビューを取得し、既存のレビュー リストに追加します。
• カスタム CSS – Web サイトのカスタマー レビュー ウィジェットを自由にカスタマイズして、可能性を無限に広げます
• お客様の声のオプション– 特定のレビューを一番上に固定したり、ハイライトしたり、CTA (行動を促すフレーズ) を追加したり、特定のレビューを非公開にしたり、削除したりできます。

デモ

料金

無料の TagEmbed の Lite プランは、1 つのフィード、1 か月あたり 2,000 個のウィジェット ビュー、および 12 時間の更新時間に制限されています。

TagEmbed の無料レビュー ウィジェットを試すには、ここをクリックしてください。

[WORDPRESS] Real Testimonials Slider Plugin

WordPress を使用していて、任意の投稿、ページ、カスタム テンプレート、ウィジェットなどに複数の方法で証言、カスタマー レビュー、または引用を表示するために構築された WordPress 用の高品質の無料の証言ショーケース プラグインを探している場合、ShapedPlugin による Real Testimonials ^TMおそらく最良の選択です。

主な機能

• すべての詳細を表示 – 証言の画像、タイトルまたはキャッチフレーズ、レビュー メッセージ、レビュー担当者の名前、星の評価、およびレビュー担当者の身元または役職を追加します。
• 無制限の証言- ショートコードと Gutenberg の「本物の証言」ブロックを使用して、好きな場所に無制限の証言を表示します。 また、このプラグインは、Elementor、WPBackery、Beaver Builder、SiteOrgin、Divi ビルダーなど、WordPress で最も人気のあるビジュアル ページ ビルダーをサポートしています。
• お客様の声のインポート/エクスポート
• 自動再生と制御速度の有効化/無効化
• 複数の証言スライダーまたはショーケース– 複数のスライダーを作成し、各証言スライダーに固有の設定を設定します。
• モバイル対応– 証言スライダー ウィジェットはモバイルに対応しており、さまざまなデバイスで証言列の数を制御でき、iOS、Android、およびその他のタッチ デバイスでタッチ、スワイプ、またはタップをサポートできます。
• 翻訳– WPML、Polylang、qTranslate-x などをサポートし、RTL (右から左) に対応しています。
• SEO – 検索エンジンの可視性を向上させる、お客様の声スライダー ウィジェットをページに埋め込むと、Schema.org マークアップが自動的に追加されます。

Real Testimonials プラグインは無料です。 その有料版には、より多くの機能が含まれています。

Real Testimonials プラグインを試すには、ここをクリックしてください。

[WORDPRESS] WPChillによる強力な証言

WPChill の Strong Testimonials プラグインは、レスポンシブな証言スライダーを無制限に作成し、編集して、Web サイトのどこにでも埋め込むことができるもう 1 つの WordPress プラグインです。

主な機能

• 証言の収集– Strong Testimonials プラグインのフォーム ツールを使用すると、証言収集フォームを作成し、サードパーティのアプリケーションを使用せずにサイトからレビューを取得できます。
• カスタム フィールド– カスタム フィールドを使用して追加情報 (サービスの好きな食べ物やレビュアーの会社の URL など) を表示します。
• 分類– 何百もの証言を管理することは困難な場合があります。 ただし、カテゴリを使用すると、これらのタイプの問題を非常に簡単に処理できます。
• スライドショー オプション– 一度に 1 つまたは複数のスライドを表示し、トランジションを設定し、動作を変更します (自動開始、連続スライド、ホバー時に一時停止、インタラクション時に停止)、ナビゲーションとページネーションのオプションなど。
• スタイル– 5 つ以上の評価スライダー スタイルから 1 つを選択するか、CSS で独自のスタイルを作成します。

これは、Strong Testimonials プラグインを使用して、ローテーターの証言ウィジェットを WordPress に追加する方法を示すビデオ チュートリアルです。 ビデオで紹介されているページ ビルダーは、ElegantThemes の Divi です。 このプラグインは、ショートコードをサポートする Thrive Architect など、ほとんどの WordPress ページ ビルダーで動作します。

ここをクリックして、Strong Testimonials プラグインを試してください。

CodePen のスライダー ウィジェット

CodePen は、コーダーが作品を展示する場所です。 好きなように編集できるオリジナルの体験談スライダーの HTML、CSS、および JavaScript を探している場合は、CodePen が最適です。

主な機能

• 100以上の証言スライダー
• 無料のソースコード
• ほとんどのウィジェットのデザインはレスポンシブです
• CodePen エディターでデザインを編集し、[結果] パネルでライブ変更を取得します。

デモ

「Run Pen」ボタンをクリックしてプレビューします。

Swiper の声のスライダー カード

CodePen の David Klotz (@davidklotz11) による Pen Swiper Testimonial Slider Cards を参照してください。

レビューが回転するお客様の声スライダー

CodePen の Fey (@feyinway) による Pen Testimonials Slider を参照してください。

ここをクリックして CodePen をチェックしてください。

Bootstrap の声のスライダー

プロジェクトで Bootstrap CSS フレームワークを使用している場合は、オンラインでダウンロードできる高品質で無料の Bootstrap 体験談スライダー スニペットが既に何百もあります。

主な機能

• 何百もの無料の例とコード
• ソースコードをダウンロードし、必要に応じて編集します
• ブートストラップ ベースの Web サイトであるかどうかにかかわらず、あらゆるプロジェクトで使用できます。

Bootstrap ローテーションの証言ウィジェットを探索する場所:

1. BBブートストラップ
2. GitHub

よくある質問

最高のウェブサイトの証言スライダーに関する最後の言葉

ウェブサイトの必要な場所に高品質のインタラクティブな Google マップを使用するのと同じように、自動回転機能を備えた顧客の声のスライダーは、ユーザーの注意を引き、ブランドの信頼性を高め、コンバージョンを向上させることができます。

無料サポート (24 時間年中無休)、新しい更新、および多くの場合に役立つカウントダウン タイマー、価格表、フォーム、ボタンなどの追加のウィジェット タイプを提供するため、私は ElfSight と Powr サービスを使用しています。

ElfSight のようなサービスを使用している場合は、Google タグ マネージャーや Cloudfralre の Zaraz などのスクリプト マネージャーを使用して、ElfSight スクリプトを非同期的に読み込むことを検討してください。これにより、最終的に JS スクリプトがページ速度に大きな影響を与えるのを防ぐことができます。

では、ウェブサイトで証言スライダーをどのように使用しますか? 以下であなたの考えを共有してください。