Elementor Proでウェブサイトに予約セッションを追加する方法

Elementor ProとGoogle Business Suiteの "Appointment Scheduler "機能の統合により、訪問者は他のプラグインを使用することなくウェブサイト上で予約することができます！

Elementor ProとGoogleの最新機能でビジネススケジューリングを効率化

Googleはこのほど、Google Business Suiteユーザー向けに、予約プロセスを合理化するための新機能「予約スケジューリング」の提供を開始しました。この機能により、企業やサービスプロバイダはカスタマイズされた予約枠を作成することができ、企業や顧客にダイナミックでユーザーフレンドリーな体験を提供します。Elementor Proを使用すると、スケジューリングオプションをウェブサイトにシームレスに追加することができます。

動的スケジューリングソリューション

お客様のご要望に応じ、サービスの内容や時間に応じて柔軟にご予約を承ります。45分のカウンセリングでも、1時間半のセッションでも。Googleの新機能とElementor Proを使用することで、クライアントは、予約のスケジューリングプロセスを合理化し、訪問者のエクスペリエンスを向上させる期間に基づいて利用可能なスロットを表示することができます。

ほとんどのアポイントメントベースのビジネスは、業務効率と顧客満足度を向上させるためにこの機能を使用することができます。ここでは、アポイントメントプロセスを合理化することで利益を得ることができるビジネスの例をいくつかご紹介します：

• ヘルスケアサービス：医院から専門医療サービスまで、ヘルスケアプロバイダー。
• 健康とフィットネス：パーソナルトレーナー、ヨガスタジオ、栄養士。
• 専門サービス：法律、金融、カウンセリングサービス。
• 教育とカウンセリングサービス：学際的なチューターとメンター。
• ペットサービス：動物病院、グルーミングサービス、宿泊施設。
• レジャー＆レクリエーション：ゴルフ、ロッククライミング、プライベートツアー、パーティールームなどのアクティビティを提供するビジネス。
• 他にもたくさんあります。

どのように機能するのですか？ 

まず、1回の予約にどれだけの時間を確保するかが重要です。例えばペットのグルーミング。ペットの大きさや毛並みは様々で、グルーミングに必要な時間も異なります。各予約タイプの時間が決まったら、訪問者が最も適切な時間帯を予約できるようにウェブサイト上でプロセスを設定することができます。そうすることで、誤った予約を防ぎ、顧客満足度を高めることができます。

では、予約スケジュールを組みましょう。

ステップ1: Googleカレンダーで予約スケジュールを作成します。

1. Googleカレンダーの "作成 "ボタンをクリックすると、予定スケジュールのオプションが表示されます。
2. タイトルを記入し、予定の長さと設定可能な日付を選択し、Googleカレンダーの指示に従ってください。 
3. 上記のペットグルーミングの例のように、提供したい予約タイプごとにこのステップを繰り返します。  
4. 予約可能なすべての枠がカレンダーに表示されるようになりました。
5. クリックすると予約ページが表示されます。個人またはグループで予約スケジュールを共有し、訪問者は予約のタイプを選択することができます。

ステップ2: Elementor Proで予約スケジュールプロセスをデザインします。

訪問者に予約を取ってもらう方法はいくつかあります。1つの方法は、ヘッダーセクションのボタンですぐに予約するように誘うことです。ヘッダーの "今すぐ予約 "ボタンは、即時のエンゲージメント、最大の可視性とアクセシビリティを保証し、ユーザーがウェブサイトへの訪問中にいつでも簡単に予約機能を見つけ、使用できるようにします。ヘッダーは、テーマビルダーを使用して好きなようにデザインすることができ、サイト全体に表示されます。

これを行うもう一つの方法は、ホームページの最初の部分に「今すぐ予約」ボタンを配置することです。ヒーローセクションはあなたのウェブサイトの一等地であり、素晴らしい第一印象を与える絶好の機会です。この価値の高いスペースを活用し、インパクトのあるビジュアルと目を引く大きな見出しを使って訪問者の注意を完全に引きつけることができます。豊富なテンプレートライブラリにアクセスしてインスピレーションを得たり、コンバージョンの高いヒーローセクションレイアウトを使用することもできます。

