お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

ChatGPTに質問Claudeに質問

このページは、Bookings 2.0版にのみ適用されます。Bookings 1.0版の該当ページを表示するには、こちらのページをご確認ください。

1. 概要

2. 機能の利用条件

3. 概要

1. テーマの設定
   
2. ボタンテキストの設定
   
3. 予約ページでの選択肢の事前選択
4. ヘッダーの設定
   
5. フッターの設定
   
6. タイトル、説明、背景画像の設定
7. 言語の設定
   
8. カスタムCSSのアップロード
9. ファビコンのアップロード
10. サービスの並べ替え
    
    

4. ワークスペースの予約ページの設定へのアクセス手順

1. 左上で対象のワークスペースに切り替え、［予約ページ］をクリックします。
   
2. ワークスペースの予約ページで、［テーマとレイアウト］をクリックします。ワークスペースの予約ページに対して、以下の設定を行えます。
   
   

4.1 テーマの設定

1. ［テーマ］セクションで、必要なレイアウトを選択します。
   
2. ［色のオプション］で色を選択します。左側でテーマをプレビューできます。
   
3. ［保存］をクリックします。
   
   メモ：Modernテーマでは、予約ボタンのテキストを設定できます。ボタンテキストは最大50文字まで入力できます。
   
   
   
   
   
   

4.2 ボタンテキストの設定

1. ［テーマ］セクションをクリックします。［Modern］テーマを選択します。
   
2. ［ボタンテキスト］に必要なテキストを入力し、［保存］をクリックします。
   メモ：ボタンテキストは最大50文字まで入力できます。
   
   

4.3 予約ページでの選択肢の事前選択

1. ［テーマ］セクションをクリックします。［Modern］テーマを選択します。
   
2. 最初に利用可能な選択肢を表示するには、［予約ページで選択肢を事前選択する］チェックボックスを選択します。
   
3. ［保存］をクリックします。以下の画面では、予約ページの選択項目に最初に利用可能な選択肢が表示されています。
   
   
   
   
4. または、ラベルを表示するには、［予約ページで選択肢を事前選択する］チェックボックスの選択を解除して、［保存］をクリックします。以下の画面では、選択項目にラベルが表示されています。
   
   

4.4 ヘッダーの設定

1. ［ヘッダー］セクションをクリックし、必要に応じてタイトルを変更して、ロゴ画像をアップロードします。
   
2. ［保存］をクリックします。
   
   情報：ロゴの最大サイズは5MBです。高さは50px、幅は50px〜110pxにできます。対応しているファイル形式は、jpg、png、gifです。
   
   
   メモ：不要な要素は、目のアイコンをクリックして非表示にできます。
   
   
   
   
   
   
   

4.5 フッターの設定

1. ［フッター］セクションをクリックします。
   
2. ビジネスの電話番号、住所、メールアドレス、Facebook、Instagram、X、LinkedIn IDを追加します。
   
3. ［保存］をクリックします。
   
   メモ：不要な要素は、目のアイコンをクリックして非表示にできます。

4.6 タイトル、説明、背景画像の設定

1. ［ページのプロパティ］セクションをクリックします。
   
2. ［タイトル］と［説明］を入力します。
   
   
   説明には、以下の書式設定オプションを適用できます。
   
   ［リンクを作成］アイコンをクリックして、説明にリンクを追加することもできます。
   
   
3. ［アップロード］アイコンをクリックし、背景画像を選択します。ポップアップが表示されるので、画像をトリミングして［アップロード］をクリックします。
   
   
   
   
4. 背景画像の［透明度］を調整します。
   
5. ［保存］をクリックします。
   
   

メモ：

1. タイトルは最大50文字、説明は最大2,000文字まで入力できます。
   
2. 不要な要素は、目のアイコンをクリックして非表示にできます。
   情報：背景画像の最大サイズは5MB、最大幅は1,000px、最大高さは300pxです。対応しているファイル形式は、jpg、png、jpeg、gifです。
