メインコンテンツまでスキップ

ご利用マニュアル

アプリについて​

このアプリは、クーポンのバナーを表示することができるアプリです。
定期的にキャンペーンを実施しているショップにおすすめです。
キャンペーンの訴求力を改善できます。

アプリでできること​

  • クーポンのバナーをショップのページに表示することができます。

ご利用の流れ​

  1. 「クーポンバナー」アプリをアプリストアで追加します。
  2. 「クーポンバナー」アプリのページに自動遷移します。
  3. ログインボタンをクリックします。
  4. カラーミーショップのページに自動遷移します。
  5. ショップにログインします。複数のショップがある場合はアプリを使用するショップでログインいただくようご注意ください。アプリを追加したショップ以外ではお使いいただけません。
  6. 「クーポンバナー」アプリのページに自動遷移します。
  7. ご利用を開始いただけます。

画面説明​

アプリ追加後の画面​

アプリを追加した後はこの画面が表示されます。

Screenshot

項目一覧​

番号項目名説明
1ログインボタンログインするためのボタンです。クリックするとカラーミーショップのログイン画面に遷移します。

ログイン画面​

Screenshot

項目一覧​

番号項目名説明
1ログインボタンログインするためのボタンです。クリックするとカラーミーショップのログイン画面に遷移します。

バナーの一覧画面​

Screenshot

項目一覧​

番号項目名説明
1ショップ名ログイン中のショップ名が表示されます。括弧内はアカウントIDです。
2新規バナー登録ボタン新規のバナーを登録するためのボタンです。クリックすると新規登録画面が表示されます。
3IDバナーのIDです。
4タイトルバナーのタイトルです。
5開始日時バナーの表示開始日時です。
6終了日時バナーの表示終了日時です。
7公開状態バナーの公開状態です。「非公開」状態のものは表示されません。
8表示状態バナーの表示状態です。表示中のものには「表示中」の文字列が入ります。表示ルールについては「バナーの表示ルールについて」を参照してください。
9編集ボタンバナーを編集するためのボタンです。クリックすると編集画面が表示されます。
10削除ボタンバナーを削除するためのボタンです。クリックすると確認メッセージが表示されます。

バナーの新規登録画面​

Screenshot

項目一覧（テンプレートによっては一部設定できない項目がございます）​

番号項目名説明
1表示開始日時バナーの表示開始日時の入力欄です。
2表示終了日時バナーの表示終了日時の入力欄です。
3テンプレートバナーのテンプレートを選択するドロップダウンです。
4タイトルバナーのタイトルの入力欄です。
5本文バナーの本文の入力欄です。
6配置バナーの表示位置です。
7閉じ方バナーの閉じ方です。「非表示」の場合は閉じた後は表示されません。「最小化」の場合は閉じると小さく表示されます。
8高さバナーの高さの入力欄です。
9幅バナーの幅の入力欄です。
10背景色バナーの背景色の入力欄です。
11文字色バナーの文字色の入力欄です。
12クーポンコードバナーに表示するクーポンコードの入力欄です。カラーミーショップの管理画面の「集客＞ショップクーポン」ページにて発行したクーポンコードを入力してください。参考
13リンク先URLバナーに表示するリンクのURLの入力欄です。
14画像URLバナーに表示する画像のURLの入力欄です。カラーミーショップの管理画面の「ショップ作成＞画像ファイル管理」ページにてアップロードした画像のURLを指定してください。参考
15公開バナーの公開状態のチェックボックスです。チェックを外すと非公開になります。
16カウントダウン有バナーにカウントダウン表示をするかどうかのチェックボックスです。チェックを入れると表示終了日時までのカウントダウンが表示されます。
17キャンセルボタンバナーの登録をキャンセルするためのボタンです。クリックするとモーダルウィンドウが閉じ、内容は保存されません。
18登録ボタンバナーを登録するためのボタンです。クリックするとバナーが登録されます。
19プレビューバナーのプレビューです。実際のショップ画面での表示とは多少異なる場合がございます。

バナーの編集画面​

Screenshot

項目一覧​

