Comments
Description
Transcript
かごえもんの初期設定は、「全ての設定」で行います。
かごえもんの初期設定は、「全ての設定」で行います。 基本設定 ・・・ ショッピングカートシステム ( 注文フォーム ) に関する基本設定を行います。 基本設定の「管理画面用パスワード」とは? 商品注文における「送料」および注文完了時に自動送信されるショップの専用メールアドレス、メール文に記載する 挨拶文や署名など、かごえもんではインターネット上での Web 管理画面で設定するようになっています。 「管理画面用パスワード」は、ログインするときに入力するパスワードです。 SENDMAIL の設定とは? ご利用先のレンタルサーバーの sendmail のパスを設定してください。 sendmail のパスに関しては、弊社にご質問されましてもお客様が契約しているレンタルサーバーの設定内容まではわかりません。 必ず契約先レンタルサーバー(ホスティング会社)へお問い合わせください。 ※デフォルト設定では「/usr/sbin/sendmail」になっています。 デフォルト設定のまま基本設定を行って、テスト注文した際に受注メールがショップ側に受信された場合は変更不要です。 「戻る」先の URL とは? 注文フォームにおいてかごに入れた商品を取り消したり、別の商品を見る ( 買い物を続ける ) をクリックした時に表示するページの URL です。 ※URL は、必ず http://www.・・・から始まる絶対パスで設定してください。 注文フォームの設定 注文フォームのタイトルとは? 注文ページのページのタイトルです。 ホームページなどを閲覧した際に、ブラウザに表示したページの最上部に表示するページタイトルです。 スタイルシート CSS とは? デフォルト設定では、注文フォームの背景色が「白」になっています。 ショップの全体的なイメージカラーが白以外のカラー、または壁紙などを使っている場合は赤文字で記載している内容を参考にデフォルトで表示 している html ソースを変更してください。 ※スタイルシートを直接変更する場合は、かごえもんがインストールされているフォルダ内に「shoping」というフォルダがありますので、その中の shop.css ファイルを編集することで反映されます。 Yellow Santa - 1 ページ - 文字設定は、注文フォームの各項目などを変更する際に設定します。 注文フォーム ※ 必要に応じて変更してください。 Yellow Santa - 2 ページ - 合計金額表示設定は、「お買い上げ金額」を「ご注文金額」などに変更する際に設定します。 注文フォーム ※ 必要に応じて変更してください。 Yellow Santa - 3 ページ - テーブル設定は、注文フォームにおいての文字の色や背景色を変更する際に設定します。 注文フォーム ※ 必要に応じて変更してください。 ※ 色の指定は、色コードで直接設定するか色部分をクリックすると選択できます。 Yellow Santa - 4 ページ - ヘッダのタグ および フッタのタグは、かごえもんインストール先の「shoping」フォルダ内の header.html および footer.html を編集上書きすることで反映されます。 ※ 直接かごえもんで html ソースを記述しても設定可能です 注文フォーム Yellow Santa - 5 ページ - 終了のページとは? 注文フォームでの注文送信後、支払い方法 ( 決済確認ページ ) が表示し、決済方法を確認後の お客様への挨拶ページ (Thanks ページ ) を設定します。 終了ページ(Thanks ページ) ※ かごえもんインストール先の「shoping」フォルダ内の thanks.html を編集するか かごえもんの html ソースを編集することで反映されます。 Yellow Santa - 6 ページ - クレジット関連の設定とは? 商品販売においての支払い方法を設定する部分です。 ※ クレジットや PayPal を設定する場合は、必ずチェックを入れ「全て保存」してください。 支払い方法(決済方法 ) 確認ページ ※ かごえもんインストール先の「shoping」フォルダ内の各 template.html を編集するか かごえもんの html ソースを編集することで反映されます。 Yellow Santa - 7 ページ - FTP アップロード先とは? かごえもんの注文フォームは、cgi などのプログラムで起動します。 FTP アップロード先とは、その設置場所(html が設置できる場所 ) のことを指します。 ※設置先サーバーに対するかごえもんの利用条件 ※Windows 系サーバーでは設置できません。 ① sendmail が使用可能であること ② CGI(Perl) が使用可能であること ③ 画像・HTML・CGI・CSS ファイルが同一フォルダで動くこと ④ .htaccess が使用可能であること ※ここでは、一般的なサーバーの設置方法でご説明します。 FTP アップロード先をクリックすると、サーバーへのログイン設定画面が表示されます。 レンタルサーバーより配布の転送設定情報を入力し、「次へ」をクリックしてください。 index.html の設置場所である「html」ディレクトリを W クリックします。 ① index.html と同じ場所に注文フォームのプログラム等を設置する場合は、「完了」をクリックします。 cgi の URL は、ホームページアドレスが http://www.○○○○○.jp であれば http://www.○○○○○.jp/shop.cgi となります。 ② http://www.○○○○○.jp/uriba/ の様に「uriba」というディレクトリを作って設置したい場合は、 をクリックし、uriba と入力後、OK をクリックするとディレクトリがサーバー内に作成されます。 uriba を W クリックし「完了」を押します。 Yellow Santa - 8 ページ - 8ページの「FTP アップロード先」の設定が完了後、「ショッピングカートシステムの設置」を設置してください。 ※「ショッピングカートシステム」は、クリックすると青い帯が走り自動転送されます。 ※パソコン常駐のセキュリティソフトが起動した場合、ブロックを解除してください。 ※帯が走らない場合、Windows システムが影響しています。 その場合は、一度かごえもんを終了→起動でもう一度クリックし、帯が走るのを確認してください。 最終設定・・・タグの作成に関する設定 タグの作成に関する設定をクリックします。 1. かごシステムのデフォルト URL 指定は、9 ページの説明を元に、 ① index.html と同じ場所に注文フォームのプログラム等を設置した場合 URL は、http://www.○○○○○.jp/shop.cgi ② http://www.○○○○○.jp/uriba/ の様に「uriba」というディレクトリを作って設置した場合 URL は、http://www.○○○○○.jp/uriba/shop.cgi と設定してください。 2. 数の単位の編集 かごシステムを利用する商品の単位をあらかじめ設定してください。 入力文字を削除する場合は、削除したい部分をマウスでなぞりキーボードの BackSpace を押すことで削除されます。 3. 注文するボタンについて デフォルト設定では、通常ボタン ( 弊社ホームページに記載のサンプルボタンです ) です。 ボタンの表記を変更する場合は、「注文する」を 2. と同様に削除し設定してください。 通常ボタンに画像を使用する場合は、使用する画像をあらかじめサーバーに転送し、画像の URL を設定してください。 例・) 画像の転送先が index.html と同じ階層の imege フォルダ内の場合 画像名が cart.gif であれば、URL 指定は http://www. ドメイン /imege/cart.gif となります。 ※画像で指定する場合は、チェックを必ず変更してください。 4.「かごの中を見る」ボタンについて 3. 同様に設定を行ってください。 5. タグの保存場所 かごえもんの自動認識はで、C:\Program Files\ かごえもん \html_out\ になります。 この部分は、特に変更する必要はありませんが万一未表示になっている場合は、一度かごえもんを終了し再度起動すると自動認識します。 ※今まで設定した内容は、デフォルトとして自動保存しますのでそのまま再起動してください。 すべての設定が終われば OK をクリックしてください。 これでかごえもんの基本設定が完了します。 異なるショップを複数立ち上げる場合は、FTP アップロード先でかごシステムの設置場所を区別し設定することで異なったショップの運営 が可能になります。 その場合は、必ずこれまで同様ショップごとに各設定を行ってください。 Yellow Santa - 9 ページ - かごのタグ作成 1. かごシステムの指定 入力は不要です。 「タグの作成に関する設定」で設定したかごシステムのデフォルト UTL 指定の URL が反映されます。 2. 商品 ID、商品名は、自由に入力可能です。 例・) 商品 ID:a001 0001 子供服 10 号 など 注意 商品 ID は、注文フォームに反映しますので1つの商品ごとに異なる ID 設定を行ってください。 商品 ID には、ハイフン「-」を使用できません。 3. 価格 半角数字で入力してください。 例・) 単価が 5000 円の場合 5000 と入力 5,000 5000 円 ¥5000 などのように半角数字以外の「,」「円」「\」は入力不可です。 4. 単位 「タグの作成に関する設定」で設定した「数の単位の編集」が反映されます。 5. 複数注文を可能にする 単品販売を行う場合は、チェック無しにしてください。 チェックを入れると、1 ~ 5 までの数を選択し注文を行うことが出来る様になります。 6. 商品画像の URL 指定 商品画像の UTL 指定とは、注文フォームにも商品の画像を表示させたい場合などに設定します。 商品画像を設定する場合は、「タグの作成に関する設定」で設定した通常ボタンの代わりに設定した画像同様に設定してください。 7. 色、サイズ、種類などあれば以下で入力 について 商品ごとに色やサイズなどの選択ボタンを自動作成できます。 8. 商品 ID 用かごタグの作成 クリックすると商品 ID 用の注文ボタンを自動作成します。 作成されたボタンは、タグソースとして左白枠に表示します。 このタグソースをコピーし、貼り付けたいページの HTML ソースに貼り付けてください。 Yellow Santa - 10 ページ - かごのタグ作成 9. 商品 ID 用かごのタグ作成 + 保存 ( 商品 ID 名で保存 ) について 商品 ID 用かごのタグ作成で作成したタグソースを「タグの作成に関する設定」で設定した「タグの保存場所」へ保存します。 保存する際は、商品 ID 名の html で保存します。 例・) 商品 ID が「花 A」であれば「花 A.html」として保存します。 10.「かごの中を見る」のタグ作成の実行 クリックするだけで、注文履歴を見る「かごの中を見る」ボタンを自動作成し上記同様に保存します。 保存名は、view_kagoemon.html です。 11. 保存場所を開く 保存場所を開くをクリックすると保存場所を表示します。 商品 ID 用の個別ボタンは、9. のようになります。 かごの中を見るボタンは、10. の名前になります。 送料や返信メールなどのメール設定を行う「かごえもん Web 管理画面」は、web_kagoemon.html になります。 管理画面にアクセスする場合は、web_kagoemon.html を W クリックしてください。 アクセスする際は、必ずインターネットに接続できる環境で行ってください。 以上が、かごえもんの使い方です。 かごえもんの使い方マニュアルは、かごえもん英語版と共通です。 英語版としてお使いになる場合は、設定する文字は全て英語で表記してください。 Yellow Santa - 11 ページ - タグソースの貼り付け方法 一般的なタグの貼り付け方法(Win) 「注文する」ボタンを設置するHTMLファイルの上で右クリックをし、 表示されたメニューの中の 「アプリケーションから開く(H)」→「プログラムの選択...」をクリックします。 「ファイルを開くアプリケーションの選択」画面が出ましたら、 「 Notepad(メモ帳)」を選択し、「OK」を押してください。 「これらのファイルを開くときは・・・」には、チェックを入れないようにして下さい。 Macをご利用の場合 設置するHTMLファイルをシンプルテキストなどのテキストエディタで開いて編集を 行ってください。 ⇒ メモ帳が開いたら、かごえもんで作成した「商品ID用ボタン」ソースのHTMLタグをコピーし、貼り付けしたい部分にペースト(貼り付け)してください。 この部分が、お申込み時の商品IDになります。 貼り付けが完了したら、「ファイル」→「上書き保存(S)」で保存してください。 編集したHTMLファイルを転送して完了です。 転送したページにブラウザでアクセスして、表示をご確認ください。 ホームページ作成ソフトでのタグの貼り付け方法は、次ページでご説明いたします。 Yellow Santa - 12 ページ - ホームページ作成ソフトでのタグの貼り付け方法 お手持ちのホームページ作成ソフトを起動し、「注文する」ボタンを設置するHTMLファイルを開いてください。 ※サンプル画像は、「ホームページ・ビルダー V9 」を使用しています。 はじめに「注文する」ボタンを貼り付けたいHTMLファイルを読み込み、「ページ編集」で開いてください。 マウスで貼り付けたい場所をクリックします。 次に「HTMLソース」をクリックし、タグソースを開きます。 タグソースを開くと、選択箇所にカーソルが点滅しているので、 かごえもんで作成した「商品IDのHTML」のタグソースを貼り付けて ください。 「ホームページ・ビルダー V9 」の場合、「かんたん」スタイルでは、HTMLソースを直接編集することが出来ません。 必ず、編集スタイルを「スタンダード」スタイル、または「エディターズ」スタイルに切り替えて、操作を行ってください。 最後に、編集したHTMLファイルを転送して完了です。 転送したページにアクセスして、表示をご確認ください。 Yellow Santa - 13 ページ - かごえもんは、「FTPアップロード先」の設定と「タグの作成に関する設定」の2点を正しく行うことで簡単にショッピングカートシステムを 導入し、「注文する」ボタン部分をいくつでも作り出します。 かごえもんの起動画面上段にある「マニュアル」にも記載しておりますが、 ロリポップなどのレンタルサーバー設置例を記載します。 まず、FTPアップロード先の設定ですが、 レンタルサーバーログイン情報を元に ホスト:ftp123.lolipop.jp アカウント:whitesnow.co.jp-xxxxx パスワード:12345678 ※ホスト名、 アカウント、パスワードは、 レンタルサーバーご契約時に各ホスティング会社(レンタルサーバー)より通知のあった サーバーへのログイン情報を入力して下さい。 入力後、「次へ」をクリック ※ここでサーバーに自動接続します。 サーバーに接続されると、サーバーに設置されているディレクトリ(フォルダ) が表示します。 ディレクトリ(フォルダ) が表示しない場合は、 インターネット接続環境をご確認ください。 表示した「html」をWクリックし、そのまま「完了」を押します。 ↓ 「ショッピングカートシステム設置」をクリックすると自動で転送設置を行います。 ↓ 「タグの作成に関する設定」をクリックし、「かごシステムのデフォルトURL」を設定します。 カートシステムのcgi等をホームページの設置場所と同じ場所に設置する場合は、 http://www.xxxxx.co.jp/shop.cgi とします。 ※xxxxx.co.jp は、 ご自身のドメインに置き換えてください。 ここまでで、初期設定は終わりです。 「かごのタグ作成」をクリックし、商品用のIDなどを設定してください。 設定後、順に 「商品ID用かごタグの作成」 「商品ID用かごタグの作成+保存(商品ID名で保存)」 「かごの中を見る」のタグ作成の実行 をクリックすると保存場所に商品ID用のhtmlなどが作成されます。 「保存場所を開く」をクリックすると「web_kagoemonn.html」があります。 Wクリックして、かごえもん管理画面にログインし、各項目を入力してください。 ※WindowsVista の場合、保存場所を開いても表示しない場合があります。 これは、 ソフトの不具合ではなくVista 特有のセキュリティシステムによるものです。 その場合、Uブラウザからダイレクトにアクセスしてください。 例; http://www.xxxxx.co.jp/web_kagoemonn.html 設定する場合の重要ポイント 入力を確定する場合、送料設定とメール設定の「設定/編集」ボタンを押さないと内容は反映されません。 特に送信メール設定のFormとBCCへは、注文メールを受けるメールアドレスを入力し、 BCCのメールアドレスの最後にピリョード ( , )を必ず入れてください。 編集を完了すると、 ブラウザを閉じてください。 次は、「保存場所を開く」をクリックすると作成した商品IDが001であれば、001,htmlというhtmlがありますので、そのファイルをマウスで Wするとボタンが確認できるので、 テスト注文を行い最終チェックをしてください。 ※WindowsVista の場合、保存場所を開いても表示しない場合があります。 これは、 ソフトの不具合ではなくVista 特有のセキュリティシステムによるものです。 その場合、お手数ですがかごえもんで表示しているhtmlソースをホームページビルダーなどの新規作成でコピーし、名前を付けディスクトップへ 保存するか、C: Program Files→かごえもん→html_out 内に保存してください。 ※作成した商品IDボタンを編集したい場合は、該当のhtmlをマウスで左クリックしたまま「保存場所を開く」という上の空欄部分に移動し、 マウスの左クリックを放すと取り込みます。 取り込み後、「かごシステムの指定」のURLが記載されている場合は、削除してください。 これは、新たに設定したものに変更するためです。 取り込み後、順に 「商品ID用かごタグの作成」 「商品ID用かごタグの作成+保存 (商品ID名で保存)」 「かごの中を見る」のタグ作成の実行 をそのままクリックしてください。 終わりましたら、再度「保存場所を開く」で該当の商品IDのhtmlをWクリックしテスト注文してください。 ※作成したタグのソース( html )をホームページの貼り付けたい部分に貼り付ければ終わりです。 タグソースの貼り付け方などは、 ビルダーなどの編集ソフトの解説書などでご確認ください。 注文フォームで使用する「支払い方法」は、かごえもんの「支払い方法の設定」をクリックするとタグとして表示します。 デフォルト設定では、「銀行振込」と「ぱるる送金」が設定されています。 <input type="radio" name="pay" value=" 銀行振込 "> 銀行振込 <br> <input type="radio" name="pay" value=" ぱるる送金 "> ぱるる送金 クレジット支払いを追加したい場合 <input type="radio" name="pay" value=" 銀行振込 "> 銀行振込 <br> <input type="radio" name="pay" value=" ぱるる送金 "> ぱるる送金 <br> <input type="radio" name="pay" value=" クレジット支払い "> クレジット支払い とすれば OK です。 代引きで別料金、500 円を追加したい場合 <input type="radio" name="pay" value=" 銀行振込 "> 銀行振込 <br> <input type="radio" name="pay" value=" ぱるる送金 "> ぱるる送金 <br> <input type="radio" name="pay" value=" 代引き -500"> 代引き(代引き手数料 500 円が加算されます) としてください。 ポイントは value=" 代引き -500" という部分です。 コンビニ決済を追加したい場合 <input type="radio" name="pay" value=" 銀行振込 "> 銀行振込 <br> <input type="radio" name="pay" value=" ぱるる送金 "> ぱるる送金 <br> <input type="radio" name="pay" value=" コンビニ決済 "> コンビニ決済 となります。 ※注文フォームにおいての支払い方法で、あらかじめ銀行振込にチェックを入れておきたい場合 <input type="radio" name="pay" value=" 銀行振込 "> 銀行振込 <br> を <input type="radio" name="pay" value=" 銀行振込 checked "> 銀行振込 <br> としてください。 ※checked は、支払い方法に何を優先して選択させておくかという記載になります。 代引きを追加し、代引き支払いを支払い方法のメインにしたい場合 <input type="radio" name="pay" value=" 代引き -500 checked"> 代引き(代引き手数料 500 円が加算されます)<br> <input type="radio" name="pay" value=" 銀行振込 "> 銀行振込 <br> <input type="radio" name="pay" value=" ぱるる送金 "> ぱるる送金 のように編集してください。 かごえもんに関してのご質問等は、 メールにてお願いいたします。 ※なお、 ご質問はできるだけ細かな内容でご質問ください。 ※専門用語でのご質問は、 ご遠慮下さい。 専門用語は、 よくわかりませんので・・・ 最後に、 このたびは、かごえもんをご購入頂き、誠にありがとうございました。 Yellow Santa http://www.yellowsanta.com/ Yellow Santa 高原