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

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. ［保存］をクリックします。
   
   メモ：Modernテーマでは、予約ボタンのテキストを設定できます。ボタンテキストは最大50文字まで入力できます。
   
   
   
   
   
   

2.2 ボタンテキストの設定

1. ［テーマ］セクションをクリックします。［Modern］テーマを選択します。
   
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は、検索やトラッキングなど、いかなる目的でもサポートされません。
この機能はプレミアムプランでのみ利用できます。