最後になりますが、価格エリアにCTAを追加することは、ヘッダーとヒーローセクションに配置することを補完する素晴らしい方法です。Elementor Proの価格リストウィジェットは、サービスの詳細、価格などを一覧表示できる非常に汎用性の高いウィジェットです。高度な設定が可能で、行動喚起ボタンはボタンウィジェットのすべての機能を備えています。これは、異なるサービスを提供し、訪問者にそれらのサービスの違いを見てもらいたい場合に最適です。

ステップ3: Googleの予約機能をウェブサイトに追加します。

予約ユーザーのプロセスを開始する最適な方法を決定したら、準備は完了です。

1.カレンダーから予定を選択し、共有をクリックします。Site Embedded "オプションと全ての予約スケジュールを選択します。最後に、埋め込み予約ページオプションを展開し、提供されたコードをコピーします。

2.ウェブサイトに戻り、新しいポップアップウィンドウを作成し、名前を付けます。幅は90%程度にしてください。

3.ポップアップウィンドウにHTMLセクションを追加し、カレンダーからコピーしたコードを貼り付けます。保存して閉じます。

4.以前ウェブサイトに作成した「今すぐ予約」行動喚起ボタンに移動します。

5.ボタンリンクフィールドの隣にあるダイナミックタブアイコンをクリックします。ポップアップウィンドウ」を選択し、開きたいポップアップウィンドウの名前を入力します。これで完了です。

カレンダーをポップアップウィンドウとして開くことで、訪問者はサイトを離れることなくアクションを完了することができます。これは、直帰率を減らし、サイトとサービスに注意を集中させる、常に推奨されるユーザーフローです。

各予定を別々にしたい場合は、次のような手順があります：

1.カレンダーの予約スケジュールで "共有 "を選択し、今度は "シングル予約ページ "を選択します。

2. "インライン予約ページ "オプションで提供されるコードをコピーします、

3.次に、Elementorウェブサイト上に作成したポップアップウィンドウのHTMLウィジェットにコードを貼り付けます。予約の種類によって異なるポップアップウィンドウを設定する必要があります。

4.各価格リストウィジェットのボタンに別のポップアップウィンドウを割り当て、サービスの詳細情報を提供することができます。

サービスごとに個別のプロセスを作成することで、組織は顧客の特定のニーズを満たし、スムーズで効率的な予約体験を保証することができます。

実際に支払いを収集し、アポイントメントを予約するコールトゥアクションボタンを作成します。

さらに一歩進んで、クライアントのアポイントメントを確保するために前払いをお願いし、アポイントメントをとってもらうことも可能です。そうすることで、ノーショー率を減らし、ノーショーが発生した場合の時間を作ることができます。

Elementor ProのStripeまたはPayPalボタンは、アポイントメントスケジュールへの直接リンクを貼り付けたり、スケジュールを埋め込むために別のページを作成したり、埋め込まれたスケジュールを表示するためのポップアップウィンドウを開く機会を与える成功時にリダイレクトフィールドを提供します。

これは次のように行います：

1.stripe/paypalボタンを追加し、スタイルを設定します。スタイルはサイト上の通常のボタンからコピー＆ペーストできます。

2.お客様のアカウントをご希望の決済ゲートウェイサービスに接続します。

3.Stripe/Paypalウィジェットの[追加オプション]タブに移動し、[成功時にリダイレクト]リンクフィールドを見つけます。

4.上記の方法で作成されたアポイントメントスケジューリングページやポップアップにリンクするためにダイナミックタグを使用します。

外部リンクを使用します： 

Googleは全ての予約スケジュールが記載されたページに直接つながる特定のリンクをコピーする便利な機能を提供しています。訪問者はこの概要ページから希望の時間を選択できるだけでなく、興味のあるサービスの詳細ページに素早くジャンプするために各スケジュールのリンクを直接クリックすることができます。

これらのリンクは非常に柔軟性があり、ボタンやテキスト、サイト上のリンクバーなど、適切と思われる場所に簡単に貼り付けることができます。しかし、この方法は訪問者を素早く目的のページに誘導することができる反面、使用頻度が高すぎたり、不適切に使用された場合、サイトの直帰率（ページに入ってすぐに離脱する訪問者の割合）を増加させる可能性があることに注意が必要です。

したがって、これらのリンクを利用する場合は、訪問者の満足度とエンゲージメントを最大化するために、ウェブサイトのコンテンツとユーザーエクスペリエンスにマッチしていることを確認してください。