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