アプリを再インストールされた場合は、アカウントを再開する必要がありますので、U-KOMIまでご連絡ください。
ご質問やご不明点がありましたら support@u-komi.com までご連絡いただければ導入のお手伝いをさせていただきます。
U-KOMIカラーミーショップアプリ(https://app.shop-pro.jp/apps/238)をインストールします。
アプリを追加後、U-KOMI管理画面からアカウント作成をおこないます。
その後、U-KOMI管理画面にログインしていただきます。
U-KOMIにログイン後はカラーミーショップを選択していただき連携設定をおこなってください。
・受注取り込みタイミング
受注取り込みをしない
受注作成時
入金完了時
発送完了時 → おすすめ
・過去受注取り込み
最大12ヶ月分まで取り込むことができます。半年ほどがおすすめです。
アカウント作成後に、アプリ設定ページでU-KOMIアカウントにログインします。
ログイン後、「U-KOMIの導入方法」にあるタグをテーマに追加します。
各タグは下記の「レビューコンテンツを設置」ででもご確認いただけます。
設定が完了すると、自動でレビュー依頼メールが送信されます。
詳細な設定は管理画面(https://admin.u-komi.com)で行えます。
任意の場所に表示したいコンテンツのコードを設置してください。
「ショップ作成 > デザイン > テンプレート編集 > トップの「HTML・CSS編集」 > HTML編集」
スライダー形式で全商品のレビュー表示
<div class="review-container" data-review-type="product" data-action="slider"></div>
「ショップ作成 > デザイン > テンプレート編集 > 商品一覧の「HTML・CSS編集」 > HTML編集」
「ショップ作成 > デザイン > テンプレート編集 > 商品検索結果の「HTML・CSS編集」 > HTML編集」
星表示
<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編集」
星表示
<div class="review-summary-container" data-pid="<{$product.id}>" data-gname="<{$product.id}>" data-group="true" data-action="summary"></div>
レビュー一覧表示
<div class="review-container" data-pid="<{$product.id}>" data-gname="<{$product.id}>" data-group="true" data-action="widget"></div>
インスタギャラリー表示コード設置までの手順です。
コードの発行まではU-KOMI管理画面から設定を行ってください。
手順
①「キュレーション > すべてのメディア > インスタグラム」へ移動
②TOPページ表示用に新規カスタムアルバムを作成
③追加したい投稿の左下のアルバムアイコンから、1で作成したアルバムに割り当てる
④「ギャラリー > 写真ギャラリー」に移動して、ギャラリーを作成(※この時にアルバムの種類をカスタムアルバムに設定し、アルバムのソースを1で作成したアルバムに設定)
⑤作成したギャラリー編集画面にて各設定を行う
⑥保存したら、「コードを発行する」ボタンを押してコードをコピー
⑦カラーミー管理画面へ移動して、任意の場所にコードを設置
手順
①「キュレーション > すべてのメディア > インスタグラム」へ移動
②追加したい投稿の左下のタグアイコンから、対象商品に割り当てる
③「ギャラリー > 写真ギャラリー」に移動して、ギャラリーを作成 (※この時にアルバムの種類を、商品アルバムに設定)
④作成したギャラリー編集画面にて各設定を行う
⑤保存したら、「コードを発行する」ボタンを押してコードをコピー
⑥カラーミー管理画面へ移動して、任意の場所にコードを設置