予約ページをカスタマイズする

予約ページをカスタマイズする

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

予約ページのカスタマイズを開始する前に、 予約ページの種類 について学びましょう。

予約ページには3つのタイプがあります:

  • ワークスペース予約ページ - このページでは、ワークスペース内のすべてのサービスが一覧表示されます。顧客はサービスを選択して予約を行うことができます。

  • スタッフ予約ページ - このページでは、特定のスタッフメンバーが提供するすべてのサービスが一覧表示されます。

それぞれのメニューで、予約ページの見た目や内容をカスタマイズすることができます。

カスタマイズなしの予約ページ:

 

カスタマイズ後の予約ページ:

注意: ワークスペースの予約ページに選択された テーマ は、その下にあるすべてのサービス予約ページに適用されます。

予約ページのカスタマイズオプションをさまざまにご紹介しましょう。

アラート:   カスタマイズは 有料プランのみ 利用可能です。

 

1. ビジネスのロゴと名前

予約ページの上部には、 ビジネスのロゴと名前 を表示することができます。上の画像(1)で示されています。

これを追加するには:

  1. ナビゲーションメニューから 設定アイコン を選択します > ワークスペース を選択します > 必要なワークスペースを選択します > 予約ページの設定を選択します。  

  1. ヘッダー要素セクションでは、ロゴをアップロードし、ビジネス名をタイトルとして入力します。
    ロゴ画像のファイルサイズは5 MB未満である必要があります。画像の高さは50 px、幅は50 pxから110 pxまで可能です。適用可能なファイル形式はJPG、PNG、GIFです。タイトルは最大50文字まで入力できます。

上記の画像で2とマークされているフッターセクションは、ソーシャルメディアのリンク(Facebook、X、Instagram)、メールアドレス、および連絡先番号を表示するために使用できます。

これを追加するには:

  1. [設定]アイコン に移動します。 [ワークスペース]を選択します。 必要なワークスペースを選択します。 [予約ページの設定]を選択します。

  1. フッターエレメント セクションに 連絡先電話番号、メールアドレス、Facebook、X、Instagramの詳細を追加してください。

注意:左側の目のアイコンが有効になっていることを確認してください。予約ページに表示されます。



3. ページのタイトルと説明

上の画像(3)で示されているように、 ページのタイトルと説明を設定することができます。 このスペースは、予約に関する歓迎メッセージや指示を表示するために使用することができます。

これを追加するには:

  1. ナビゲート: 設定アイコン > ワークスペース > 必要なワークスペースを選択 > 予約ページのテーマ

  1. ページ要素セクションで、タイトル説明を入力してください。
    最大文字数:タイトル - 50、説明 - 2000



4. Zoho Bookingsによって強化されました

予約ページのフッターにある「Powered by Zoho Bookings」を保持または削除することができます。 このオプションはプレミアムユーザーのみ利用可能です。

 

これを削除するには:

  1. 設定 アイコン > 一般 > 基本情報 .

  1. Zoho Bookingsのブランディング を無効にする トグルをオフにして削除します。



5. 背景画像

予約ページには背景画像を設定することができます。ブランドに合った画像を使用することをおすすめします。

これを設定するには:

  1. 設定アイコン>ワークスペース>必要なワークスペースを選択>予約ページのテーマ

  1. ページ要素の下に、画像の隣に背景画像をアップロードします。
    モダンウェブデフォルトテーマのみが背景画像を持つことができることに注意してください。
    画像の最大サイズは5 MBで、幅は最大1000px、高さは最大300pxです。適用可能なファイル形式はjpg、png、jpeg、gifです。

 

6. 

予約ページのボタンとテキストの色を設定することができます。背景画像に適したボタンとテキストの色をおすすめします。背景画像から色を抽出して使用することができます。

