カルーセル要素を使用した推薦文セクションのデザイン

お客様の声セクションとは何ですか?

A お客様の声セクション 過去の購入者からの肯定的なフィードバックや実際の体験談を強調します。これは、潜在顧客との信頼関係を築く最も効果的な方法の一つです。本物の体験談を掲載することで、次のような効果が得られます。

• ブランドの信頼性を高める
• 購買決定に影響を与える
• ソーシャルプルーフを表示してコンバージョン率を高める

A 推薦カルーセル 回転するスライダー形式で表示される証言セクションであり、同じスペースに複数のレビューを表示できます。

カルーセル要素を使った推薦カルーセルの構築方法

GemPages を使用して推薦文カルーセルを最初から作成するには、次の手順に従います。

ステップ1：カルーセル要素を追加する

ドラッグアンドドロップ カルーセル要素 あなたのページに。
GemPagesのオファー 4つのレイアウトタイプ カルーセル用のテンプレートです。このチュートリアルでは、 基本的な推薦状カルーセルレイアウト.

ステップ2：カルーセルスライド内にXNUMX列の行を作成する

このチュートリアルでは、 基本的な推薦状カルーセル 各スライドは次の 2 つの部分で構成されます。

• 左側: 顧客の写真（レビュアー）
• 右側: レビュー担当者の名前と推薦文の内容

これを設定するには、最初のカルーセルスライド内で、 行要素 　 XNUMX列:

• 左の列: お客様のイメージに合わせて
• 右の列: レビュー担当者の名前と推薦文

ステップ3: レビュー担当者の画像を追加する

左の列ドラッグして 画像要素.

• 円形または長方形の画像スタイルを選択します (通常、推薦文には円形が好まれます)。

• 顧客の写真をアップロードします。

• デザインに合わせてサイズと配置を調整します。

ステップ4: レビュー担当者の名前と推薦文を追加する

右の列2つにドラッグ テキスト要素:

• 上部のテキストは レビュー担当者の名前
• 下部のテキスト 証言内容

ブランドのスタイルに合わせてフォント、サイズ、色をカスタマイズできます。

ステップ5: 列の比率を調整する

適切なバランスを作成するために 2 つの列のサイズを変更します。

• 画像用の小さな列（左）
• 推薦文用の大きな列（右）

正確な調整を行うには、列比率スライダーを使用します。

ステップ6：より多くの証言を得るためにスライドを複製する

最初の推薦スライドが完成したら、次の操作を行います。

• 重複ファイル スライドにさらに推薦文を追加します。

• 各スライドを、異なる顧客の画像、名前、レビューで更新します。

ステップ7: カルーセル設定をカスタマイズする

すべての証言スライドが完成したら、 カルーセル要素 設定パネルには2つのタブがあります。 設定 and 高機能ここでは、次のことができます。

• Adjust スライドあたりの項目数
• 有効または無効にする スニークピーク
• カスタマイズ ナビゲーション設定 （矢印、点など）
• 作成セッションプロセスで サイズ、背景、形状
• 選択する 遷移効果

より詳しいガイダンスについては、 カルーセル要素.

あらかじめ構築されたセクションテンプレートを使用して証言カルーセルを構築する方法

より素早いセットアップを希望する場合、GemPages はテンプレート ライブラリで既成の推薦文カルーセル レイアウトを提供しています。

ステップ1： テンプレートライブラリに移動します。

ステップ2： 「セクション」から「お客様の声」を選択し、ライブラリからお好みのものを選んでください。「ページに追加」をクリックすると、ページに直接挿入されます。必要に応じて変更を加えてください。