ここでは、ご自身で用意されたページ、または商品詳細ページの紹介文などに
カートボタンを設置する方法をご説明します。
▼事前準備
カートボタンの設置を行うにあたり、あらかじめご自身に割り当てられている カートURLを
管理画面で調べておきます。
※カートのURLはご契約者様によって「cart」の後の（*）に入る数字は異なります。、
カートURLの例
○ご契約別のURL：https://cart(*).shopserve.jp/ショップID/cart.php
2011年11月11日以前から自作ページを利用していた店舗様へ
・従来と現在の推奨URLが異なっており、ここでは新しいURLをご案内しています。
・従来のURLでもショッピングカートの動作には問題ありません。
・動作に問題はありませんが、理論上、新しいURLの方が高速に動作するため、推奨としています。
サーバー＞URL一覧 へ進みます。
「カートをみる」欄に記載されているURLをメモしておきます。
※独自ドメインのご利用開始前と後ではURLが異なりますのでご注意ください。
【独自ドメイン利用開始前】 https://cart(*).shopserve.jp/ショップID/cart.php
【独自ドメイン利用開始後】 https://cart(*).shopserve.jp/-/ドメイン/cart.php
・自作ページへカートボタン（商品をカートへ入れるリンク）を設置する場合は、
自作ページの文字コードを「EUC-JP」で作成してください。
「EUC-JP」以外の文字コードで作成されたページでは、商品がカートに入らない場合
がありますので、ご注意ください。
・「.php」と「.cgi」の違いについて
URLの一覧では拡張子が「.php」になっていますが、自動生成されるお店ページでは
「.cgi」になっています。どちらでも表示できますが、「.php」の方がより高速で表示
できるため、推奨しています。
|
自作の「カゴへ」ボタン（またはテキスト）をクリックすると、カートへ商品が入ります。
赤字の箇所をお店の情報に書き換えてください。
|
|
URL
|
|
https://カートURL/ショップID/cart.php?ITM=商品番号&CNT=購入数
|
|
URL -独自ドメイン利用時-
|
|
https://カートURL/-/ドメイン/cart.php?ITM=商品番号&CNT=購入数
|
【使用例（文字リンク）】
<a href="https:// カートURL/ ショップID/cart.php?ITM= 商品番号&CNT= 購入数">
カゴへ</a>
【使用例（自作のカートボタン）】
※事前準備として、使用するカートボタンの画像を画像台帳に登録してください。
⇒ 画像台帳に画像を登録する
⇒ 画像台帳の便利な使い方とHTMLでの呼出し方法
<a href="https:// カートURL/ ショップID/cart.php?ITM= 商品番号&CNT= 購入数">
<img src="画像ファイルのURL" border="0"></a>
自作の「カートをみる」ボタン（またはテキスト）をクリックすると、
カートの状態を確認できます。
赤字の箇所をお店の情報に書き換えてください。
|
URL
|
|
https://カートURL/ショップID/cart.php
|
|
URL -独自ドメイン利用時-
|
|
https://カートURL/-/ドメイン/cart.php
|
【使用例（文字リンク）】
<a href="https:// カートURL/ ショップID/cart.php">カートをみる</a>
自作の「在庫を確認する」ボタン（またはテキスト）をクリックすると、
在庫の状態を確認できます。
※在庫管理を行っている必要があります。 >> 在庫管理の行い方
※商品台帳に登録した商品が「公開」になっている必要があります。
>> 登録済みの商品情報を変更する
赤字の箇所をお店の情報に書き換えてください。
|
URL
|
|
http://ショップID.shopserve.jp/SHOP/stock.cgi?ITEM_NO=商品番号
|
|
URL -独自ドメイン利用時-
|
|
http://ドメイン/SHOP/stock.cgi?ITEM_NO=商品番号
|
【使用例（自作の在庫ボタン）】
※事前準備として、使用するカートボタンの画像を画像台帳に登録してください。
⇒ 画像台帳に画像を登録する
⇒ 画像台帳の便利な使い方とHTMLでの呼出し方法
<a href="http://ショップID.shopserve.jp/SHOP/stock.cgi?ITEM_NO=商品番号" target="_blank">
<img src="自作の在庫ボタン" border="0"></a>
|
商品の個数を選択（プルダウン）してカートへ商品を入れます。
赤字の箇所をお店の情報に書き換えてください。
|
|
書式
|
<form method="post" action="https://カートURL/ショップID/cart.php" target="_top">
<input type="hidden" name="ITM" value="商品番号">
<select name="CNT">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="submit" value="カゴへ">
</form>
|
|
書式 -独自ドメイン利用時-
|
<form method="post" action="https://カートURL/-/ドメイン/cart.php" target="_top">
<input type="hidden" name="ITM" value="商品番号">
<select name="CNT">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="submit" value="カゴへ">
</form>
|
【個数を直接入力させたい場合】
<input type="hidden" name="ITM" value="商品番号"> を以下の記述に変更する
<input type="hidden" name="ITM-A" value="商品番号">
<select name="CNT">から</select>までを以下の記述に変更する
<input type="text" name="CNT-A" size="5">
【自作のカートボタンを使用する場合】
<input type="submit" value="カゴへ">を以下の記述に変更する
<input type="image" src="画像ファイルのURL">
商品のバリエーションを選択してカートへ商品を入れます。
事前準備として、商品の登録時にバリエーションを設定しておく必要があります。
商品情報の入力画面で、画面最下部「拡張設定」のバリエーションにチェックを入れる。
バリエーションを適宜に設定する。
>> 商品の新規登録を行う
|
|
|
書式
|
<form method="post" action="https://カートURL/ショップID/cart.php" target="_top">
<input type="hidden" name="ITM" value="商品番号">
色：
<select name="VAR1">
<option value="黒">黒</option>
<option value="赤">赤</option>
<option value="青">青</option>
<option value="緑">緑</option>
</select><br>
サイズ：
<select name="VAR2"><br>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
</select><br>
ネックデザイン：
<select name="VAR3"><br>
<option value="丸首">丸首</option>
<option value="Vネック">Vネック</option>
</select><br>
<input type="submit" value="カゴへ">
</form>
|
|
書式 -独自ドメイン利用時-
|
<form method="post" action="https://カートURL/-/ドメイン/cart.php" target="_top">
<input type="hidden" name="ITM" value="商品番号">
色：
<select name="VAR1">
<option value="黒">黒</option>
<option value="赤">赤</option>
<option value="青">青</option>
<option value="緑">緑</option>
</select><br>
サイズ：
<select name="VAR2"><br>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
</select><br>
ネックデザイン：
<select name="VAR3"><br>
<option value="丸首">丸首</option>
<option value="Vネック">Vネック</option>
</select><br>
<input type="submit" value="カゴへ">
</form>
|
【自作のカートボタンを使用する場合】
<input type="submit" value="カゴへ">を以下の記述に変更する
<input type="image" src="画像ファイルのURL">
|
自由なテキストを入力し、個数を選択してカートへ商品を入れます。
赤字の箇所をお店の情報に書き換えてください。
|
|
書式
|
<form method="post" action="https://カートURL/ショップID/cart.php" target="_top">
<input type="hidden" name="ITM" value="商品番号">
名前：
<input type="text" name="OPT1" size="テキストエリアの幅（半角英数）"><br>
個数：
<select name="CNT"><br>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br>
<input type="submit" value="カゴへ">
</form>
|
|
書式 -独自ドメイン利用時-
|
<form method="post" action="https://カートURL/-/ドメイン/cart.php" target="_top">
<input type="hidden" name="ITM" value="商品番号">
名前：
<input type="text" name="OPT1" size="テキストエリアの幅（半角英数）"><br>
個数：
<select name="CNT"><br>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br>
<input type="submit" value="カゴへ">
</form>
|
特殊記号「OPT」は、最大30個（OPT1～OPT30）まで指定可能です。
【個数を直接入力させたい場合】
<input type="hidden" name="ITM" value="商品番号"> を以下の記述に変更する
<input type="hidden" name="ITM-A" value="商品番号">
<select name="CNT">から</select>までを以下の記述に変更する
<input type="text" name="CNT-A" size="5">
【自作のカートボタンを使用する場合】
<input type="submit" value="カゴへ">を以下の記述に変更する
<input type="image" src="画像ファイルのURL">
バリエーションの選択と任意の情報を同時に取得する方法
|
サイズや色などのバリエーションと、テキスト入力欄を組み合わせてカートへ商品を入れます。
事前準備として、商品の登録時にバリエーションを設定しておく必要があります。
>> バリエーションを選択させる方法
赤字の箇所をお店の情報に書き換えてください。
|
|
書式
|
<form method="post" action="https://カートURL/ショップID/cart.php" target="_top">
<input type="hidden" name="ITM" value="商品番号">
色：
<select name="VAR1">
<option value="黒">黒</option>
<option value="赤">赤</option>
<option value="青">青</option>
<option value="緑">緑</option>
</select><br>
サイズ：
<select name="VAR2"><br>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
</select><br>
名前：
<input type="text" name="OPT1" size="テキストエリアの幅（半角英数）"><br>
プリントするロゴ：
<input type="text" name="OPT2" size="テキストエリアの幅（半角英数）"><br>
<input type="submit" value="カゴへ">
</form>
|
|
書式 -独自ドメイン利用時-
|
<form method="post" action="https://カートURL/-/ドメイン/cart.php" target="_top">
<input type="hidden" name="ITM" value="商品番号">
色：
<select name="VAR1">
<option value="黒">黒</option>
<option value="赤">赤</option>
<option value="青">青</option>
<option value="緑">緑</option>
</select><br>
サイズ：
<select name="VAR2"><br>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
</select><br>
名前：
<input type="text" name="OPT1" size="テキストエリアの幅（半角英数）"><br>
プリントするロゴ：
<input type="text" name="OPT2" size="テキストエリアの幅（半角英数）"><br>
<input type="submit" value="カゴへ">
</form>
|
特殊記号「OPT」は、最大30個（OPT1～OPT30）まで指定可能です。
【自作のカートボタンを使用する場合】
<input type="submit" value="カゴへ">を以下の記述に変更する
<input type="image" src="画像ファイルのURL">
|
異なる商品をプルダウンで選択して、
商品をカートへ入れます。
金額の異なる商品をひとつのオプションとして
まとめたい場合などに利用できます。
赤字の箇所をお店の情報に書き換えてください。
|
|
書式
|
<form method="post" action="https://カートURL/ショップID/cart.php" target="_top">
<select name="ITM">
<option value="商品番号">長袖</option>
<option value="商品番号">半袖</option>
</select><br>
<input type="submit" value="カゴへ">
</form>
|
|
書式 -独自ドメイン利用時-
|
<form method="post" action="https://カートURL/-/ドメイン/cart.php" target="_top">
<select name="ITM">
<option value="商品番号">長袖</option>
<option value="商品番号">半袖</option>
</select><br>
<input type="submit" value="カゴへ">
</form>
|
【自作のカートボタンを使用する場合】
<input type="submit" value="カゴへ">を以下の記述に変更する
<input type="image" src="画像ファイルのURL">
まとめ買いページを自作する際に使用する特殊記号
まとめ買いページを自作する際に使用する特殊記号には、商品番号の特殊記号 ITMの後に「-」（ハイフン）を付け、この商品の情報と認識するための任意の文字列を付け足します。
この文字列が同じものが一つの商品情報として認識されます。
例） ITM-Aの場合は、 CNT-A、 VAR1-A、 OPT-A-01の各値が一つの商品情報となります。
|
ITM-＊
|
商品台帳に登録した商品の商品番号を指定します。
ITM- の後に任意の文字列を付けます。
|
|
CNT-＊
|
同時に購入する商品数を指定します。
ITM- の後に付けた文字列と同じ文字列を CNT- の後に付けます。
|
|
VAR1-＊
|
色やサイズなど、バリエーションに登録した項目を選択させる場合に指定します。
ITM- の後に付けた文字列と同じ文字列を VAR1- の後に付けます。
( VAR1-＊ ? VAR3-＊ まで指定可能)
事前準備として、商品の登録時にバリエーションを設定しておく必要があります。
>> バリエーションを選択させる方法
|
|
OPT-＊-01
|
バリエーションのようにあらかじめ登録しておくことのできない情報（名前などの任意情報を入力させる場合）や、選択肢が50個以上ある場合に指定します。
ITM- の後に付けた文字列と同じ文字列を OPT- の後に付けます。
（ OPT-＊-01 ? OPT-＊-30 まで指定可能）
|
複数の商品をまとめてカートへ入れます。
赤字の箇所をお店の情報に書き換えてください。
|
書式
|
<form method="post" action="https://カートURL/ショップID/cart.php" target="_top">
<input type="hidden" name="ITM-A" value="商品番号">
色：
<select name="VAR1-A">
<option value="赤">赤</option>
<option value="青">青</option>
<option value="緑">緑</option>
</select><br>
サイズ：
<select name="VAR2-A"><br>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
</select><br>
名前：
<input type="text" name="OPT-A-01" size="テキストエリアの幅（半角英数）"><br>
プリントするロゴ：
<input type="text" name="OPT-A-02" size="テキストエリアの幅（半角英数）"><br>
個数：
<select name="CNT-A">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br>
<input type="hidden" name="ITM-B" value="商品番号">
色：
<select name="VAR1-B">
<option value="赤">赤</option>
<option value="青">青</option>
<option value="緑">緑</option>
</select><br>
サイズ：
<select name="VAR2-B"><br>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
</select><br>
名前：
<input type="text" name="OPT-B-01" size="テキストエリアの幅（半角英数）"><br>
プリントするロゴ：
<input type="text" name="OPT-B-02" size="テキストエリアの幅（半角英数）"><br>
個数：
<select name="CNT-B">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br>
<input type="submit" value="カゴへ">
</form>
|
|
書式 -独自ドメイン利用時-
|
<form method="post" action="https://カートURL/-/ドメイン/cart.php" target="_top">
<input type="hidden" name="ITM-A" value="商品番号">
色：
<select name="VAR1-A">
<option value="赤">赤</option>
<option value="青">青</option>
<option value="緑">緑</option>
</select><br>
サイズ：
<select name="VAR2-A"><br>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
</select><br>
名前：
<input type="text" name="OPT-A-01" size="テキストエリアの幅（半角英数）"><br>
プリントするロゴ：
<input type="text" name="OPT-A-02" size="テキストエリアの幅（半角英数）"><br>
個数：
<select name="CNT-A">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br>
<input type="hidden" name="ITM-B" value="商品番号">
色：
<select name="VAR1-B">
<option value="赤">赤</option>
<option value="青">青</option>
<option value="緑">緑</option>
</select><br>
サイズ：
<select name="VAR2-B"><br>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
</select><br>
名前：
<input type="text" name="OPT-B-01" size="テキストエリアの幅（半角英数）"><br>
プリントするロゴ：
<input type="text" name="OPT-B-02" size="テキストエリアの幅（半角英数）"><br>
個数：
<select name="CNT-B">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br>
<input type="submit" value="カゴへ">
</form>
|
【個数を直接入力させたい場合】
<select name="CNT-*">から</select>までを以下の記述に変更する
<input type="text" name="CNT-*" size="5">
【自作のカートボタンを使用する場合】
<input type="submit" value="カゴへ">を以下の記述に変更する
<input type="image" src="画像ファイルのURL">
自作ページに関するサポートは行っておりません。
ご自身の知識の範囲で、ご対応をお願いいたします。
|
