新着お知らせ EmbedSocial MCP: connect your data to any AI tool
ProInstagramFeed

Reelsお客様の声カルーセル

Instagramお客様の声スライダーは、Instagramの投稿を洗練された横型カルーセルで、すっきりとした引用スタイルのお客様の声に変えます。左側に大きなビジュアル、右側に読みやすいテキストパネルを配置し、長めのキャプション、お客様のストーリー、製品への称賛を、洗練されWebサイトになじむ形式で見せるのに最適です。

機能

  • 分割型お客様の声レイアウト:左側に画像・動画プレビュー、右側にお客様の声のテキスト

  • 引用を主役にしたデザイン:大きな引用符のスタイリングとゆとりあるタイポグラフィで読みやすく

  • スライダーナビゲーション:左右の矢印で、ページを長くせずに複数のお客様の声を閲覧

  • 「続きを読む」による省略:長いキャプションをすっきり保ちつつ展開できる

  • 星評価の表示:肯定的なフィードバックを強める任意の星の列(ソーシャルプルーフに最適)

  • Instagramバッジ:信頼性とプラットフォームの認知のための控えめなInstagramアイコン

  • すっきりしたカードスタイリング:角丸とミニマルなUIで、Eコマースやブランドサイトになじむ

  • レスポンシブな体験:小さな画面でもテキストの読みやすさを保ちながらきれいに積み重ねて表示

ユースケース

  • ホームページのソーシャルプルーフ:ライフスタイル画像の隣に実際のお客様の言葉を追加

  • 製品ページ:特定の商品に対する長文のUGCキャプションをお客様の声として強調

  • ランディングページ:コンパクトなスライダーでストーリー仕立てのお客様の声を見せ、信頼を高める

  • ルックブック・コレクション:注目のルックそれぞれに説明的なキャプション・お客様の声を組み合わせる

  • ブランドストーリーテリングのセクション:プレミアムで読みやすい形式でコミュニティの声を紹介

埋め込み方法

  1. EmbedSocialでInstagramソース(プロフィール、ハッシュタグ、メンション、またはUGCコレクション)を連携します。

  2. テンプレートライブラリからテンプレートを選択します。

  3. テキスト設定(抜粋の長さ、続きを読むの有効化)をカスタマイズし、必要に応じて星評価を切り替えます。

  4. スライダーの挙動(1画面あたりの表示数、矢印、利用可能な場合は自動再生)を設定します。

  5. 埋め込みコード(JavaScriptまたはiFrame)をコピーします。

  6. Webサイト(Shopify、Webflow、WordPress、Wix、Squarespace、またはカスタムHTML)に貼り付けて公開します。

Instagramお客様の声スライダーを埋め込んで、信頼を築きコンバージョンを促す、すっきりとスワイプできる形式で実際のストーリーと製品への称賛を紹介しましょう。

このテンプレートを自分仕様にカスタマイズ。

EmbedSocialでカスタマイズして、数分でウェブサイトに埋め込めます。コードは不要です。