ショッピングカート（Petit Cart）の設定手順新規ユーザー登録 » ショッピングカート新規作成 » 商品タグ作成 » 商品タグ貼り付け
■ 新規ユーザー登録1. 右メニュー登録関係の『新規ユーザー登録』をクリックし、必要事項を記入し、送信ボタンをクリックします。
| 新規申し込み画面 | |
| ログイン名 (半角英数字): | |
| パスワード (半角英数字): | |
| お名前(組織の場合は担当者名): | |
| メールアドレス: | |
| 郵便番号: | |
| ご住所: | |
| 組織名(個人企業の場合は事業主のお名前): | |
| 電話番号: | |
| インターネットショップ名: | |
| インターネットショップのURL: | |
| ご利用期間: | (スポットは、２ヶ月以内のメールフォームをご利用の場合のみ選択できます) スポットの場合は、ご利用予定期間をご指定ください。 月日〜月日まで |
| ご利用サービス: | 買い物かご メールフォーム 買い物かご＆メールフォーム |
| メールフォームの個数: | 個 上記の内、多言語メールフォームの個数: 個 * 多言語メールフォームは、初期設定費が異なります。 |
| 買い物かご在庫オプション: | つけない つける （後ほど変更可能です） メールフォームのみの場合は不要です。 |
注意：ログイン名は、買い物かごを開いたときにアドレスバーに表示されます。shop名や会社名を連想させるようなものが便利です。パスワードは、他人にわからないようなものにしてください。
この画面で入力するログイン名とパスワードは、今後買い物かごの作成や編集、商品コードの作成の際に必要となりますので、絶対に忘れないように、記録しておいてください。
2. 右管理メニューPC用カートの作成・編集等から『新規作成』をクリックします。
通常は、基本型カートの『新規作成』をお選びください。クレジットカード連動型カートの『新規作成』は、予め決済サービス代行会社のクレジットカード決済サービスのお申し込みをされた店舗さまに限られます
3. ユーザーログイン画面になります。上段の「日本語版カートの新規作成」欄にログイン名とパスワードを入力し、送信ボタンをクリックします。
4. 買い物かごの新規作成画面が表示されます。
5. 必要事項をもれなく記入し、「ページを作成する」ボタンをクリックします。| 買い物かごの設定 |
| 1. | お店の名前
|
|||||||||||||||||||||||||||||||||
| 2. | 送料 円
|
|||||||||||||||||||||||||||||||||
| 3. | 境界(この金額以上は送料が無料) 円 3-1. 左の金額は
|
|||||||||||||||||||||||||||||||||
| 4. | 地域ごとに送料が異なる場合は、次の欄に値を半角で（カンマは入れずに）記入してください。（総額表示では、送料も税込みの金額です。） （右端の列の入力欄に金額を記入して「一括入力」ボタンをクリックすると簡単ですが、javascriptをオフにしていたり、ブラウザにより「一括入力」機能が使えない場合は、お手数ですが、１つ１つ入力してください。）
|
|||||||||||||||||||||||||||||||||
| 5. | 消費税の表示方式をお選びください。
|
|||||||||||||||||||||||||||||||||
| 6. | 商品にかかる消費税（必ず記入してください。消費税をいただかない場合は半角で0と記入します。) 6-1. 端数は （円未満の端数処理の方法を選択してください。 消費税をいただかない場合はそのままで結構です。） |
|||||||||||||||||||||||||||||||||
| 7. | 送料にかかる消費税（必ず記入してください。消費税をいただかない場合は半角で0と記入します。上記5.の消費税の表示方式で、総額表示（経過措置適用方式）を選択した場合には、支払総額を基に消費税額を計算しなければならないため、ここでの設定にかかわらず、税率・端数処理ともに商品にかかる消費税と同じになります。) 7-1. 端数は （円未満の端数処理の方法を選択してください。） 消費税をいただかない場合はそのままで結構です。） |
|||||||||||||||||||||||||||||||||
| 8. | 注文書を受けるメールアドレス(省略不可) @ |
|||||||||||||||||||||||||||||||||
| 9. | 注文があったことを知らせるPHSまたは携帯電話のメールアドレス(省略可) @ |
|||||||||||||||||||||||||||||||||
| 10. | お届け希望時間帯 「指定なし」はデフォルトで設定されますので、ご記入の必要はありません。
|
|||||||||||||||||||||||||||||||||
| 10-2.お届け希望日欄 | ||||||||||||||||||||||||||||||||||
| 不要 必要 | ||||||||||||||||||||||||||||||||||
| 11. | 支払い方法 (10まで記入できます) |
|||||||||||||||||||||||||||||||||
| 12. | 発注ボタンを押した後に出力するページに記載するメッセージをお書きください。 HTMLタグは使用できません。改行する場合は半角のスペースを挿入してください。
何も記載がない場合は、
ご注文ありがとうございます。
上記の文章に設定されます。直ちに「ご注文ありがとうございます」と、自動返信メールが お客様のご記入のメールアドレス宛に送信されます。 もし、届かない場合には、 メールアドレスの記入誤りその他何らかの事情により ご注文メールが当店にも送られていない可能性がございます。 恐れ入りますが、当店までご連絡いただくか、 再度、ご注文くださいますようお願い申し上げます。 なお、再度のご注文の際には、 発注用紙画面5番の記入欄にその旨ご記入ください。 それ以外の文面にしたい場合は下記にご記入ください。 |
|||||||||||||||||||||||||||||||||
| 13. | 背景色 14. アクセントカラー このをクリックしてお好きな色を選んでください。デフォルトでは背景色はクリーム色、アクセントカラーはダークシアン(深い青緑色)になっています。（買い物かごの使用例で使われている色です。） 決まりましたら、それぞれの色の値をコピーして上欄に貼り付け、上欄の値をその色の値に置き換えてください。 |
|||||||||||||||||||||||||||||||||
| 15. | お客さまへの自動返信メールの末尾に記載する文章をお書きください。 何も記載がない場合は、
上記の内容に疑問があればご連絡をお願いします。
今回はどうもありがとうございました。 ------------------------------ ****(お店の名前) E-mail:***@*** 上記の文章に設定されます。それ以外の文面にしたい場合は下記にご記入ください。
|
|||||||||||||||||||||||||||||||||
6. 買い物かごが完成します。
次に、あなたのインターネット・ショップのホームページを修正します。上記6までの作業を終了し、買い物かごをすでに作成された方は、次のステップ7を実行してください。
■商品タグ作成
7. 商品毎に次のタグを記入します。
又は右管理メニューPC用カートの作成・編集等の「商品タグ作成」から目的の商品タグをクリックし、「お買い物商品のタグ」画面で商品名や価格などを入力して「タグを作成する」ボタンをクリックします。
-
<!--ここから-->
<form method="POST" action="https://fibertrip.com/cgi-bin/xxxx/xxxx.cgi" target="blank">
商品名
<br>価格2,100円 個数<input type="text" name="商品名&&&価格" value="" 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" value="" 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. 個数の部分を
* Windows付属のメモ帳などのエディターを使用して上記のコードをお買い物画面に貼り付けてください。ホームページ作成ソフト(IBM ホームページビルダーなど)を使用すると文字化けなどが発生する可能性があります。 |
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シャツを販売する場合で、色が白・黒・赤の３種類、サイズがＳ・Ｍ・Ｌ・ＬＬの４種類ある場合
<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>Ｓ</option>
<option>Ｍ</option>
<option selected>Ｌ</option>
<option>ＬＬ</option>
</select> 個数<input type="text" name="Tシャツ&&&2100" value="" maxlength="3" size="3"> <input type="submit" name="submit" value="購入"></form>
具体的なタグの設置例は『商品タグの貼り付け方』の「寸法や色など複数の属性がある商品を販売する場合は」をご覧ください。
- * ホームページ上に「買い物かごの中を見る」ボタンを付けるには
-
買い物かごを閉じてしまったときのために、下記のHTMLタグをホームページに貼り付けることによって、かごの中を表示できます。
* safariやGoogle Chrome では、ボタンタイプの場合、ブラウザを更新しないと、閉じたカートウインドウを開けないケースがございます。リンクタイプを推奨いたします。
* ***には、ログイン名が入ります。
"買い物かごの中を見る"は、お好きな言葉に変えていただいて構いません。 -
【ボタンタイプ】
<form method="POST" action="https://fibertrip.com/cgi-bin/***/***.cgi" target="blank">
<input type="hidden" name="submit" value="確認">
<input type="submit" value="買い物かごの中を見る"> </form> -
【テキストリンクタイプ】
<a href="https://fibertrip.com/cgi-bin/***/***.cgi?submit=%8am%94F" target="blank">買い物かごの中を見る</a> -
【画像ボタンリンクタイプ】
<a href="https://fibertrip.com/cgi-bin/***/***.cgi?submit=%8am%94F" target="blank"><img src="画像ボタンへのパス" border="0" alt="買い物かごの中を見る"></a>