3. 背景画像オプションの［閉じる］アイコンをクリックすると、背景画像を削除できます。
   
   

4.7 言語の設定

この設定では、予約ページの言語を選択できます。顧客のブラウザーの言語に基づいて予約ページを表示することも、選択した固定の言語で表示することもできます。また、言語切り替えを有効にして、顧客が希望する言語を選択できるようにすることもできます。Bookingsは、複数のグローバル言語と地域言語に対応しているため、顧客が希望する言語で予約ページを表示できます。

カテゴリー	言語
グローバル言語	英語（米国）、英語（英国）、フランス語、フランス語（カナダ）、ドイツ語、スペイン語、イタリア語、ポルトガル語、ブラジルポルトガル語、オランダ語、スウェーデン語、デンマーク語、ノルウェー語（ブークモール）、フィンランド語、ポーランド語、チェコ語、ハンガリー語、ルーマニア語、ギリシャ語、クロアチア語、スロベニア語
アジア言語	中国語（簡体字）、中国語（繁体字）、日本語、韓国語、タイ語、ベトナム語、インドネシア語、マレー語
中東言語	アラビア語、ヘブライ語、ペルシア語
南アジア言語	ヒンディー語、タミル語、テルグ語、カンナダ語、マラヤーラム語、ベンガル語、マラーティー語、グジャラート語、パンジャーブ語、ウルドゥー語、シンハラ語、ネパール語、アッサム語、シンド語
東ヨーロッパ言語	ロシア語、ウクライナ語

情報：この機能は有料プランで利用できます。

4.7.1 言語設定  

この設定 では、顧客に最初に表示される予約ページの言語を指定します。次の2つのオプションを利用できます。

• ［場所に基づく］：予約ページは、顧客のブラウザーの言語設定に基づいた言語で表示されます。たとえば、ブラウザーの言語がフランス語に設定されている顧客には、予約ページがフランス語で表示されます。
• ［固定］：予約ページは、顧客の場所やブラウザー設定に関係なく、選択した言語で表示されます。たとえば、固定言語として英語を選択した場合、すべての顧客に予約ページが英語で表示されます。
  

メモ：言語切り替えが有効になっている場合、顧客は有効な任意の言語に切り替えて予約ページを表示できます。

言語を設定するには。

1. ［ワークスペースのプロパティ］セクションをクリックします。
   
2. ［言語］で［場所に基づく］または［固定］を選択します。
   
3. ［固定］を選択した場合は、下のドロップダウンから予約ページに表示する言語を選択します。
   

4.7.2 言語切り替えの有効化

言語切り替えを使用すると、顧客は予約ページの言語を手動で変更できます。有効にすると、予約ページに言語ドロップダウンが表示され、顧客は有効化された選択済みの言語から希望する言語に切り替えることができます。無効にすると、顧客は設定済みの言語でのみ予約ページを表示できます。

言語切り替えを有効にするには。

1. ［言語切り替え］の切り替えボタンをオンにします。
2. 対応しているすべての言語を有効にするには［すべて選択］をクリックします。または、予約ページに表示する特定の言語を有効な言語として選択します。
   

言語設定に基づく顧客体験  

既定の言語	言語切り替え	顧客側の表示
位置情報に基づく	オフ	予約ページは、顧客のブラウザーから検出された言語で表示されます。言語切り替えは表示されません。
位置情報に基づく	オン	予約ページは、顧客のブラウザーから検出された言語で表示されます。顧客は言語切り替えを使用して言語を変更できます。検出された言語には位置情報バッジが表示されます。
固定	オフ	予約ページは、設定で選択した言語で表示されます。言語切り替えは表示されません。
固定	オン	予約ページは、設定で選択した言語で表示されます。顧客は言語切り替えを使用して、有効になっている他の任意の言語を選択できます。