手順:

  1. オンラインの画像カラーピッカーツールにアクセスし、画像から2つの色を選択します。できるだけ対照的な2つの色を選んでください。それらの2つの色のカラーコードを取得します。

  1. Zoho Bookingsで、 設定 アイコン > ワークスペース > 必要なワークスペースを選択 > 予約ページのテーマ .  

  1. モダンウェブテーマを選択してください。 カラーオプションの下で、最後のオプションを選択します。

  1. ポップアップウィンドウが開きます。背景色とボタンテキストの色にカラーコードを入力してください。ボタンの色に別のカラーコードを入力してください。色の組み合わせを自由に試してみてください。
    詳細はこちらをご覧ください。

 



試してみましょう:

予約アカウントでこのテーマを試して、豊富なカスタマイズを体験することができます。

  1. この記事の最後の添付ファイルセクションからサンプル画像をダウンロードしてください。
    著作権: この画像は予約アカウント内での閲覧専用であり、プロフェッショナルまたは金銭的な目的で使用することはできません。

  1. ワークスペースの背景に設定します。 予約ページのテーマに透明度を80%に設定します。

  1. さて、ボタンとテキストに色コードを付けましょう。カラーパレットの最後の画像をクリックしてください。以下の色コードを使用してください。

    • 背景色: #E5D6B6

    • テキストの色: #000000

    • ボタンの色: #6F8704

    • ボタンのテキストの色: #E5D6B6

  1. クリック 適用 予約ページをプレビューします。


7. ボタンのテキスト

予約は複数の目的で使用される場合があり、'予約する'というフレーズは特定の状況では適切ではありません。たとえば、デモセッションの予約の場合、'デモを予約する'というテキストの方が適しています。 例えば 、デモセッションの予約の場合、'デモを予約する'というテキストの方が適しています。

ボタンのテキスト「予約する」は、お好みに応じてカスタマイズすることができます(上の画像で(7)として表示されます)。

これを設定するには:

  1. ナビゲーションメニューから 設定 アイコン をクリックしてください > ワークスペース を選択してください > 必要なワークスペースを選択してください > 予約ページのテーマ を選択してください。

  1. モダンなウェブテーマを選択してください。 ページ要素セクションで、必要に応じてボタンのテキスト(最大50文字)を入力してください。ボタンテキストの隣に。

注意:これは モダンウェブ テーマにのみ適用されます。     

8. サービスの並べ替え

ワークスペース予約ページでサービスの順序を変更することができます。

手順:

  1. [設定]アイコン に移動 > ワークスペース に移動 > 必要なワークスペースを選択 > サービス を選択 > .

  1. サービスにマウスを重ねると、六角形のアイコンが表示されます。それをドラッグしてサービスを並べ替えることができます。



9. スタッフ選択

上記の予約ページの2番目のドロップダウンはスタッフの選択です。スタッフの選択は3つの方法でカスタマイズできます。

  • 予約ページのスタッフ選択ドロップダウンを削除します。

  • 顧客に決めさせるスタッフメンバーを許可する。

  • スタッフ選択に自動割り当てオプションを含めます。顧客がスタッフメンバーを選択しない場合、利用可能なスタッフメンバーがラウンドロビン方式で自動的に割り当てられます。

 

a. スタッフメンバーの選択を削除する:

予約ページでスタッフのドロップダウンを削除することができます。スタッフはラウンドロビンの方式でサービスに割り当てられます。

  1. サービス をクリックし、必要なサービスを選択し、サービスの設定をクリックします。

  1. 一般 セクションの下で、 スタッフの選択を顧客に任せる トグルを無効にしてください。これにより、予約ページでスタッフの選択が表示されなくなります。

 

b. 許可する 顧客に決定させる スタッフ メンバー :

顧客には、予約時に希望するスタッフを選択させることができます。

  1. クリックしてくださいサービスを選択し、必要なサービスを選択してからサービスの設定をクリックしてください。

  1. 一般 セクションの下で、 顧客にスタッフを選択させるを有効にします。

 

c. 自動割り当てオプションを含める:

自動割り当てオプションを含めることは、顧客が選ぶことに迷っている場合には有用な追加となります。スタッフメンバーが割り当てられます。スタッフメンバーは、自分の仕事量に応じてラウンドロビンの基準で割り当てられます。

