カラーミー

アプリ設定画面の初期設定

レビューコンテンツを設置

カラーミーの既存レビュー取り込み

インスタコンテンツを設置

下記4つのステップでU-KOMI導入の初期設定が完了となります。

ご質問やご不明点がありましたら info@u-komi.com までご連絡いただければ導入のお手伝いをさせていただきます。

1. アプリページでプランを選んでアプリを追加

U-KOMIカラーミーアプリ（https://app.shop-pro.jp/apps/238）をインストールします。

2. アプリ設定ページにログイン

アプリを追加後、こちらのリンク（https://color.u-komi.com）からログインします。

3. アカウントを作成

アプリ設定ページにログイン後、「会員登録」リンクからU-KOMIアカウントを作成します。

アカウント作成後に、アプリ設定ページでU-KOMIアカウントにログインします。

4. 初期設定を行う

アカウント作成後に、アプリ設定ページでU-KOMIアカウントにログインします。

ログイン後、テーマにタグを設置するなどの初期設定を行います。

5. レビュー依頼メールが自動で送信されます

設定が完了すると、自動でレビュー依頼メールが送信されます。

詳細な設定は管理画面（https://admin.u-komi.com）で行えます。

サイト内でレビュー一覧を表示するためのコードです。 商品詳細ページに設置する場合のコード：

「ショップ作成 > デザイン > テンプレート編集 > 商品詳細の「HTML・CSS編集」 > HTML編集」

<div class="review-container" data-pid="<{$product.id}>" data-gname="<{$product.id}>" data-action="widget"></div>

サイト内でスターレーティングを表示するためのコードです。

商品一覧ページに設置する場合のコード：

「ショップ作成 > デザイン > テンプレート編集 > 商品一覧の「HTML・CSS編集」 > HTML編集」

<div class="review-summary-container" data-pid="<{$productlist[num].id}>" data-gname="<{$productlist[num].id}>" data-action="summary"></div>

商品詳細ページに設置する場合のコード：

「ショップ作成 > デザイン > テンプレート編集 > 商品詳細の「HTML・CSS編集」 > HTML編集」

<div class="review-summary-container" data-pid="<{$product.id}>" data-gname="<{$product.id}>" data-group="true" data-action="summary"></div>

サイト内でレビュースライダーを表示するためのコードです。

TOPページに設置する場合のコード（全商品のレビュー表示）：

「ショップ作成 > デザイン > テンプレート編集 > トップの「HTML・CSS編集」 > HTML編集」

<div class="review-container" data-review-type="product" data-action="slider"></div>

商品詳細ページに設置する場合のコード（商品毎のレビュー表示）：

「ショップ作成 > デザイン > テンプレート編集 > 商品詳細の「HTML・CSS編集」 > HTML編集」

<div class="review-container" data-review-type="product" data-pid="<{$product.id}>" data-gname="<{$product.id}>" data-group="true" data-action="slider"></div>

カラーミーの既存レビュー取り込みに関してはこちら

インスタギャラリー表示コード設置までの手順です。