Klaviyoのレビュー

Klaviyoレビューアプリについて

Klaviyoのレビュー Shopifyマーチャントが顧客からのフィードバックを収集、管理、表示するのに役立ちます。ウィジェットのデザインはブランドに合わせて自由にカスタマイズでき、Klaviyoのレビューデータを活用してパーソナライズされたメールキャンペーンやセグメンテーションを行うこともできます。

主な特徴：

• 星評価ウィジェット: 製品の平均評価を製品ページに直接表示します。
• レビューセクション： オプションの画像やビデオとともに詳細な顧客フィードバックをリストします。
• 注目のレビューカルーセル: 社会的証明として、ハイライトされたレビューを紹介します。
• カスタマイズ可能なデザイン： ストアのテーマに合わせてフォント、色、レイアウトを調整します。

Klaviyoレビューを使用する理由:

• 本物のユーザー生成コンテンツでブランドの信頼性と信頼を強化します。
• 透明性の高い製品フィードバックにより、顧客がより早く購入を決定できるよう支援します。
• レビューの洞察をマーケティング、製品の改善、パーソナライゼーションに活用します。
• ソーシャルプルーフを通じてコン​​バージョン率を高めます。

Klaviyo レビューをインストールするにはどうすればいいですか?

ステップ1： Klaviyo Reviewsアプリをインストールするには、Shopifyアプリストアにアクセスしてクリックします。 インストールを開始する.

ステップ2： クリックを続ける インストールを開始する アプリへのアクセスを許可します。

ステップ3： Klaviyo ウェブサイトのログイン ダッシュボードにリダイレクトされます。

そこから、Klaviyo アカウントにログインします。

ステップ4： に行きます レビュー タブを選択 Shopifyでアプリの埋め込みを有効にする.

ステップ5： テーマエディタでアプリの埋め込みコードを有効にして Save アップデートを適用します。

Klaviyoレビューウィジェットを設定する

ステップ1： 戻ります レビュー ダッシュボードのタブをクリックし、 製品レビューウィジェットを追加する.

ステップ2： 左側のバーの各セクションに従って、Klaviyo レビュー ウィジェットを設定します。

• インストール： レビュー ウィジェットを Shopify ストアに追加します。

• レイアウトとスタイル: 余白の調整、メイン スタイル、テキスト スタイル、要素スタイルの変更など、ウィジェットの表示をカスタマイズします。

• レビューの概要とメディア: ウィジェットに表示される概要項目を選択します。

• レビューリスト: ご希望のレビュー項目を表示するように選択してください。

• 空の状態: まだレビューがない場合のウィジェットの外観をカスタマイズします。

完了したら、をクリックします。 変更を公開する 更新を適用して公開します。

ステップ3： あなたは戻ってきます レビューダッシュボードそこから他のウィジェットをクリックして、ストアの外観や雰囲気に合わせてカスタマイズを開始できます。

GemPages v7 で Klaviyo レビューを使用する方法

始める前に、次の点を確認してください。

• Klaviyoのレビュー Shopify ストアにインストールされます。
• Klaviyo 内でレビュー ウィジェットとオンサイト設定を構成しました。
• 使用しています ジェムページ v7 ページを編集するアクセス権を持ちます。

商品ページに表示する（推奨）

ステップ1： GemPagesダッシュボードから、 ページ > 製品をクリックし、対象の製品ページをクリックしてエディターで開きます。

ステップ2： に移動します Shopifyアプリ 検索バーを使って Shopify アプリ要素次に、デザイン領域にドラッグアンドドロップします。

ステップ3： 左側のサイドバーに表示される手順に従います。ページを公開し、Shopify エディターでアプリ ウィジェットを追加します。

ステップ4： Shopifyエディタで、 セクション1 > ブロックの追加.

ステップ5： 「Klaviyo レビュー」を検索し、リストからお好みのウィジェットを選択します。

例えば、 商品レビュー 上記で作成されたウィジェット。

ステップ6： ヒット Save 更新を適用するには、ボタンをクリックします。

他の場所に表示er ページの種類

Klaviyo Reviewsはこれらのページタイプとネイティブに統合されていないため、 カスタムコード要素 そしてそれを 製品 or 商品リスト 素子.

次の手順に従います。

ステップ1： エディター v7 で、カスタム コード要素を検索し、この要素を製品要素にネストします。

まだ製品要素をお持ちでない場合は、 この記事 XNUMXつ追加します。

ステップ2： この要素をクリックすると、左側のサイドバーで設定が開きます。 カスタムコード セクションで、「+ 追加…」ボタンを押してコード パネルを開きます。

ステップ3： コードパネルで、次のコードスニペットのいずれかを HTML/リキッド タブには何も表示されないことに注意してください。

各スニペットは、次の 1 つの Klaviyo レビュー ウィジェット タイプに対して表示されます。

ウィジェット	スニペット	例:
星評価は	<div class="klaviyo-star-rating-widget"     data-id="{{ product.id }}"     data-product-title="{{ product.title }}"      data-product-type="{{ product.type}}"></div>
レビューセクション	<div id="klaviyo-reviews-all" data-id="{{ product.id }}"></div>
回転木馬	<div id="klaviyo-featured-reviews-carousel"></div>

ステップ4： 完了したら、をクリックします。 Saveをクリックし、ページを再公開して変更を適用します。

複数の商品のレビューを表示するにはどうすればいいですか?

ランディング ページで複数の商品のレビューを表示する場合:

• 使用 商品リスト 素子 製品をループします。
• 各製品カード内にコードを記載し、 {{ product.id }} または適切な変数。
• あるいは、次のスニペットを使用してすべてのレビューを表示します。

<div id="klaviyo-reviews-all" data-id="all"></div>

具体的な例を挙げますと、以下の通りです。

一般的な問題とトラブルシューティング

Klaviyoレビューに関するよくある質問

1. 商品ページ以外のページにKlaviyoレビューを表示できますか？

はい。 使用 カスタムコード メソッドを使用し、コードが Product または Product List 要素内に配置されていることを確認します。

2. ウィジェットが GemPages プレビューに表示されないのはなぜですか?

ほとんどのサードパーティ製アプリは、 ライブストアフロントプレビュー モードではありません。

3. ウィジェットでエラーが発生したり、読み込まれなかったりします。どうすればいいですか？

ブラウザのコンソール（F12）を確認してください。他のカスタムスクリプトを無効にしてテストしてください。エラーが解決しない場合は、お問い合わせください。 Klaviyo サポート.