TableCheckの予約ページをブランドカラーに合わせて、背景・カラーなど、デザインをカスタマイズすることができます。
目次
1．設定画面『ホーム』よりサイドメニュー『予約関連』→『予約ページ用テーマ』へ進みます。
※ページ上部のグローバルメニューにある検索🔍に設定したい機能名を入力すると、該当の機能が開きます。
2．必要な操作に応じてボタンを押下します。
① 新規予約ページ用テーマ：新規作成
② 編集（または編集したいテーマをクリック）：既存のデザインを編集
③ コピーする：既存のデザインをコピーする
④ アーカイブする：既存のデザインを保存する
基本項目
|
①予約ページ用テーマ/ 名前 店舗様での管理名称を入れてください。 |
|
|
②有効 「有効」にすると該当のデザインを本番環境で有効にします。 |
|
|
③店舗 / 全ての店舗 この予約テーマ適用する店舗を選択してください。または、全ての店舗にチェックを入れてください。 |
|
|
④予約テーマ編集 「エディターを開く」から予約ぺージのデザインをカスタマイズする事ができます。 |
|
|
⑤ファビコン画像 ブラウザのタブなどに表示されるアイコンを設定できます。 推奨サイズ: 32 x 32 ピクセル。 |
|
|
⑥SNSのサムネイル フォームがSNSにリンクされている場合に表示されます。 推奨サイズ: 1200 x 630 ピクセル。 |
テーマの構成
基本項目④の「エディターを開く」を押下すると、コンテンツエディタが開きます「テーマの構成」画面が表示されます。
|
|
①スタイリング テンプレート： |
|
②画像
|
|
|
③店舗名表示 ④バナーの影 |
カスタマイズ編集
テーマの構成①の[カスタマイズ]を押下すると、[カスタマイズ編集]画面が表示されます。
|
①ヘッダー＆ボタン色 ヘッダーとボタンの色を変更 |
|
|
②表面（中）色 文字が表示される中央のカラー |
|
|
③ヘッダー背景色 ヘッダー背景色 設定しない場合、「ヘッダー＆ボタン色」のカラーになります |
|
|
④テキスト色 お店からのお知らせ、メニュー名などテキスト全般の色 |
|
|
⑤フッターテキスト色 フッターテキストの色 |
|
|
⑥ボタン枠＆アイコン＆リンク色 ボタンの枠・各アイコン・URLの色 |
|
|
⑦ボタン内テキスト色 予約フォーム内に設置されているボタンのテキスト色 |
|
|
⑧背景色 「表面（中）色」の裏に表示される色 「背景画像」を設定しない場合に表示されます |
画像をアップロードする編集
テーマの構成②の[画像をアップロードする]を押下すると、[画像をアップロードする編集]画面が表示されます。
|
①ロゴ バナー画像上に表示されるロゴ画像 |
|
|
②バナー 各ページ上部に表示さるバナー画像 「バナー画像に影を設定する」にチェックを入れると、バナーに暗く影がかかります |
|
|
③背景画像 「表面（中）色」の裏に表示される画像 モバイル版では表示されません |
|
|
④ロゴ表示 バナー画像上にロゴ画像を表示/非表示設定 |
|
|
⑤バナー全体表示 チェックを入れると、バナー画像全体が表示されます |
予約ページのデザインをカスタマイズしながら、リアルタイムでプレビュー画面を確認できます。
PC版とモバイル版でそれぞれプレビュー画面をご確認いただけます。
お店からのお知らせの表示方法、時間選択の表示方法を変更することができます。
お店からのお知らせ表示方法をお選びいただけます。 ①トップページ ②ポップアップ ③確定画面 ※①トップページ②ポップアップではお知らせに同意して予約に進みますが、③確定画面では表示されるのみになります。 設定は、店舗設定画面のオンラインより編集が可能です。
|
|
時間選択
変更をご希望の場合には、弊社サポート窓口までご連絡ください。 |
|