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



