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

1. 概要

ビジネス予約ページは、組織内のすべてのワークスペースを一覧表示する、中央集約型のページ／ダッシュボードです。1 つのビジネス予約ページのリンクを共有するだけで、すべてのイベントタイプをまとめて管理できます。お客さまは、この 1 つのページから複数のワークスペースにまたがるサービスを確認し、予約できます。

ほかにも、次の 3 種類の予約ページがあります。

1. イベントタイプ予約ページ：単一のイベントタイプのみを予約できます。
2. ユーザー予約ページ：特定の 1 ユーザーとの予約ができ、そのユーザーが提供するすべてのイベントが一覧表示されます。
3. ワークスペース予約ページ：特定のワークスペースに含まれる任意のイベントを予約できます。

2. 機能の提供状況

ビジネス予約ページ

• は、有料プランでのみ利用できます。
• ロール

• スーパー管理者と管理者は、ビジネス予約ページの設定にアクセスし、管理できます。
• ワークスペース管理者とマネージャーは、ビジネス予約ページの設定を閲覧のみできます。
• スタッフは、ビジネス予約ページの設定を閲覧・アクセスできません。

3. 詳細

複数の部門やサービスカテゴリを持つ組織では、各ワークスペースやイベントタイプごとに別々の予約リンクを共有すると、お客さまとの間で混乱ややり取りの増加を招くおそれがあります。これを避け、スケジュール調整を効率化するには、すべてのサービスへアクセスできる単一の入口を用意することが重要です。Zoho Bookings のビジネス予約ページでは、組織配下のすべてのワークスペースをまとめて表示できます。この中央ページにより、ナビゲーションが簡素化され、摩擦が減り、お客さまは 1 か所から必要なサービスを確認してスムーズに予約できます。

ビジネス予約ページでは、主に次の 2 つの操作が行えます。

リダイレクト URL：不完全な URL にアクセスされた場合に、ワークスペース、ビジネス、外部 URL などのフォールバックページへ自動的にリダイレクトします。

テーマのカスタマイズ：［Default］や［Fresh］などのあらかじめ用意されたテーマを適用し、予約ページ全体でブランドイメージを統一できます。

4. 利用例

サポート、インフラ、トレーニング、コンサルティングなど、複数の部門を運営しているソフトウェア企業があり、それぞれを Zoho Bookings 上の別々のワークスペースで管理しているとします。各ワークスペースのリンクを個別に顧客や見込み客へ共有すると、何度もやり取りが発生し、調整が煩雑になりがちです。

ビジネス予約ページによる解決策：

• ビジネス予約ページを設定することで、会社は統一された予約ページを提供でき、お客さまは複数のワークスペースにまたがるイベントタイプを確認したうえで、必要な予約を行えます。
• 管理者はリダイレクト URL も設定できるため、お客さまが古いリンクや壊れたリンクを使用した場合でも、正しいビジネス予約ページへ誘導され、予約失敗を防止できます。
  

5. ビジネス予約ページへのアクセス手順

1. 画面右上の 管理センター アイコンをクリックします。
2. ［組織］セクションで、［ビジネス予約ページ］を選択します。ビジネス内の利用可能なすべてのワークスペースに対応する予約ページが表示されます。
3. ビジネス予約ページ画面では、次の操作が可能です。
   
1. ［共有］をクリックして、予約ページのリンクを顧客に送信し、予約を受け付けます。
   

• ［ページを開く］をクリックして、公開中の予約ページを表示します。
• ［テーマとレイアウト］をクリックして、予約ページの見た目を好みに合わせてカスタマイズします。
  

5.1 リダイレクト URL

リダイレクト URL を設定すると、無効または不完全な予約リンクにアクセスされた場合でも、お客さまを正しいページへ誘導できます。これにより、リンク切れや誤ったリンクによる混乱を防ぎ、スムーズな予約体験を提供できます。

リダイレクト URL を設定する手順

1. 画面右上の 管理センターアイコンをクリックします。
2. ［プロダクトのカスタマイズ］セクションで、独自ドメインを選択します。

この設定はビジネス単位で行われ、すべてのワークスペースに適用されます。

お客さまのリダイレクト先として、次のいずれかを選択できます。

最初のワークスペースの予約ページ：一覧の先頭に表示されているワークスペースの予約ページに移動します。

ビジネス予約ページ：ビジネス配下のすべてのワークスペースを 1 画面で表示します。

