ショッピングカートショッピングカート(Petit Cart)の設定手順

 新規ユーザー登録 » ショッピングカート新規作成 » 商品コード作成 » 商品コード貼り付け

 新規ユーザー登録
1. 右メニュー登録関係の『新規ユーザー登録』をクリックし、必要事項を記入し、送信ボタンをクリックします。
新規申し込み画面
ログイン名 (半角英数字):
パスワード (半角英数字):
お名前(組織の場合は担当者名):
メールアドレス:
郵便番号:
ご住所:
組織名(個人企業の場合は事業主のお名前):
電話番号:
インターネットショップ名:
インターネットショップのURL:
ご利用期間:  (スポットは、2ヶ月以内のメールフォームをご利用の場合のみ選択できます)
スポットの場合は、ご利用予定期間をご指定ください。
日〜日まで
ご利用サービス: 買い物かご メールフォーム 両方
メールフォームの個数:
買い物かご在庫オプション: つけない つける (後ほど変更可能です)
メールフォームのみの場合は不要です。

注意:ログイン名は、買い物かごを開いたときにアドレスバーに表示されます。shop名や会社名を連想させるようなものが便利です。パスワードは、他人にわからないようなものにしてください。
この画面で入力するログイン名とパスワードは、今後買い物かごの作成や編集、商品コードの作成の際に必要となりますので、絶対に忘れないように、記録しておいてください。


ショッピングカート新規作成

2. 右メニューショッピングカートの作成・編集等から『新規作成』をクリックします。
通常は、基本型カートの『新規作成』をお選びください。クレジットカード連動型カートの『新規作成』は、予め決済サービス代行会社のクレジットカード決済サービスのお申し込みをされた店舗さまに限られます

3. ユーザーログイン画面になります。上段の「日本語版カートの新規作成」欄にログイン名とパスワードを入力し、送信ボタンをクリックします。

4. 買い物かごの新規作成画面が表示されます。

5. 必要事項をもれなく記入し、「ページを作成する」ボタンをクリックします。

買い物かごの設定
1.

お店の名前

    説明:
  1. 全角のスペースは使用しないでください。

2.

送料

    説明:
  1. 数値を半角で記入してください。カンマやピリオドは記入しないでください。
  2. 送料をいただかない場合は0(数字。半角)を記入してください。
  3. 商品によって送料が異なる場合は、0(数字。半角)をご記入ください。0を記入した場合は買い物かごに送料の表示がされませんので、自動返信メールとは別に、手動でお客様に送料のご案内をお願いいたします。
  4. 送料が地域ごとに異なる場合は何も記入しないでください。

3.

境界(この金額以上は送料が無料)
円       3-1. 左の金額は

    説明:
  1. お買い上げ金額の合計が10000円未満の場合は送料が630円、10000円以上の場合は送料は無料だとすると、2. に630を 3. に10000を記入します。
  2. 常に送料が同じ場合は3の初期設定値(100000000円)を変更しないでください。
  3. お買いあげ金額の合計を、消費税抜きの本体価格をもとに計算する場合は3-1で税抜きを、消費税込みの金額をもとに計算する場合は3-1で税込みを選択してください。
  4. 下記項目5で『別立て表示(改正前:本体価格と分けて表示)』を選択した場合は、最後に消費税を計算する性質上、消費税抜きの本体価格をもとに計算することになります。

4.

地域ごとに送料が異なる場合は、次の欄に値を半角で(カンマは入れずに)記入してください。(総額表示では、送料も税込みの金額です。)
(右端の列の入力欄に金額を記入して「一括入力」ボタンをクリックすると簡単ですが、javascriptをオフにしていたり、ブラウザにより「一括入力」機能が使えない場合は、お手数ですが、1つ1つ入力してください。)
北海道 北海道
東北 青森県円  岩手県円  秋田県

山形県円  宮城県円  福島県
« 