以下の手順に従ってください:

  1. クリック サービスを選択し、必要なサービスを選択してからサービスの設定をクリックします。

  1. 一般 セクションの下で、顧客がスタッフを選択できるようにするトグルを有効にし、スタッフリストに自動割り当てスタッフを含めるチェックボックスを選択してください。これにより、他のスタッフ名と一緒に自動割り当てがオプションとして追加されます。

     

10. タイムゾーンオプション

3つの異なるタイムゾーン設定があります。 顧客のタイムゾーン 事業のタイムゾーン または他のタイムゾーンを設定できます。

以下の手順で行います:

  1. 「サービス」をクリックし、必要なサービスを選択してから「サービスの設定」をクリックしてください。

  1. 一般 セクションで、タイムゾーンプリセット の隣にある編集アイコンをクリックします。 .

  1. ポップアップが表示されます 。ドロップダウンメニューから、以下のオプションのいずれかを選択できます :

    • 営業時間帯 :ビジネスのタイムゾーンは予約ページに表示されます。

    • 顧客の現地時間帯 :これにより、顧客の現地時間帯が検出され、予約ページに表示されます。

    • 他のどのタイムゾーンでも :任意のカスタムタイムゾーン。

  1. クリック 保存 .

 

 

上記の タイムゾーンプリセット ウィンドウでは、チェックボックスを使用して表示オプションを設定できます。 タイムゾーンの表示オプションは3つあります。

  • タイムゾーンを表示する: 予約ページでタイムゾーンを表示する チェックボックス

  • タイムゾーンを非表示にするには、 予約ページでタイムゾーンを表示する チェックボックスを選択解除します。

  • 編集はできませんが表示は可能です: 予約ページでタイムゾーンを表示する チェックボックス 予約ページで タイムゾーンをロック すること チェックボックス を選択します。
     

11. スケジュールの時間間隔の設定


仮に、2時間のサービスを提供しているとしましょう。しかし、これは顧客が9時から11時、11時から1時、1時から3時などの特定の時間枠に制限されるべきではないことを意味しています。予約をする際には、9:30や9:15などの分単位でも自由に予約を入れることができるべきです。あなたのスケジュールを厳密な2時間の区切りに制約されることなく、いつでも予約を調整できる自由を持つべきです。

これがなぜ私たちがスケジュールの間隔オプションを持っている理由です。ここでは、時間をどのように分割するかを設定できます。上の画像は、時間が15分間隔で分割されていることを示しています。ただし、この分割はサービスの所要時間が15分しかないことを意味するものではありません。代わりに、より柔軟な時間オプションを提供し、顧客が全体の2時間のサービス時間内で特定の時間枠を選択できるようにします。

これを設定するには:

  1. クリックサービスを選択し、必要なサービスを選択し、サービスの設定をクリックします。

  1. 一般セクションの下にあるスケジュール間隔の編集アイコンをクリックします。分または時間単位で設定できます。保存をクリックします。予約ページでは、時間が適切に分割されていることが確認できます。

各サービスには異なるスケジュール間隔があることに注意してください。

12.  予約フォーム - 表示/非表示/必須



顧客がスロットを選択すると、
予約フォーム が表示され、顧客は自分の詳細情報を入力することができます。必要に応じて追加のフィールドを含めることができます。予約では7種類のフィールドがサポートされています。

  1. 1行: 短い回答に使用

  1. 複数行:複数行の情報に対応(「特別な指示はありますか?」のような質問に適しています)

  1. 代替メールアドレス:顧客が別のメールアドレスを追加できるようにします

  1. チェックボックス:顧客が複数のオプションを選択できるようにします

  1. ドロップダウン:顧客がリストから1つのオプションを選択することを保証します

  1. ラジオボタン:顧客が単一のオプションを選択できるようにします

  1. 日付:顧客が日付を選択できる機能を提供します

 

カスタマイズするには:

  1. クリックしてくださいサービスクリックし、サービス予約フォームをクリックしてください。

  1. フィールド セクションの下で、以下の操作ができます:

    • フィールドを追加するには、右側のフィールドを追加ボタンをクリックします。

    • 既存のフィールドを編集します。

    • フィールドを必須/任意としてマークします。

    • フィールドの順序を変更します。

 

