新規ユーザー登録 » ショッピングカート新規作成 » 商品コード作成 » 商品コード貼り付け
■ 新規ユーザー登録1. 右メニュー登録関係の『新規ユーザー登録』をクリックし、必要事項を記入し、送信ボタンをクリックします。
| 新規申し込み画面 | |
| ログイン名 (半角英数字): | |
| パスワード (半角英数字): | |
| お名前(組織の場合は担当者名): | |
| メールアドレス: | |
| 郵便番号: | |
| ご住所: | |
| 組織名(個人企業の場合は事業主のお名前): | |
| 電話番号: | |
| インターネットショップ名: | |
| インターネットショップのURL: | |
| ご利用期間: | (スポットは、2ヶ月以内のメールフォームをご利用の場合のみ選択できます) スポットの場合は、ご利用予定期間をご指定ください。 月日〜月日まで |
| ご利用サービス: | 買い物かご メールフォーム 両方 |
| メールフォームの個数: | 個 |
| 買い物かご在庫オプション: | つけない つける (後ほど変更可能です) メールフォームのみの場合は不要です。 |
注意:ログイン名は、買い物かごを開いたときにアドレスバーに表示されます。shop名や会社名を連想させるようなものが便利です。パスワードは、他人にわからないようなものにしてください。
この画面で入力するログイン名とパスワードは、今後買い物かごの作成や編集、商品コードの作成の際に必要となりますので、絶対に忘れないように、記録しておいてください。
■ショッピングカート新規作成
2. 右メニューショッピングカートの作成・編集等から『新規作成』をクリックします。
通常は、基本型カートの『新規作成』をお選びください。クレジットカード連動型カートの『新規作成』は、予め決済サービス代行会社のクレジットカード決済サービスのお申し込みをされた店舗さまに限られます
3. ユーザーログイン画面になります。上段の「日本語版カートの新規作成」欄にログイン名とパスワードを入力し、送信ボタンをクリックします。
4. 買い物かごの新規作成画面が表示されます。
5. 必要事項をもれなく記入し、「ページを作成する」ボタンをクリックします。
| 買い物かごの設定 |
| 1. | お店の名前
|
|||||||||||||||||||||||||||||||||
| 2. | 送料
|
|||||||||||||||||||||||||||||||||
| 3. | 境界(この金額以上は送料が無料)
|
|||||||||||||||||||||||||||||||||
| 4. | 地域ごとに送料が異なる場合は、次の欄に値を半角で(カンマは入れずに)記入してください。(総額表示では、送料も税込みの金額です。)
|
|||||||||||||||||||||||||||||||||
| 5. | 消費税の表示方式をお選びください。
|
|||||||||||||||||||||||||||||||||
| 6. | 商品にかかる消費税(必ず記入してください。消費税をいただかない場合は半角で0と記入します。) (円未満の端数処理の方法を選択してください。
消費税をいただかない場合はそのままで結構です。) |
|||||||||||||||||||||||||||||||||
| 7. | 送料にかかる消費税(必ず記入してください。消費税をいただかない場合は半角で0と記入します。上記5.の消費税の表示方式で、総額表示(経過措置適用方式)を選択した場合には、支払総額を基に消費税額を計算しなければならないため、ここでの設定にかかわらず、税率・端数処理ともに商品にかかる消費税と同じになります。) (円未満の端数処理の方法を選択してください。) 消費税をいただかない場合はそのままで結構です。) |
|||||||||||||||||||||||||||||||||
| 8. | 注文書を受けるメールアドレス(省略不可) @ |
|||||||||||||||||||||||||||||||||
| 9. | 注文があったことを知らせるPHSまたは携帯電話のメールアドレス(省略可) @ |
|||||||||||||||||||||||||||||||||
| 10. | お届け希望時間帯
|
|||||||||||||||||||||||||||||||||
| 10-2.お届け希望日欄 | ||||||||||||||||||||||||||||||||||
| 不要 必要 | ||||||||||||||||||||||||||||||||||
| 11. | 支払い方法 (10まで記入できます) |
|||||||||||||||||||||||||||||||||
| 12. | 発注ボタンを押した後に出力するページに記載するメッセージをお書きください。 |
|||||||||||||||||||||||||||||||||
| 13. | 背景色
14. アクセントカラー |
|||||||||||||||||||||||||||||||||
| 15. | お客さまへの自動返信メールの末尾に記載する文章をお書きください。 |
|||||||||||||||||||||||||||||||||
6. 買い物かごが完成します。
次に、あなたのインターネット・ショップのホームページを修正します。上記6までの作業を終了し、買い物かごをすでに作成された方は、次のステップ7を実行してください。
■商品コード作成
7. 商品毎に次のタグを記入します。
又は右メニューショッピングカートの作成・編集等の「商品コード作成」から目的の商品コードをクリックし、「お買い物商品のタグ」画面で商品名や価格などを入力して「コードを作成する」ボタンをクリックします。
-
<!--ここから-->
<form method="POST" action="https://fibertrip.com/cgi-bin/xxxx/xxxx.cgi" target="blank">
商品名
<br>価格2,100円 個数<input type=text name="商品名&&&価格" maxlength=3 size=3>
<input type="submit" name="submit" value="購入">
</form>
<!--ここまで--> 例: 2100円のTシャツを販売する場合
<form method="POST" action="https://fibertrip.com/cgi-bin/xxx/xxx.cgi" target="blank">
Tシャツ
<br>価格 2,100円(税込み) 個数<input type=text name="Tシャツ&&&2100" maxlength=3 size=3> <input type="submit" name="submit" value="購入">
</form>
注意:
- 英数字はすべて半角で入力してください。カタカナはすべて全角で入力してください。
- 商品名にはスペースを挿入しないでください。スペースが入るとシステムが不安定になります。
- URLは https://fibertrip.com/cgi-bin/xxxx/xxxx.cgi です。ここで xxxx はあなたのログイン名です。また、httpの後にはsがついています。忘れないでください。ただし、SSLを利用するにはが必要です。
- target="blank"は、target="_blank"と、『_』を入れると、購入ボタンを押すたびに新しいウィンドウが開いてしまいます。
- ホームページ作成ソフト(IBM ホームページビルダーなど)を使用すると文字化けなどが発生する可能性があります。 HTMLソースを開くか、又は、Windows付属のメモ帳などのエディターを使用して上記のコードをお買い物画面に貼り付けてください。
|
8. 上記7で作成又は生成された商品コードをあなたの商品ページにコピー&ペーストしてください。
具体的なコードの設置例は『商品コードの貼り付け方』でご覧いただけます。
- * ボタンの名称を変えるには
-
7に示したコードの中に
------------------------------------------------------
<input type="submit" name="submit" value="購入">
------------------------------------------------------
という行があります。
この文を下のように変更してください。
------------------------------------------------------
<input type="hidden" name="submit" value="購入">
<input type="submit" value="xxxxx">
------------------------------------------------------
xxxxxに任意のボタン名を記入します。これでボタン名が変わります。
具体的なコードの設置例は『商品コードの貼り付け方』の「ボタンの名称を変えるには」をご覧ください。
- * ボタンを画像ボタンにするには
-
7に示したコードの中に
------------------------------------------------------
<input type="submit" name="submit" value="購入">
------------------------------------------------------
という行があります。
この文を下のように変更してください。
------------------------------------------------------
<input type="hidden" name="submit" value="購入">
<input type="image" src="xxx1/xxx2">
------------------------------------------------------
src属性で、表示する画像を指定します。xxx1に画像のパスを、xxx2に画像ファイル名を指定します。
詳しくは、『購入ボタンを画像にする』をご覧ください。 - * 属性を追加するには
-
寸法や色など複数の属性がある商品を販売する場合は、
色
<select name="option_1">
<option>緑</option>
<option>白</option>
<option>青</option>
<option selected>赤</option>
</select>のようにselectのname属性に"option_1"を指定してください。 option_1、option_2、option_3の3つの属性を指定できます。
例: 2100円のTシャツを販売する場合で、色が白・黒・赤の3種類、サイズがS・M・L・LLの4種類ある場合
<form method="POST" action="https://fibertrip.com/cgi-bin/xxx/xxx.cgi" target="blank">
Tシャツ 価格 2,100円(税込み)色<select name="option_1">
<option>白</option>
<option>黒</option>
<option selected>赤</option>
</select> サイズ<select name="option_2">
<option>S</option>
<option>M</option>
<option selected>L</option>
<option>LL</option>
</select> 個数<input type=text name="Tシャツ&&&2100" maxlength=3 size=3> <input type="submit" name="submit" value="購入"></form>
具体的なコードの設置例は『商品コードの貼り付け方』の「寸法や色など複数の属性がある商品を販売する場合は」をご覧ください。
- * ホームページ上に「買い物かごの中を見る」ボタンを付けるには
-
買い物かごを閉じてしまったときのために、下記のHTMLコードをホームページに貼り付けることによって、かごの中を表示できます。
<!--ここから-->
<form method="POST" action="https://fibertrip.com/cgi-bin/***/***.cgi" target="blank">
<input type="hidden" name="submit" value="確認">
<p align="center"><input type="submit" value="買い物かごの中を見る"></p> </form>
<!--ここまで-->***には、ログイン名が入ります。
"買い物かごの中を見る"は、お好きな言葉に変えていただいて構いません。
「買い物かごの中を見る」ボタンをページの左に寄せたい場合は
<p align="center">を<p align="left">に、
ページの右に寄せたい場合は<p align="right">に変えてください。