メモ  

• ［言語］が固定に設定されている場合、選択した言語は自動的に有効な言語リストに含まれます。
• ［言語］が位置情報に基づくに設定されている場合、対応しているすべての言語が初期設定で有効になります。
• 言語切り替えをオフにしても、設定済みの有効な言語は保持されます。切り替えを再度有効にすると、これらの設定が復元されます。
• 少なくとも1つの言語を有効にしておく必要があります。最後の1つの言語を有効な言語リストから削除することはできません。
  

4.8 カスタムCSSのアップロード

情報：この機能はPremiumプランでのみ利用できます。

1. ［ワークスペースのプロパティ］セクションをクリックします。
   

2. アップロードアイコンをクリックし、カスタムCSSファイルを選択して、［保存］をクリックします。
   
   
   
   アップロードすると、カスタムスタイルが予約ページに適用され、ブランドに合わせた独自の予約体験を提供できます。
   
   
   メモ。
   • .cssファイルのみ対応しています。
   • ファイルサイズは2MB以下にする必要があります。
     

       カスタムCSSの使用ガイドライン

1. データの安全性を保ち、不正使用を防ぐため、すべてのカスタムCSSファイルは適用前に自動的にサニタイズされます。以下のガイドラインでは、対応していないCSSルールの一部について説明します。
   
   
2. 外部リソース：外部URLから画像、スタイル、ファイルを読み込むことはできません。追跡や悪意のある行為に使用される可能性があるためです。例：background: url('https://example.com/image.png');
   
   
3. 外部カスタムフォント：予約ページ外でホストされているフォントは使用できません。セキュリティや追跡のリスクがあるためです。例：@font-face { src: url('https://example.com/font.woff');}
   
   
4. スクリプトベースのCSS（レガシー機能）：スクリプトの実行を許可するCSSルールは、悪意のあるコードの実行に悪用される可能性があるためブロックされます。例：width: expression(alert('XSS'));
   
   
5. コンテンツ挿入とデータアクセス：コンテンツを挿入したりページデータを読み取ったりするCSSは、機密情報の漏えいに使用される可能性があるため制限されます。例：content: attr(data-secret);
   
   
6. カーソルとフィルター効果：一部のブラウザーで悪用事例が確認されているため、特定のカーソルスタイルとフィルタープロパティには対応していません。例：cursor: url('cursor.cur'), pointer;
   
   
7. SVG名前空間：カスタムSVG名前空間宣言は、高度なセキュリティ攻撃に悪用される可能性があるため制限されます。例：@namespace svg url('http://example.com/svg');

4.9 ファビコンのアップロード

この設定では、予約ページをカスタマイズするために独自のファビコンをアップロードできます。ファビコンとは、ブラウザーのタブ、ブックマーク、検索結果に表示される小さなロゴです。ユーザーが予約ページを簡単に識別でき、ブランドイメージの強化にも役立ちます。

情報：この機能はプレミアムプランでのみ利用できます。

1. ［ワークスペースのプロパティ］セクションをクリックして展開します。
   
2. ［アップロード］アイコンをクリックし、ファビコンファイルを選択して、［保存］をクリックします。
   
   
   

メモ：独自のファビコンは、［管理センター］ →［組織］→［基本情報］からアップロードできます。ただし、Zoho Bookingsのブランド表示が無効になっている場合にのみ適用されます。ブランド表示が有効になっている場合は、初期設定のZoho Bookingsアイコンが表示されます。

1. ［サービスの並べ替え］セクションを展開します。
   
   
   
   
2. イベントの種類をドラッグして、希望する順序に並べます。更新された順序は予約ページに自動的に反映され、顧客には設定した順序でイベントの種類が表示されます。
   
   

4.11 SEOプロパティの設定

情報：以前のURLは、検索やトラッキングなど、どの用途でもサポートされません。
この機能はプレミアムプランでのみ利用できます。