QRストアによる商品ページの作成

QRストアとは?

QRストアとは、e-shopsカートS管理画面でショップの基本情報設定、商品登録を行うことで、商品毎に発行されるQRコード(画像)です。ネットショップのホームページをお持ちでない場合にも、チラシやDM、レシートや納品書に貼り付けるだけで、簡単に直ぐにネット注文を受け付けることができ、リピート購入促進のためにもお役立ていただけます!
また、QRコードページURLもご取得いただけますので、URLをそのまま活用していただくことも出来ます。

使い方は簡単!ショップの基本情報設定+商品登録を行なって貼り付けるだけ!

ショップの基本情報設定や商品登録は以下リンク先ページのマニュアルに沿ってご登録が行なえます。

QRストアでは、ショップ様オリジナルのヘッダー画像を登録したり、HTMLを利用して注意書きの記載や画像を掲載することが可能です。
本ページでは、QRストアのデザイン設定やQRコードのご取得方法をご案内いたします。

QRストア デザイン設定

QRストア デザイン設定は下図の黄文字部分を設定することができます。(初期状態では、デザイン設定は無効の状態となっておりシステム指定のデザイン、文言が反映されています。)

商品ごとに設定することは出来ません

QRストアデザイン設定

1.デザインQRストア設定をクリックします。

デザイン>QRストア設定をクリック

2.各種設定後、「デザイン設定を保存する」ボタンをクリックします。

各種デザイン設定後にデザイン設定を保存するをクリック

デザイン設定

オリジナルのデザインを設定する場合は、「デザイン設定を有効にする」を選択します。

上部HTML

全半角100000文字、改行・HTML可

QRストア画面の上部に表示する内容を入力します。

ヘッダー画像

チェックを入れ、「画像ライブラリ起動」をし、ヘッダー画像を選択します。

【スマホサイズ】画面サイズが横幅 0px ~ 766px の時
⇒推奨画像サイズ:766×100(縦幅100px固定)

【タブレットサイズ】画面サイズが横幅 767px ~ 991px の時
⇒推奨画像サイズ:991×130(縦幅130px固定)

【PCサイズ】画面サイズが横幅 992px ~ の時
⇒推奨画像サイズ:1040×130(縦幅130px固定)

ボタンデザイン設定

「購入する」ボタン/「定期購入する」ボタン

背景色

背景色を指定します

文字色

文字色を指定します

枠線色

枠線色を指定します

ボタンの表示名変更はこちら

下部HTML

全半角100000文字、改行・HTML可

QRストア画面の下部に表示する内容を入力します。

QRストア設定

QRストア設定では、下図の青文字部分を設定することができます。

商品ごとに設定することは出来ません

QRストアデザイン設定

1.デザインQRストア設定をクリックします。

デザイン>QRストア設定をクリック

2.各種設定後、「QRストア設定を保存する」ボタンをクリックします。

設定後にQRストア設定を保存するをクリック

カゴタイプ設定

QRストアで利用する買い物カゴのタイプ(ゼロステップカートまたは3ステップカート)を選択します。

商品画像の表示

QRストアで商品画像を表示するかどうか選択します。

商品画像を表示する(画面中央に表示)
商品画像を画面中央に表示する場合に選択します。
商品画像を表示する(横幅を画面幅に合わせる)
商品画像を、横幅を画面幅に合わせて表示する場合に選択します。

カートS管理画面へ商品画像をアップロードした時期によっては、解像度が高い画像を商品画像に指定しているにもかかわらず、QRストア上の商品画像の解像度が低くなってしまう場合がございます。その場合は再度商品画像をアップロードし、商品登録画面にて設定しなおしてください。

商品画像を表示しない
QRストアで商品画像を表示しない場合に選択します。

それぞれの設定例

【例】それぞれの設定例

自動商品追加設定

「自動商品追加する」を選択すると、QRコードを読み込んだ先の商品ページを挟まず、カゴに直結して商品を入れることができます。

商品がカートに直接入る機能は、仕組み上「ゼロステップ/3ステップ」または「定期購入カゴ 」の何れかでご設定が可能です。(両方は不可)
また、定期購入専用商品はカゴタイプの設定に関わらず「定期購入カゴ」に遷移します。

属性やオプションがある商品については、最上部に表示されている属性・オプションが選択された状態でカゴ画面に遷移します

お問い合わせボタン

QRストアで商品問合せフォームを表示するかどうか選択します。

数量の入力方法

テキストフォーム

数量入力はテキストフォームが表示されます

プルダウン(セレクター)

数量入力はプルダウンが表示されます、プルダウンに表示する数量をご指定ください。

1~10個まで選択できるようにする場合は「1-10」と入力します