13. 確認ボタンのテキスト

予約の確認ボタンのテキスト「予約をスケジュールする」は、ご希望に応じて変更できます。 無料予約と有料予約に対して異なるテキストを設定できます。

手順:  

  1. 「サービス」をクリックし、「サービス予約フォーム」をクリックします。

  1. 予約確認ボタンのセクションの下に、必要なテキストを入力してください。

 

14. 利用規約  

予約ページの利用規約は、サービス提供者と顧客の間の法的保護と期待の明確化のために設けられています。予約フォームに利用規約を追加することができます。ワークスペースレベルまたはサービスレベルで設定することができます。サービスレベルでの設定をおすすめします。

 

これを追加するには:

  1. サービスレベルの場合: サービスをクリックし、必要なサービスを選択し、 その後、サービスの設定をクリックしてください。
    ワークスペースレベルの場合: 設定アイコン > ワークスペース > 必要なワークスペースを選択 > ポリシーと設定をクリックしてください。

  1. [利用規約]セクションの下で、トグルを有効にします。

  1. メッセージテキストボックスに必要なテキストを入力します。メッセージにリンクを含めて、ポリシーページへのリダイレクトを行うこともできます。 保存 をクリックします。

15. ゲスト/登録ユーザー

顧客が予約時に登録できるようにすることができます。 予約時に登録できるようにする ことで、顧客は予約を簡単に表示および管理することができます。予約ページでこれを有効または無効にすることができます。

これを行うには:

  1. 設定アイコン > ワークスペース > 必要なワークスペースを選択 > 予約フォーム .

  1. 登録ユーザータブの下で、登録ユーザーとしての予約チェックボックスを選択します。これにより、予約ページでサインインまたはサインアップするオプションが表示されます。

  1. サインインと サインアップのオプションを削除したい場合は、同じチェックボックスを無効にしてください 登録ユーザーとして予約

 

覚えておくべきポイント: 

  • ワークスペースの設定 サービスの作成時にのみ 適用され、テンプレートとして機能します。ワークスペースの設定を後から変更しても、既存のサービスには反映されません。

  • サービスレベルでの変更が推奨されています。

 

 

 


    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho Desk Resources

              • Desk Community Learning Series


              • Digest


              • Functions


              • Meetups


              • Kbase


              • Resources


              • Glossary


              • Desk Marketplace


              • MVP Corner


              • Word of the Day









                                • Related Articles

                                • スタッフ予約URL

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このセクションでは、予約ページのURLを表示できます。ここでは、提供しているサービスの予約が行われます。 予約URLを取得するには メニューバーのマイプロファイルに移動します。 左側のスタッフ予約URLをクリックします。 予約ページのURLはこちらでご確認いただけます。 ...
                                • 予約ページの設定

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 予約ページをカスタマイズすることができます: テーマと色の選択。 タイトル、ロゴ、ページタイトルの編集、説明。 予約ページをカスタマイズするには マイプロフィールをメニューバーから選択してください。 左側のサイドバーで予約ページの設定を選択してください。 ...
                                • スタッフ予約ページの設定

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 スーパー管理者と管理者はこの情報を表示および編集できます。 マネージャーはこの情報を表示することしかできません。 スタッフ 予約ページのカスタマイズはマイプロフィール>予約ページの設定 管理者は、スタッフの予約ページをカスタマイズすることができます。方法は以下の通りです: ...
                                • スタッフ予約URL

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 スーパー管理者と管理者はこの情報を表示および編集することができます。 マネージャーはこの情報を表示することしかできません。 スタッフはマイプロフィール > スタッフ予約URLにアクセスすることができます。 ...
                                • モダンなウェブテーマ

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 スーパーアドミンとアドミンは予約ページのテーマを表示およびカスタマイズすることができます。マネージャーはこの情報を表示することしかできません。スタッフはこの情報にアクセスできません。この機能はすべてのユーザーに利用可能です。 ...

                                Resources

                                Videos

                                Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                eBooks

                                Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                Webinars

                                Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                CRM Tips

                                Make the most of Zoho CRM with these useful tips.