« 
関東 栃木県円  群馬県円  茨城県
埼玉県円  千葉県円  東京都
神奈川円  山梨県
« 
信越 新潟県円  長野県 « 
北陸 富山県円  石川県円  福井県 « 
東海 静岡県円  愛知県円  岐阜県
三重県円 
« 
近畿 滋賀県円  京都府円  大阪府
兵庫県円  奈良県円  和歌山
« 
中国 鳥取県円  岡山県円  島根県
広島県円  山口県
« 
四国 香川県円  徳島県円  愛媛県
高知県
« 
九州 福岡県円  佐賀県円  大分県
熊本県
長崎県円  宮崎県円  鹿児島
« 
沖縄 沖縄県

5.

消費税の表示方式をお選びください。

    説明: 例)筆ペン 本体価格150円、消費税7円(円未満切捨て)を3本購入
    総額表示(経過措置適用方式) 総額表示とは、消費者に対して、値札や店内表示・インターネットホームページなどで価格を表示する場合に、消費税を含めた金額で表示する方式をいいます。
     平成16年4月1日から、この『総額表示方式』がスタートします。
     本体価格 150円の商品であれば、値札等に消費税相当額を含めた「157円」を表示することがポイントになります。
     「150円+税」や「税抜き150円」、「150円+税7円」は、支払総額「157円」の記載がありませんから「総額表示」には該当しません。

    (経過措置)
     1領収単位ごとの決済では、「領収金額x5/105」の端数処理後の金額を明示していることを条件に、その端数処理後の金額を基に消費税額の計算を行うことが当分の間、認められます。
     この経過措置の適用も、総額表示を行っていることが前提です。

    (単品毎端数処理)
     単位毎に消費税の端数処理をしている場合には、上記の経過措置の適用はありません。申告の際には、総売上高の5/105に相当する金額が売上消費税の額となります。

    (別立て表示)
     一般消費者を対象としない、事業者間取引では、「税抜価格」を前提とした現行の端数処理の特例措置の適用が、当分の間、認められます。
     サイトの各ページを総額表示にする前の買い物かごの編集の際も、別立て表示を選択してください。
    筆ペン  \157     3 \471
    商品計     \471
    合計       \471
    (内消費税 \22)

    * 消費税額の計算 471x5/105=22円
    (円未満切捨て)
    総額表示(単品毎端数処理方式)
    筆ペン  \157     3 \471
    商品計     \471
    合計       \471
    (内消費税 \21)

    * 消費税額の計算 157x5/105=7
    (円未満切捨て)
    7x3=21円
    別立て表示(本体価格と分けて表示)
    筆ペン  \150     3 \450
    商品計     \450
    消費税      \22
    合計       \472

    * 消費税額の計算 450x5/100=22円
    (円未満切捨て)
6.

商品にかかる消費税(必ず記入してください。消費税をいただかない場合は半角で0と記入します。)
   6-1. 端数は

(円未満の端数処理の方法を選択してください。
消費税をいただかない場合はそのままで結構です。)

7.

送料にかかる消費税(必ず記入してください。消費税をいただかない場合は半角で0と記入します。上記5.の消費税の表示方式で、総額表示(経過措置適用方式)を選択した場合には、支払総額を基に消費税額を計算しなければならないため、ここでの設定にかかわらず、税率・端数処理ともに商品にかかる消費税と同じになります。)
   7-1. 端数は

(円未満の端数処理の方法を選択してください。)
消費税をいただかない場合はそのままで結構です。)

8. 注文書を受けるメールアドレス(省略不可)
@
9. 注文があったことを知らせるPHSまたは携帯電話のメールアドレス(省略可)
@
10.

お届け希望時間帯
「指定なし」はデフォルトで設定されますので、ご記入の必要はありません。













  (例)佐川急便の場合
