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

販売ページのテーマカラーやカバー画像、サイト紹介文等の設定方法をご紹介します。

目録

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

販売ページ基本設定

メニュー欄【販売ツール】＞販売ページ基本設定

販売ページのURL

1. 販売ページのURLを指定し、サイトの開通をします。以下XXXXXXに英数字をご入力ください。

   1. https://　XXXXXX　.rezio.shop

2. 利用可能なURLであることを確認した後、画面左上『販売ページを有効にする』ボタンをクリックして、有効化してください

ブラウザタブのアイコン

ブラウザのタブ等に表示される、ウェブサイトのシンボルマーク「ファビコン」を設定します

1. 『新規追加』ボタンをクリックして、デバイスから画像を選択し、アップロードする（推奨サイズ：128×128px）

プレビュー：

ヘッダーのストア名表示方法

販売ページ画面左上に、ストア名のテキスト、またはロゴ画像を表示させることができます。

1. ストア名を表示させたい場合、『ストア名』を選択してください。

ストア名は、システム設定 ＞ 一般設定 ＞ 基本設定で、変更が可能です。

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

ストア名：  

ロゴ画像： 

バナー画像

販売ページトップに表示する画像を設定します。画像には、リンクやテキストを挿入することができます。

1. アップロードした画像が推奨サイズ（1920 × 900px）と異なる場合の表示方法を、以下より選択してください

   1. 画像全体を使用：推奨サイズと異なる場合、不足部分に余白が生じます

   2. 画像を推奨サイズにトリミング：推奨サイズと異なる場合、超過分が自動的にトリミングされます
      
      

2. 『新規追加』ボタンをクリックして、デバイスから画像を選択し、アップロードする（推奨サイズ：1920 × 900px）

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

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

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

5. 追加ボタンをクリック 

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

商品画像

販売ページトップに表示する画像の表示方法を設定します。アップロードした画像が推奨サイズ（1920 × 900px）と異なる場合の表示方法を、以下より選択してください。

1. 画像全体を使用：推奨サイズと異なる場合、不足部分に余白が生じます

2. 画像を推奨サイズにトリミング：推奨サイズと異なる場合、超過分が自動的にトリミングされます

利用規約とプライバシーポリシー

お客様が販売ページで商品を購入する際に、『利用規約とプライバシーポリシーへの同意項目』の表示有無を設定できます。基本的に、有効化してください。

ショッピングカート

オンにすると、複数プランを同時購入できるようになります

注意事項：カートを使用した決済には、「一部前払い」が適用されず、一律「全額事前支払い」精算となります。また、同じカート内で成立した予約に返金が生じた場合、個別の予約に対して処理を行う必要があります。

属性タグ

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

プレビュー：

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

多通貨と多言語に対応させることができます。対応可能な通貨と言語を選択してください。

ポイント：商品に関するテキスト（商品名や商品詳細）を多言語に対応させるには、【翻訳スペース】で、翻訳文を追加する必要があります。翻訳スペースに関する詳細は、ユーザーガイド：翻訳スペースをご参照ください。

1. 『➕』ボタンをクリックして、希望の通貨/言語を選択

2. 『確認』ボタンをクリック

プレビュー：

お問い合わせフォーム

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

1. 『お問い合わせフォームを表示する』をオンに

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

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

プレビュー：

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

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

1. 『B2B販売のお問い合わせフォームを表示する』をオンに

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

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

プレビュー：

備考欄

お客様がご予約時に『備考欄』の入力欄が表示されます。記入された内容は、予約詳細ページの【備考欄】タブ内に表示されます。

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

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

オン：

オフ：

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

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

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

プレビュー：

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

フッターをカスタマイズすることができます。

1. デフォルトの項目から選択する場合、『＋』ボタンをクリックして、項目を選択してください

2. フッターを追加したい場合、『追加フッターを使用する』をオンに

3. 左側、中央、右側の3つから表示位置を指定できます

4. 希望の表示位置で、タイトルを追加

5. ﾊイパーリンクが必要な場合、チェックマークをクリックしてリンクを貼り付けてください

プレビュー：

サイト紹介

販売ページのトップに表示されるテキストを入力します

ポイント：テキストの入力方法に関する詳細は、ユーザーガイド：テキストディターの使い方 をご参照ください。

プレビュー：

私たちについて

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

トラッキングコード

• Google Analytics ID

Google アナリティクス データ計測用の、トラッキングIDを入力してください

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

• Facebook Pixel ID

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

デザイン設定 

メニュー欄【販売ツール】＞デザイン設定

色の設定

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

メインカラー、サブカラー、テキストメインカラー、テキストサブカラー、ボタンの色およびボタンの文字色をカスタマイズできます。

1. 『クリックでイメージを表示』ボタンから、反映イメージを確認することができます

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

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

4. 色を選択、またはカラーコードを入力してください

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

プレビュー：

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

お客様が商品購入時に利用日を選択する際の、カレンダーの表示形式を選択します。『共通スタイル』と『和式スタイル』から選択してください。

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

在庫の表示設定

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

*予約枠：体験時間のこと

以上で、販売ページの基本設定とデザイン設定は完了です。