どこでもカラーミーとは？機能・メリット・設置方法・カスタマイズ例を紹介

「どこでもカラーミーで何ができる？」
「どこでもカラーミーの設置方法は？」

このような悩みや疑問を持つWeb担当者の方は多いのではないでしょうか。どこでもカラーミーは、利用しているカラーミーショップの、カートボタンを外部サイトに設置する機能です。Webサイトに簡単に購入ボタンを追加できるため、機会損失の防止と購入促進の効果を同時に高めることができます。

この記事では、

どこでもカラーミーの機能
どこでもカラーミーの設置方法
どこでもカラーミーのカスタマイズ例

などについて詳しく解説します。どこでもカラーミーを使って運営サイトのECサイト化を考えている方は是非参考にしてみてください。

どこでもカラーミーとは

どこでもカラーミーとは、カラーミーショップに登録した商品の「カートに入れるボタン」を外部サイトにも設置できる機能です。世界中で使用されているWordPressをはじめとした多くのサービス・ページに設置できます。

ECサイトにアクセスせずに商品をカートに入れることができるため、アクセスを面倒に感じたユーザーの離脱を防げます。

カラーミーショップとは

カラーミーショップとは出典：COLOR ME

どこでもカラーミーは、ECサイト構築のプラットフォーム「カラーミーショップ」で利用できる機能です。カラーミーショップは、ECサイトの構築に必要な基本機能に加え、次のような特徴があります。

80種類以上のデザインテンプレートを選ぶだけでショップが完成
HTMLやCSSでデザインをカスタマイズ可能
toBや海外向けなど多彩な販売方法に対応

350種類以上もの機能を搭載しているため、販売商品の種類や数、ターゲットの特性など、さまざまな条件に最適化したECサイトの構築が可能です。

なお、カラーミーショップの全プランで利用できます。

どこでもカラーミーの機能

どこでもカラーミーは、外部サイトにカートボタンを設置できるようになる機能です。問い合わせページへのリンク、在庫数の表示など、ECサイト上での購入ページと同等のカート機能を利用できます。

例えばアフィリエイトサイトでは、商品購入ページへのリンクにアクセスしたユーザーが商品をカートに入れて購入しますが、それでは必要なアクションが多いため、離脱してしまう可能性が高まります。

アフィリエイトサイトに設置したカートに商品を直接入れることができれば、購入率の向上が期待できます。

どこでもカラーミーのメリット

どこでもカラーミーは簡単に設置できます。それでいて、購入率や知名度アップなどのメリットを得られる優れた機能です。まずは、導入するメリットについて詳しくみていきましょう。

コードを貼りつけるだけのかんたん設定

どこでもカラーミーは、カラーミーショップの管理画面で作成するJSコードを外部ページに貼りつけるだけでカートボタンを設置できます。JSコードは自動生成のため、特別な知識は必要ありません。

タッチポイントが増える

ホームページやブログにカートボタンを設置すると、タッチポイントが増えるため、ECショップの認知拡大につながります。なお、ECショップの売上アップには、認知を増やすとともにサイトの使いやすさや取り扱い商品、サイトデザインの向上も必要です。

認知されなければサイトをどれだけ作り込んでも売上アップにはつながらないため、タッチポイントを増やせる点は大きなメリットといえるでしょう。

より自由なショップデザインに

カート部分だけカラーミーショップのものを利用し、外部サイトでショップを自由にデザインすることもできます。ただし、カラーミーショップには80種類以上のテンプレートデザインやHTML・CSSによるカスタマイズ機能なども搭載されているため、外部サイトを使う必要性を感じないかもしれません。

どこでもカラーミーの利用方法

どこでもカラーミーを利用する際は、自動生成されたJSコードを任意のページに貼りつけます。利用方法について詳しくみていきましょう。

1.どこでもカラーミーの設定画面にアクセスする

どこでもカラーミーでカートを生成する商品の「商品編集」ページで「カートJS機能を利用する」をクリックします。

2.表示項目を設定する

外部ページに表示する項目を以下を参考に設定しましょう。

項目名	説明
デザイン	選択したデザインはプレビュー表示されます。
幅	表示するカートボタンの幅を指定します。「自動」を選択するとページ幅に合わせてくれます。
商品名	商品名の表示・非表示を指定します。商品名はこのページでは変更できません。
商品画像	商品画像の表示・非表示を指定します。商品画像はこのページでは変更できません。
商品説明文	商品説明文の表示・非表示を指定します。商品説明文はこのページでは変更できません。
商品価格	商品価格の表示・非表示を指定します。商品価格はこのページでは変更できません。
在庫数	在庫数の表示・非表示を指定します。表示したい場合は、別ページにて在庫数を表示するための設定が必要になります。
表形式表示	オプション表の表示・非表示を指定します。オプション表の表示設定が別途必要になります。
問合せリンク	問合せリンクの表示・非表示を指定します。問い合わせリンクの指定はこのページではできません。
特商法リンク	特定商取引法リンクの表示・非表示を指定します。特定商取引法のリンク設定はこのページではできません。
プレビュー表示	プレビューを表示します。自動更新されます。
JSコード	JSコードを自動生成します。

参考:COLOR ME

3.カートを設置する

「JSコード」に表示されたコードをコピーし、カートを設置したいページのソースコードにペーストします。

貼り付けを行う場所は、カラーミーショップ内のみならず、外部サービスにて作成した自社ホームページやブログなど、外部で作成したサービスも含まれます。しかし、JSコードの動作を許可していないサービスでは使用できないため、注意しましょう。

どこでもカラーミーの注意点

どこでもカラーミーは、いくつか注意点を守らなければ正常に動作しません。次の注意点を押さえて正しく設定しましょう。

商品説明欄への設置は非推奨

商品説明欄にカートボタンを設置すると、商品ページが正常に表示・機能しなくなる可能性があります。

ショッピングカートのURLが独自ドメインの場合は「転送設定」を要確認

独自ドメインでショッピングカートのURLが設定されている場合は、重複コンテンツを解消するために「転送設定」が必要です。重複コンテンツは検索エンジンの評価が低下する原因のため、必ず解消したいところでしょう。

管理画面内のアカウント設定から「ドメイン設定」にアクセスし、「自動URL遷移」を「使用する」に設定します。また、「shop-pro.jpサブドメインからの転送設定」の転送設定で「使用する」を選択しましょう。

JavaScriptが使えないサービスでは利用できない

どこでもカラーミーを利用するにはJSコードの貼りつけが必要なため、JavaScriptの使用を禁止しているページでは利用できません。例えば、Ameba blogやexciteブログ、Wix、Tumblrなどが該当します。しかし、今後アップデートによってどこでもカラーミーを使用できるようになる可能性はあるため、各公式サイトを随時チェックしましょう。