販売ページの基本設定とデザイン設定
販売ページのテーマカラーやカバー画像、サイト紹介文等の設定方法をご紹介します。
目録
- 販売ページのURL
- ブラウザタブのアイコン
- ヘッダーのストア名表示方法
- バナー画像
- 商品画像
- 利用規約とプライバシーポリシー
- ショッピングカート
- 属性タグ
- 通貨の切り替え表示・言語の切り替え表示
- お問い合わせフォーム
- B2B販売のお問い合わせフォーム
- 備考欄
- 予約キャンセル申請ボタン
- カスタムメニュー(リンク集)
- フッター (ページ最下部) のカスタマイズ
- サイト紹介
- 私たちについて
- トラッキングコード
- デザイン設定
販売ページ基本設定
メニュー欄【販売ツール】>販売ページ基本設定
販売ページのURL
販売ページのURLを指定し、サイトの開通をします。以下XXXXXXに英数字をご入力ください。
https:// XXXXXX .rezio.shop
利用可能なURLであることを確認した後、画面左上『販売ページを有効にする』ボタンをクリックして、有効化してください
ブラウザタブのアイコン
ブラウザのタブ等に表示される、ウェブサイトのシンボルマーク「ファビコン」を設定します
『新規追加』ボタンをクリックして、デバイスから画像を選択し、アップロードする(推奨サイズ:128×128px)
プレビュー:
ヘッダーのストア名表示方法
販売ページ画面左上に、ストア名のテキスト、またはロゴ画像を表示させることができます。
ストア名を表示させたい場合、『ストア名』を選択してください。
ストア名は、システム設定 > 一般設定 > 基本設定で、変更が可能です。
ロゴ画像を表示させたい場合、画像をアップロードしてください。推奨サイズは240 × 128pxです。
ストア名:
ロゴ画像:
バナー画像
販売ページトップに表示する画像を設定します。画像には、リンクやテキストを挿入することができます。
アップロードした画像が推奨サイズ(1920 × 900px)と異なる場合の表示方法を、以下より選択してください
画像全体を使用:推奨サイズと異なる場合、不足部分に余白が生じます
画像を推奨サイズにトリミング:推奨サイズと異なる場合、超過分が自動的にトリミングされます
『新規追加』ボタンをクリックして、デバイスから画像を選択し、アップロードする(推奨サイズ:1920 × 900px)
バナー画像にテキストを表示する場合、「バナー画像のメインタイトル」と「バナー画像のサブタイトル」にテキストを入力
バナー画像にリンクを挿入する場合、「バナーリンク」に指定のURLを入力
バナーリンク:販売ページにて画像を押下するとリンク先へ移動します
追加ボタンをクリック
ポイント:複数の画像をアップロードすることができます。1枚目にアップロードした画像がカバー画像となります。
商品画像
販売ページトップに表示する画像の表示方法を設定します。アップロードした画像が推奨サイズ(1920 × 900px)と異なる場合の表示方法を、以下より選択してください。
画像全体を使用:推奨サイズと異なる場合、不足部分に余白が生じます
画像を推奨サイズにトリミング:推奨サイズと異なる場合、超過分が自動的にトリミングされます
利用規約とプライバシーポリシー
お客様が販売ページで商品を購入する際に、『利用規約とプライバシーポリシーへの同意項目』の表示有無を設定できます。基本的に、有効化してください。
ショッピングカート
オンにすると、複数プランを同時購入できるようになります
注意事項:カートを使用した決済には、「一部前払い」が適用されず、一律「全額事前支払い」精算となります。また、同じカート内で成立した予約に返金が生じた場合、個別の予約に対して処理を行う必要があります。
属性タグ
商品作成時に追加した属性タグを選択することで、販売ページの商品検索バー下部に、商品をカテゴリー毎に分類することができます。
プレビュー:
通貨の切り替え表示・言語の切り替え表示
多通貨と多言語に対応させることができます。対応可能な通貨と言語を選択してください。
ポイント:商品に関するテキスト(商品名や商品詳細)を多言語に対応させるには、【翻訳スペース】で、翻訳文を追加する必要があります。翻訳スペースに関する詳細は、ユーザーガイド:翻訳スペースをご参照ください。
『➕』ボタンをクリックして、希望の通貨/言語を選択
『確認』ボタンをクリック
プレビュー:
お問い合わせフォーム
お問い合わせフォームを有効化すると、販売ページ画面右下に、『お問い合わせフォーム』ボタンが追加されます。
『お問い合わせフォームを表示する』をオンに
メールアドレスを入力
お客様からのお問い合わせは、入力したメールアドレス宛に送信されます
プレビュー:
B2B販売のお問い合わせフォーム
B2B販売のお問い合わせフォームを有効化すると、販売ページヘッダーに、『お問い合わせフォーム』が追加されます
『B2B販売のお問い合わせフォームを表示する』をオンに
メールアドレスを入力
全てのお問い合わせは、入力したメールアドレス宛てに送信されます
プレビュー:
備考欄
お客様がご予約時に『備考欄』の入力欄が表示されます。記入された内容は、予約詳細ページの【備考欄】タブ内に表示されます。
予約キャンセル申請ボタン
お客様は販売ページヘッダーの『予約確認』で、購入した商品の予約照会を行うことができます。
その際に、予約キャンセル申請ボタンを表示させることで、お客様都合のキャンセル申請を受けることができます。
オン:
オフ:
カスタムメニュー(リンク集)
ヘッダーに新たなメニューを追加することができます
タイトルとオプションを入力後、ハイパーリンクを挿入し追加をクリック
プレビュー:
フッター (ページ最下部) のカスタマイズ
フッターをカスタマイズすることができます。
デフォルトの項目から選択する場合、『+』ボタンをクリックして、項目を選択してください
フッターを追加したい場合、『追加フッターを使用する』をオンに
左側、中央、右側の3つから表示位置を指定できます
希望の表示位置で、タイトルを追加
ハイパーリンクが必要な場合、チェックマークをクリックしてリンクを貼り付けてください
プレビュー:
サイト紹介
販売ページのトップに表示されるテキストを入力します
ポイント:テキストの入力方法に関する詳細は、ユーザーガイド:テキストディターの使い方 をご参照ください。
プレビュー:
私たちについて
入力した内容は、販売ページのヘッダーに表示されます
トラッキングコード
Google Analytics ID
Google アナリティクス データ計測用の、トラッキングIDを入力してください
ヒント:Googleアナリティクスについて詳細な設定方法は、ユーザーガイド:Googleアナリティクスの設定方法をご確認ください。
Facebook Pixel ID
Facebookピクセルナンバーを入力してください
デザイン設定
メニュー欄【販売ツール】>デザイン設定
色の設定
販売ページのテーマカラーを設定します。
メインカラー、サブカラー、テキストメインカラー、テキストサブカラー、ボタンの色およびボタンの文字色をカスタマイズできます。
『クリックでイメージを表示』ボタンから、反映イメージを確認することができます
変更したい項目のカラーボックスをクリック
色見本が表示されます
色を選択、またはカラーコードを入力してください
設定完了後、保存 または 保存&プレビュー をクリック
プレビュー:
カレンダーのスタイル設定
お客様が商品購入時に利用日を選択する際の、カレンダーの表示形式を選択します。『共通スタイル』と『和式スタイル』から選択してください。
販売残数低下時の表示設定:和式スタイルでは販売可能数が設定した数値を下回った際に、▵マークが表示されます
在庫の表示設定
お客様が商品の予約枠*を選択する際に、残りの在庫数を表示することができます
*予約枠:体験時間のこと
以上で、販売ページの基本設定とデザイン設定は完了です。
この記事は役に立ちましたか?
それは素晴らしい!
フィードバックありがとうございます
お役に立てず申し訳ございません!
フィードバックありがとうございます
フィードバックを送信しました
記事の改善におけるご協力ありがとうございます。