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

［ChatGPTに質問］ ［Claudeに質問］

［今すぐユーザー登録する］ →

このページはBookings 2.0にのみ適用されます。Bookings 1.0の同等のバージョンについては、こちらのページをご確認ください。

ワークスペースの予約ページでは、ワークスペース内で提供されるすべてのサービスを1つの予約ページにまとめて表示できます。顧客はサービスごとの個別リンクを使用せずに、1か所で関連サービスを探して予約できます。ワークスペースの予約ページは、同じチームまたは場所が提供する複数の関連サービスから顧客に選択してもらう場合に使用できます。

1. ワークスペースの予約ページの仕組み  

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

2. ワークスペースの予約ページの設定にアクセスする手順

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

2.1 テーマの設定

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

2.2 ボタンのテキストの設定

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

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

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

2.4 ヘッダーの設定

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

2.5 フッターの設定

1. ［フッター］セクションをクリックします。
   
2. 事業の連絡先番号、住所、メールアドレス、Facebook、Instagram、X、LinkedIn IDを追加します。
   
3. ［保存］をクリックします。
   
   メモ：不要な要素は、目のアイコンをクリックして隠すことができます。

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

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

メモ：

1. タイトルは最大50文字、説明は最大2,000文字まで入力できます。
   
2. 不要な要素は、目のアイコンをクリックして隠すことができます。
   情報：背景画像の最大ファイルサイズは5MB、最大幅は1,000px、最大高さは300pxです。使用可能なファイル形式はjpg、png、jpeg、gifです。
3. 背景画像の設定にある［閉じる］アイコンをクリックすると、
   背景画像を削除できます。
   

2.7 言語の設定

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

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

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

2.7.1 言語設定

この設定では、顧客に予約ページを最初に表示する際の言語を指定します。次の2つの選択肢があります。

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

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

言語を設定するには

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

2.7.2 言語の切り替えの有効化

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

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

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

言語設定に応じた顧客の利用体験  

標準の言語	言語の切り替え	顧客の利用体験
場所に基づく	オフ	顧客のブラウザーから検出された言語で予約ページが表示されます。言語の切り替えは表示されません。
場所に基づく	オン	顧客のブラウザーから検出された言語で予約ページが表示されます。顧客は言語の切り替えを使用して言語を変更できます。検出された言語には、場所を示すバッジが表示されます。
固定	オフ	設定で選択した言語で予約ページが表示されます。言語の切り替えは表示されません。
固定	オン	設定で選択した言語で予約ページが表示されます。顧客は言語の切り替えを使用して、その他の有効な言語を選択できます。

メモ  

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

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

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

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');

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

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

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

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

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

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

2.11 SEOの詳細の設定

情報：以前のURLは、検索や追跡などの目的では利用できません。
この機能は、プレミアムプランでのみ利用できます。