販売ページとデザイン設定

テーマカラーの変更や画像の設定、サイト紹介文などを入力し、販売ページをオリジナルのものにしましょう

目録

• 販売ページ設定
  • ブラウザタブのアイコン
  • ヘッダーストア名
  • バナー画像
  • ショッピングカート
  • 属性タグ
  • 通貨の切り替え表示・言語の切り替え表示
  • お問い合わせフォーム
  • B2B販売のお問い合わせフォーム
  • 予約キャンセル申請ボタン
  • カスタムメニュー(リンク集)
  • フッター (ページ最下部) のカスタマイズ
  • サイト紹介
  • 私たちについて
  • トラッキングコード
    • Google Analytics ID
    • Facebook Pixel ID
• 販売ページのデザイン設定 
  • 色の設定
  • カレンダーのスタイル設定
  • 在庫の表示設定

販売ページ設定

販売ツール ＞ 販売ページ設定

ブラウザタブのアイコン

ウェブサイトのシンボルマーク、ファビコンを設定することができます

1. デバイスから画像を選択（推奨サイズ：128 × 128px）

プレビュー：

ヘッダーストア名

販売ページ画面左上に、ストア名もしくはロゴ画像を表示します。お好きな方を選択してください。

1. ロゴ画像を表示させる場合、画像をアップロードしてください。推奨サイズは240 × 128pxです。

ヒント：ストア名を変更したい場合、システム設定 ＞ 一般設定 ＞ 基本設定にて変更してください

ストア名：  

ロゴ画像： 

バナー画像

販売ページトップに表示する画像です。画像にリンクやテキストを入力することもできます。

1. デバイスから画像を選択（推奨サイズ：1920 × 600px）

2. バナー画像上にテキストを表示する場合、「バナー画像のメインタイトル」と「バナー画像のサブタイトル」へ希望のテキストを入力

3. バナー画像上にリンクを挿入する場合、「バナーリンク」にて指定のURLを入力

バナーリンク：販売ページにて画像を押下するとリンク先へ移動します

4. 追加ボタンを押下 

ヒント：複数の画像をアップロードすることができます。1枚目にアップロードした画像がカバー画像となります。

ショッピングカート

オンにすると、複数の商品を同時に購入することができます

注意：カートを使用した決済には、「一部前払い」が適用されず、一律「全額前払い」精算となります。

同じカート内で成立した予約に返金が生じた場合、個別の予約に対して処理を行う必要があります。

属性タグ

商品作成時に追加した属性タグを選択することで、販売ページの商品検索バー下部に、商品をカテゴリー毎に分類することができます。

プレビュー：

通貨の切り替え表示・言語の切り替え表示

販売ページは多通貨・多言語に対応させることができます。

1. ➕ボタンを押下し、希望通貨/言語を選択

2. 確認を押下

プレビュー：

お問い合わせフォーム

お問い合わせフォームをオンにすると、販売ページ画面右下にお問い合わせフォームが追加されます。

1. メールアドレスを入力

お客様からのお問い合わせは、入力したメールアドレス宛に送信されます

プレビュー：

B2B販売のお問い合わせフォーム

B2B販売のお問い合わせフォームをオンにすると、販売ページヘッダーにお問い合わせフォームが追加されます

1. メールアドレスを入力

全てのお問い合わせは、入力したメールアドレス宛てに送信されます

プレビュー：

予約キャンセル申請ボタン

お客様は販売ページヘッダーの予約確認にて、購入した商品の予約照会を行うことができます。その際に、予約キャンセル申請ボタンを表示させることで、お客様都合のキャンセル申請を受けることができます。

オン：

オフ：

カスタムメニュー(リンク集)

• ヘッダーに新たなメニューを追加することができます

• タイトル、オプション入力後、ハイパーリンクを挿入し追加をクリック

プレビュー：

フッター (ページ最下部) のカスタマイズ

1. 追加フッターにフッター名を入力

2. ハイパーリンクが必要な場合はチェックマークをクリック

3. リンクを貼り付けます

ヒント：追加フッターは左、中央、右に追加することが可能です。販売ページ下部のデフォルトのフッター欄の下に表示されます。

サイト紹介

販売ページの紹介文を入力しましょう。

ヒント：テキストの入力方法について、詳細な操作方法は、テキストディターの使い方 をご参照ください

プレビュー：

私たちについて

入力した内容は、販売ページのヘッダーに表示されます

トラッキングコード

• Google Analytics ID

Google アナリティクス にてデータを計測するためにトラッキングIDを入力してください。

ヒント：Googleアナリティクスについて詳細な設定方法は、Googleアナリティクスの設定方法をご確認ください。

• Facebook Pixel ID

Facebookピクセルナンバーを入力してください

設定完了後、販売ページを有効にし商品の販売を開始させましょう！

販売ページのデザイン設定 

販売ツール ＞ 販売ページのデザイン設定

色の設定

販売ページのテーマカラーを設定します。

メインカラー、サブカラー、テキストメインカラー、テキストサブカラー、ボタンの色およびボタンの文字色があります。

1. クリックでイメージを表示ボタンから、どの色がどこに反映されるのか確認することができます

1. 変更したい項目のカラーボックスをクリック 

2. 色見本が表示されます

3. 色を選択

4. カラーコードを入力することもできます

5. 設定完了後、保存 または 保存＆プレビュー をクリック

プレビュー：

カレンダーのスタイル設定

お客様が商品の利用日を選択する際に表示するカレンダーのスタイルを選択します

共通スタイルと和式スタイルから選択してください

販売残数低下時の表示設定：和式スタイルでは販売可能数が設定した数値を下回った際に、▵マークが表示されます

在庫の表示設定

お客様が商品の予約枠*を選択する際に、在庫数を表示することができます

*予約枠：商品の開始時間のこと