U-KOMIサポート

thumbnail

カラーミーショップ初期設定

アプリを再インストールされた場合は、アカウントを再開する必要がありますので、U-KOMIまでご連絡ください。

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

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

アプリを追加後、U-KOMI管理画面からアカウント作成をおこないます。

その後、U-KOMI管理画面にログインしていただきます。

U-KOMIにログイン後はカラーミーショップを選択していただき連携設定をおこなってください。

・受注取り込みタイミング

  1. 受注取り込みをしない

  2. 受注作成時

  3. 入金完了時

  4. 発送完了時 → おすすめ

・過去受注取り込み

最大12ヶ月分まで取り込むことができます。半年ほどがおすすめです。

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

ログイン後、「U-KOMIの導入方法」にあるタグをテーマに追加します。

各タグは下記の「レビューコンテンツを設置」ででもご確認いただけます。

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

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

任意の場所に表示したいコンテンツのコードを設置してください。

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

スライダー形式で全商品のレビュー表示

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

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

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

星表示

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

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

星表示

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

レビュー一覧表示

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

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

コードの発行まではU-KOMI管理画面から設定を行ってください。

手順

①「キュレーション > すべてのメディア > インスタグラム」へ移動

②TOPページ表示用に新規カスタムアルバムを作成

③追加したい投稿の左下のアルバムアイコンから、1で作成したアルバムに割り当てる

④「ギャラリー > 写真ギャラリー」に移動して、ギャラリーを作成(※この時にアルバムの種類をカスタムアルバムに設定し、アルバムのソースを1で作成したアルバムに設定)

⑤作成したギャラリー編集画面にて各設定を行う

⑥保存したら、「コードを発行する」ボタンを押してコードをコピー

⑦カラーミー管理画面へ移動して、任意の場所にコードを設置

手順

①「キュレーション > すべてのメディア > インスタグラム」へ移動

②追加したい投稿の左下のタグアイコンから、対象商品に割り当てる

③「ギャラリー > 写真ギャラリー」に移動して、ギャラリーを作成 (※この時にアルバムの種類を、商品アルバムに設定)

④作成したギャラリー編集画面にて各設定を行う

⑤保存したら、「コードを発行する」ボタンを押してコードをコピー

⑥カラーミー管理画面へ移動して、任意の場所にコードを設置

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