(1)10時から12時まで
(2)11時から13時まで
(3)12時から14時まで
(4)13時から15時まで
(5)14時から16時まで
(6)15時から17時まで
(7)16時から18時まで
(8)17時から19時まで
(9)18時から20時まで
(10)19時から21時まで
(11)20時から22時まで
(12)21時から23時まで
(13)22時から24時まで
(例)ゆうパックの場合
午前(9:00〜12:00)
午後(13:00〜16:00)
夕方(17:00〜19:00)
夜間(19:00〜21:00)
(例)ヤマト運輸の場合
午前中
12時〜14時
14時〜16時
16時〜18時
18時〜20時
20時〜21時
(例)日通のペリカン便
朝(8:00〜12:00)
昼(12:00〜16:00)
夕(16:00〜19:00)
夜(19:00〜22:00)

10-2.お届け希望日欄
  不要 必要
11.

支払い方法 (10まで記入できます)









12.

発注ボタンを押した後に出力するページに記載するメッセージをお書きください。
HTMLタグは使用できません。改行する場合は半角のスペースを挿入してください。
何も記載がない場合は、
ご注文ありがとうございます。

直ちに「ご注文ありがとうございます」と、自動返信メールが
お客様のご記入のメールアドレス宛に送信されます。
もし、届かない場合には、
メールアドレスの記入誤りその他何らかの事情により
ご注文メールが当店にも送られていない可能性がございます。

恐れ入りますが、当店までご連絡いただくか、
再度、ご注文くださいますようお願い申し上げます。
なお、再度のご注文の際には、
発注用紙画面5番の記入欄にその旨ご記入ください。
上記の文章に設定されます。それ以外の文面にしたい場合は下記にご記入ください。

13.

背景色     14. アクセントカラー
このをクリックしてお好きな色を選んでください。
デフォルトでは背景色はクリーム色、アクセントカラーはダークシアン(深い青緑色)になっています。(買い物かごの使用例で使われている色です。)
決まりましたら、それぞれの色の値をコピーして上欄に貼り付け、上欄の値をその色の値に置き換えてください。

15.

お客さまへの自動返信メールの末尾に記載する文章をお書きください。
改行する場合は半角のスペースを挿入してください。何も記載がない場合は、
上記の内容に疑問があればご連絡をお願いします。
今回はどうもありがとうございました。

------------------------------
****(お店の名前)
E-mail:***@***
上記の文章に設定されます。それ以外の文面にしたい場合は下記にご記入ください。

 

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付属のメモ帳などのエディターを使用して上記のコードをお買い物画面に貼り付けてください。

お買い物商品のタグ

1. ログイン名

2. 商品名

3. 価格

4. 個数の部分を
プルダウンメニュー(個数を選択してボタンを押す方式)にするか
テキスト入力(個数を半角数字で入力してボタンを押す方式)にするか
を選択してください。
プルダウンメニュー テキスト入力

注意:

  • 商品名にはスペースを入れないでください。スペースが入るとシステムが不安定になります。
  • 価格は半角の数字で記入してください。カンマやピリオドは入れないでください。
  • SSLを利用するには128bit暗号鍵長対応のブラウザが必要です。


* Windows付属のメモ帳などのエディターを使用して上記のコードをお買い物画面に貼り付けてください。ホームページ作成ソフト(IBM ホームページビルダーなど)を使用すると文字化けなどが発生する可能性があります。

商品コード貼り付け

8. 上記7で作成又は生成された商品コードをあなたの商品ページにコピー&ペーストしてください。

試しに購入してみます。買い物かごが正常に動作し、受注メールが受信できればOKです。異常があれば、もう1度商品コードに間違いがないかどうかご確認ください。それでもだめな場合は、その商品コードをメールに貼り付けて、ファイバートリップまでお送りください。
具体的なコードの設置例は『商品コードの貼り付け方』でご覧いただけます。

* ボタンの名称を変えるには

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">に変えてください。



メールフォームもファイバートリップ