メインコンテンツへスキップ

メインページへのCREMAウィジェットの設置（vintage themes）

  • 更新

対象：

  • Shopifyのvintage themesでCREMAレビューをご利用のマーチャント
  • Shopify Online Store 2.0をご利用の場合は、Shopify Online Store 2.0ガイドをご参照ください。
    • ご自身のテーマがどのバージョンか分からない場合は、Shopifyの案内をご確認ください。

 

本記事の内容

 

オールレビューウィジェット（All Reviews Widget）

  1. Shopify管理画面の「コードを編集（Edit Code）」メニューを開き、index.liquid を開きます。
  2. ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="list_v3"></div>

 

レビューカルーセル（Reviews Carousel）

  1. Shopify管理画面の「テーマ」メニューに移動し、[アクション → コードを編集] をクリックします。
  2. index.liquid を開き、ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="horizontal_scroll"></div>

 

ビジュアルUGCグリッド（Visual UGC Grid）

  1. Shopify管理画面の「コードを編集（Edit Code）」メニューを開き、index.liquid を開きます。
  2. ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="square_gallery"></div>

 

メディアグリッド（Media Grid）

  1. Shopify管理画面の「コードを編集（Edit Code）」メニューを開き、index.liquid を開きます。
  2. ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="gallery"></div>

 

プロダクトグリッド（Product Grid）

  1. Shopify管理画面の「コードを編集（Edit Code）」メニューを開き、index.liquid を開きます。
  2. ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-products"></div>

 

ソーシャルメディアウィジェット（Social Media Widget）

  1. Shopify管理画面の「コードを編集（Edit Code）」メニューを開き、index.liquid を開きます。
  2. ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="external"></div>

 

ベストレビューウィジェット（Best Reviews Widget）

  1. Shopify管理画面の「コードを編集（Edit Code）」メニューを開き、index.liquid を開きます。
  2. ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="best_gallery"></div>

 

ウィジェットの詳細については、ディスプレイウィジェットのショーケースページをご参照ください。

Vintage themes にCREMAウィジェットを設置する際にサポートが必要な場合は、
お気軽にチャットでお問い合わせいただくか、support.japan@cre.ma  までご連絡ください。

 

 

関連

関連記事