外部 URL：Zoho Bookings 以外の任意の Web ページ（自社 Web サイトのホームページなど）にリダイレクトします。

例：

お客さまが次のような壊れた URL にアクセスした場合：https://bookings.zoho.com/yourbusiness/invalidlink

リダイレクト URL をビジネス予約ページに設定していれば、次の URL に誘導されます：https://bookings.zoho.com/yourbusiness.

5.2 テーマのカスタマイズ

テーマを変更して、ビジネス予約ページの見た目をカスタマイズできます。これにより、自社ブランドのデザインや雰囲気と統一したページにできます。

変更手順:

1. マウスカーソルを Business Booking Page に合わせます。
2. [Themes & Layouts] をクリックします。
   

[Themes and Layouts] では、ビジネス予約ページで次の項目を設定できます。同じ設定が、すべてのワークスペース予約ページにも適用されます。

5.2.1 テーマを設定する

1. [Theme] セクションで、使用するレイアウトを選択します。
2. [Color Options] から色を選択します。左側でテーマのプレビューを確認できます。
   
3. [Save] をクリックします。
   

   メモ: ビジネス予約ページでは、Default と Fresh の 2 種類のテーマを利用できます。

5.2.2 フッターを設定する

予約ページのフッターを設定して、電話番号やソーシャルメディアリンクなど、ビジネスに関する情報を顧客に表示できます。

1. [Footer] セクションをクリックします。
2. ビジネスの電話番号、住所、メールアドレス、Facebook、Instagram、X、LinkedIn の ID を追加します。
   
3. [Save] をクリックします。

メモ: 不要な要素は、目のアイコン をクリックして非表示にできます。

5.2.3 タイトル、説明、背景画像を設定する

ページタイトルと説明を設定して、提供内容の詳細を伝えたり、顧客へのメッセージを表示したりできます。さらに、ブランドイメージに合った背景画像をアップロードして、視覚的に魅力的でプロフェッショナルな予約ページを作成できます。

1. [Page Properties] セクションをクリックして展開します。
2. [Title] と [Description] を入力します。

   
   

   
   

   説明は、以下の書式オプションで装飾できます。

3. [Upload] アイコンをクリックし、背景画像を選択します。画像をトリミングできるポップアップが表示されるので、調整してから [Upload] をクリックします。
4. 背景画像の Transparency level（透過レベル）を調整します。
5. [Save] をクリックします。
   
   

5.2.4 カスタム CSS をアップロードする

Info: この機能は Premium プランでのみ利用できます。

1. [Page Properties] セクションをクリックして展開します。
   
2. [Upload] アイコン をクリックし、カスタム CSS ファイルを選択して、[Save] をクリックします。
   
   
   
   アップロードが完了すると、カスタムスタイルが予約ページに適用され、よりパーソナライズされたブランド体験を提供できます。
   

メモ:

1. サポートされるのは .css ファイルのみです。
   
2. ファイルサイズは 2 MB 以下である必要があります。
   

1. 外部リソース：外部 URL から画像、スタイル、ファイルを読み込むことはサポートされません。トラッキングや悪意のある活動に利用される可能性があるためです。 例：background: url('https://example.com/image.png');
   
   
2. 外部カスタムフォント：予約ページ外部でホストされているフォントは使用できません。セキュリティリスクやトラッキングに利用される可能性があるためです。
   例：@font-face { src: url('https://example.com/font.woff');}
   
   
3. スクリプトベースの CSS（レガシー機能）：スクリプトを実行可能にする CSS ルールはブロックされます。悪意のあるコードの実行に悪用される可能性があるためです。例：width: expression(alert('XSS'));
   
   
4. コンテンツの挿入とデータアクセス：コンテンツを挿入したりページデータを読み取ったりする CSS は制限されます。機密情報の漏えいに利用される可能性があるためです。例：content: attr(data-secret);
   
   
5. カーソルおよびフィルター効果：一部のカーソルスタイルやフィルタープロパティは、特定のブラウザーでの悪用事例が知られているためサポートされません。例：cursor: url('cursor.cur'), pointer;
   
   
6. SVG 名前空間：カスタム SVG 名前空間の宣言は制限されます。高度なセキュリティ攻撃に悪用される可能性があるためです。例：@namespace svg url('http://example.com/svg');
   
   
   また、スタイルを安定させるため、カスタム CSS を記述する際は elname 属性を使用してください。その他の HTML 属性は変更される可能性があり、レイアウトの乱れや表示不具合の原因となります。