カートボタン
カートボタンについて説明します。
カートボタンとは
登録商品の「カートに入れる」ボタンHTMLソースを出力して、自動生成ページ以外に張り付けて使用出来る機能です。
カートボタンの設定には、「カートボタン共通設定」と「商品毎のカートボタン設定」の2種類存在します。
以下に、使用例を記載します。
カートボタン共通設定
カートボタンは商品ごとに設定を変更することが可能ですが 商品ごとに設定を行わずにこの共通設定を行うことでカートボタンの設定を統一することができます。 個別に設定してある場合はそちらが優先されます。
画面表示：業務メニュー［商品管理］→［カートボタン共通設定］をクリックします。
画面操作：表示設定を入力し、[登録]ボタンをクリックします。表示イメージで実際の表示を確認します。
カートボタンの表示イメージ（プレビュー）
| 番号 | 項目 | 説明 |
|---|---|---|
| 1 | バリエーション パターン１ |
バリエーションパターン１設定時のカートボタンのイメージが表示されます。 （[登録]をクリックするとイメージも更新されます。） |
| 2 | バリエーション パターン２ |
バリエーションパターン２設定時のカートボタンのイメージが表示されます。 （[登録]をクリックするとイメージも更新されます。） |
バリエーションパターン１、２については、「商品登録について バリエーションとは」を参照ください。
| 番号 | 項目 | 説明 |
|---|---|---|
| 1 | 商品名表示 | 商品名の表示有無を選択してください。 表示する場合は、「文字サイズ」や「文字色」も指定できます。 |
| 2 | 価格表示 | 商品価格の表示有無を選択してください。 商品にバリエーションが登録されている場合は、バリエーション単位で価格が表示されます。 |
| 3 | バリエーション パターン１ |
商品のバリエーション選択の表示方法について、ラジオボタン/セレクターから選択してください。 ラジオボタン：バリエーションの選択がラジオボタンになります。 ラジオボタンの「文字サイズ」「文字色」を指定できます。 セレクター：バリエーションの選択がセレクター（プルダウン）になります。 セレクターの「文字サイズ」「文字色」「表示サイズ（横／縦）」と「枠線色」「背景色」を指定できます。 |
| 4 | バリエーション パターン２ |
指定形式：プルダウン 「文字サイズ」「文字色」「表示サイズ（横／縦）」と「枠線色」「背景色」を指定できます。 指定形式：テキスト 「文字サイズ」「文字色」「表示サイズ（横／縦）」と「枠線色」「背景色」を指定できます。 |
| 5 | 数量 | 商品注文数の入力欄について、テキスト入力/セレクター入力を選択してください。 テキスト入力：注文数の指定が入力枠になります。 「文字サイズ」「文字色」「表示サイズ（横／縦）」「枠線色」「背景色」「文字位置」を指定できます。 セレクター入力：注文数の指定がセレクター（プルダウン）になります。 「文字サイズ」「文字色」「表示サイズ（横／縦）」「枠線色」「背景色」「選択肢」を「パイプ（｜）区切り」で指定できます。 |
| 6 | カートボタン | 商品をカートに入れるボタンを、テキストボタン/画像ボタンから選択してください。 テキストボタン：通常の「カートにいれる」ボタンになります。 「文字サイズ」「文字色」「表示サイズ（横／縦）」「枠線色」「背景色」も指定できます。 画像ボタン：「カートに入れる」ボタンが指定画像になります。 画像の選択が必要です。 |
項目を設定後は、「登録ボタン」をクリックしてください。HTMLソースは商品一覧画面のHTMLボタンで参照出来ます。
フリーページへの設置方法
カートボタンをフリーページに設置する方法について説明します。
カートボタンHTMLソースを、コピーしフリーページの編集画面に張り付けて使用します。
業務メニュー［商品管理］→［商品一覧］をクリックします。一覧に表示されたカートボタンを設定する商品の 「カート」ボタンをクリックします。
なお、カートボタン画面には「商品詳細」ページ上部の「カート」ボタンをクリックしても遷移出来ます。
・お試し期間中に張り付けたHTMLソースは本契約後に利用不可になるため張り替えが必要です。
・別ドメインのページに設置する場合には、ドメイン間遷移でもcookie送出を可能にするため</head>の直前に以下タグを追加必要があります。
<meta name="referrer" content="no-referrer-when-downgrade">
1カートボタンの設置は、HTMLソース欄に表示されているソースコードを「クリップボードにコピー」ボタンをクリックしてコピーします。
2コピーしたHTMLソースは、業務メニュー「デザイン」 → 「マイテンプレート」をクリックして表示されたテンプレートの一覧にある「フリーページ」ボタンをクリックして「新規登録」ボタンよりHTMLソースの設定をしてください。
3コピーしたソースは、フリーページ内容の項目欄にあるソース表示ボタンをクリック後ペーストして貼り付けを行い「登録」ボタンをクリックして下さい。
フリーページを開くとカートボタンが表示されます。
フリーページでのカートボタン設置例
定期購入設定が有効な商品の場合には、定期購入用カートボタンの使用が可能です。
定期購入設定が有効場合の表示
定期購入タブをクリックしてから、［クリップボードにコピー］ボタンをクリックしてコピーしてご利用ください。なお、定期購入専用の商品の場合は、通常タブが非表示となります。
カート画面（カ注文手続き画面、マイページ各画面、お問合せ画面など）に表示されるショップ名のリンク先を任意のURLに変更することができます。
詳しくは、リンク設定をご覧ください。