「カゴに入れる」ボタンひとつだけ商品を入れる

数量の入力フォームは表示されなくなります。

QRコードのご取得方法

QRコードのご取得方法をご案内します。

商品ごと取得する方法

1.商品管理をクリックし、商品一覧よりQRコードを取得したい商品のカゴをクリックします。

管理画面商品管理>カゴをクリック

商品一覧の検索機能についてはコチラをご覧ください。<0/p>

2.「QRコード」タブをクリックします。

「QRコード」タブをクリック

3.QRコードサイズを変更後「ダウンロード」をクリックします。

各種設定後「ダウンロード」をクリック
サイズ変更 ダウンロードするQRコードのサイズを1~6より選択します。
文字の印字
印字しない
文字の印字は行わない場合に選択します。
商品コード
QRコード下部にその商品の商品コードを表示させたい場合に選択します。
商品名
QRコード下部にその商品の商品名を表示させたい場合に選択します。

「サイズ6」を選択時のみこの設定が適用されます
その他のサイズでは、文字の印字設定の設定内容は反映されません。

印字可能な文字数は20文字までです。

商品名に機種依存文字が含まれていると、「商品名」を選択していても印字されません。

例)文字の印字

以上のようにして保存したQRコードの画像を、お好きな箇所に貼り付けてご利用下さい。

複数商品のQRコードを一括で取得する方法

1.管理画面「商品管理」>商品一覧>「QRコード一括ダウンロード」にチェックを入れます

商品管理>商品一覧>QRコード一括ダウンロード

2.抽出対象を確認します

商品一覧で「●件HIT」と記載されている件数(下図赤枠)が抽出対象です。
詳細検索フォームにて抽出対象を絞り込むことも可能です。

商品一覧>件数

詳細検索フォームで絞り込む際は「検索条件を記憶する」にチェックを入れてください
「検索条件を記憶する」にチェックを入れずに検索し、QRコード一括ダウンロードを行うと、データを生成した時点で検索条件がリセットされます。ダウンロード後も検索条件を保持しておく場合は、「検索条件を記憶する」にチェックを入れたうえで検索を行い、ダウンロードしてください。

3.サイズ・文字の印字を選択し、「ダウンロード」をクリックします

ダウンロード
サイズ変更 ダウンロードするQRコードのサイズを1~6より選択します。
文字の印字
印字しない
文字の印字は行わない場合に選択します。
商品コード
QRコード下部にその商品の商品コードを表示させたい場合に選択します。
商品名
QRコード下部にその商品の商品名を表示させたい場合に選択します。

「サイズ6」を選択時のみこの設定が適用されます
その他のサイズでは、文字の印字設定の設定内容は反映されません。

印字可能な文字数は20文字までです。

商品名に機種依存文字が含まれている場合
「商品名」を選択していてもQRコード下部に商品名が印字されません。また、一括ダウンロードした画像ファイル名にも商品名が記載されなくなります。ファイル名に関する詳細はこちら

例)文字の印字

4.「再読み込み」ボタンをクリックします

再読み込み

自動では画面の再読み込みは行われません
そのため、数分毎に「再読み込み」ボタンを押下していただくか、時間をおいてから商品一覧へ再度アクセスしてください。

5.「ダウンロード」ボタンをクリックします

対象のQRコード画像がzipファイルでダウンロードされます。

ダウンロード

ダウンロードされたQRコード画像のファイル名について
ダウンロードされたqrコード画像のファイル名は「商品ID_商品名.png」の形式になります。
商品名に機種依存文字が含まれていた場合は、ファイル名に商品名が反映されない為、「商品ID_.png」の形式になりますので、予めご了承ください。
ダウンロード完了後の表示

ダウンロード完了後の表示について

ダウンロード完了後、下図の表示になります。再度QRコード一括ダウンロードを行い場合は、画面を読み込みなおす必要があります。

ダウンロード完了後の表示

以上のようにして保存したQRコードの画像を、お好きな箇所に貼り付けてご利用下さい。

QRストアのリンク先ページに表示可能な商品情報

QRストアで表示される商品情報

QRコードを読み込んだ先のページに表示される商品情報は以下の通りです。

 ・商品画像(1枚のみ)※1
 ・QRストア詳細説明文 ※1
 ・商品名
 ・商品検索用説明文 ※1
 ・「在庫を表示」リンク(在庫表設定時)※1
 ・選択肢類(属性やオプション設定時)※1
 ・数量
 ・購入価格 ※2
 ・「購入する」ボタン ※3
 ・「商品に関するお問い合わせ」ボタン ※3

※1 未設定時には表示されません
※2 設定状況によって表示が異なります
※3 オリジナルボタン画像を設定している場合はアイコン設定に準じます