番号項目名説明
1バナーのID編集中のバナーのIDです。

バナーの削除画面​

Screenshot

項目一覧​

番号項目名説明
1キャンセルボタン削除をキャンセルするためのボタンです。文言はお使いのブラウザ・言語設定で異なる場合がございます。
2OKボタン削除を実行するためのボタンです。文言はお使いのブラウザ・言語設定で異なる場合がございます。

ご利用方法​

バナーの新規登録方法​

  1. バナーの一覧画面で新規バナー登録ボタンをクリックします。
  2. バナーの新規登録画面でバナーの情報を入力し、登録ボタンをクリックします。

バナーの編集方法​

  1. バナーの一覧画面で、編集したいバナーの行の編集ボタンをクリックします。
  2. バナーの編集画面でバナーの情報を入力し、更新ボタンをクリックします。

バナーの削除方法​

  1. バナーの一覧画面で、削除したいバナーの行の削除ボタンをクリックします。
  2. 確認メッセージのダイアログで「OK」（文言はお使いのブラウザ・言語設定で異なる場合がございます）をクリックします。

バナーの表示ルールについて​

開始日時および終了日時が重複したバナーを登録することは可能ですが、一度に表示されるバナーは1つのみです。
日時の重複したバナーが存在する場合、以下のルールで表示の優先順位が決まります。

  1. 開始日時が早い方
  2. （開始日時が同じだった場合）終了日時が早い方
  3. （終了日時が同じだった場合）作成日時が古い方

テンプレート​

3月のおすすめ​

春分の日​

Screenshot

4月のおすすめ​

イースター​

Screenshot

その他​

プレーン横​

Screenshot

プレーン縦​

Screenshot

ご利用例​

クーポンコードの配布​

Screenshot

キャンペーンの告知​

Screenshot

お問い合わせについて​

お問い合わせフォームよりお問い合わせください。

アプリの削除について​

こちらのページからアプリを削除いただけます。
バナー等のデータについてはアプリの削除後に削除され、復旧等はできません。

よくあるご質問​

お客様はどのようにクーポンを獲得・利用できますか？​

お客様がクーポンを獲得・利用する流れは以下となります。

  1. ショップオーナー様がカラーミーショップのショップクーポン機能でクーポンコードを発行する。
  2. ショップオーナー様が「クーポンバナー」にクーポンコードを入力し、バナーを公開する。
  3. お客様がショップにアクセスする。
  4. お客様がバナーに表示されるクーポンコードをコピーする。
  5. お客様が購入時にクーポンコードを入力する。

なお、ショップクーポン機能の詳細な仕様は弊社の対応範囲外となります。
そのため、ショップクーポン機能自体の使い方についてはカラーミーショップのヘルプページをご覧いただくか、カラーミーショップへ直接お問い合わせいただいております。

各ページのURL

ページURL
ヘルプページhttps://help.shop-pro.jp/hc/ja/articles/1500004128582
お問合せページhttps://admin.shop-pro.jp/?mode=inq

持っている画像のサイズがバナーの大きさよりも大きい（または小さい）場合はどうすれば良いですか？​

テンプレートの種類に応じて、画像の高さまたは幅が自動調整されます。
画像の縦横の比率に合わせた適切なテンプレートは以下となります。

縦長の画像の場合​

「プレーン横」テンプレートをお使いください。
設定いただいた画像の高さはバナーの高さに合わせて自動調整されます。
画像の幅は自動調整された比率に応じて調整されます。
例： 幅が200px、高さが400pxの画像を高さが200pxの「プレーン横」バナーに配置した場合、画像の幅は100px、高さが200pxになります。

横長の画像の場合​

「プレーン縦」テンプレートをお使いください。
設定いただいた画像の幅はバナーの幅に合わせて自動調整されます。
画像の高さは自動調整された比率に応じて調整されます。
例： 幅が400px、高さが200pxの画像を幅が200pxの「プレーン縦」バナーに配置した場合、画像の幅は200px、高さが100pxになります。

正方形の画像の場合​

以下のお好みのテンプレートをお使いください。

  • プレーン横
  • プレーン縦