WordPressにCalendlyを埋め込む方法は? 3つの簡単な方法!

公開: 2020-07-16

CalendlyをWebサイトに統合し、予定管理ツールを最大限に活用する最も簡単な方法をお探しですか? その後、あなたは正しい場所に来ました。 このガイドでは、3つの異なる方法を使用してCalendlyをWordPressに埋め込む方法を学習します。

Calendlyとは何ですか?

最近、多くの企業がクライアントサービスに使用する最も人気のあるツールの1つは、予約スケジューリングツールです。 あなたが診療所、コンサルタント、または他の種類のビジネスを運営しているかどうかにかかわらず、小さな予約カレンダーツールはあなたがすべてをスムーズに運営するのを助けるのに大いに役立ちます。 特に、 Calendlyは、世の中で最も有名なツールの1つです。 これは、電子メールを使用せずに直接予定をスケジュールする簡単な方法をユーザーに提供します。 会議やイベントにいくつかのルールを設定し、それらをWebサイトに埋め込むだけです。 ユーザーは、このスケジュールカレンダーを簡単に表示したり、サービスに直接サインアップしたり、次に利用可能になる時期を確認したりすることができます。

予約カレンダーの管理がこれまでになく簡単になりました。 アポイントメントスケジューラは非常に柔軟性があり、バッファ時間やシークレットイベントなどのクールな機能を追加したり、直前のアポイントメントを無効にしたりすることもできます。 さらに、それらをGoogle、Outlook、iCloud、Office 365などのクラウドツールと統合したり、スケジューラーでチームベースの操作を有効にしたりすることもできます。 Calendlyには、Zoom、PayPal、GoogleAnalyticsなどの他の人気のあるソフトウェアとの素晴らしい統合オプションも付属しています。

なぜCalendlyをWordPressに埋め込むのですか?

ワードプレスにカレンダーで埋め込む-カレンダーでメイン画像

Calendly WordPressが埋め込まれていると、WebサイトとCalendlyの両方を最大限に活用できます。 ユーザーはあなたのサービスを表示し、面倒なことなく直接サインアップできます。 ページ/投稿に小さなポップアップ埋め込みを追加したり、サイドバーにCalendly埋め込みを追加したりして、ウェブサイトのリードがサービスと完全に連携できるようにします。 予定表やスケジュールに関する追加情報を追加することもできます。 埋め込みを使用すると、Webサイトの訪問者は、重要な会議やイベントに直接サインアップすることもできます。 Webサイトのリードを変更し、サイトのより統合されたスケジューラーを使用して、ビジネスパートナー、顧客、またはコンサルタントとの取引をはるかに簡単にします。

しかし、それだけではありません。 Calendlyには、WordPressでも完全に機能するシームレスな統合オプションが付属しています3種類の埋め込みを簡単に試すことができ、それぞれにかなりの利点があります。 そして、すべての埋め込みは完全にカスタマイズ可能です! テキストから埋め込みカラーオプションまですべてを編集して、サイトのルックアンドフィールを与えることができます。

それでは、先に進んで、CalendlyをWordPressに埋め込む方法を確認しましょう。

WordPressサイトにCalendlyを埋め込む

Calendlyを使用すると、3つの異なる方法で予定表を埋め込むことができます。

  • インライン埋め込み
  • ポップアップウィジェット
  • ポップアップテキスト

ただし、WordPressWebサイトにそれらを埋め込む方法は同じです。

まず、Calendlyアカウントにログインして、イベントタイプページを開く必要があります。 埋め込みたいイベントにカーソルを合わせ、 [設定]アイコンをクリックして、[ Webサイトに追加]をクリックします。

ワードプレスにカレンダーで埋め込む-イベントタイプ

ワードプレスにカレンダーで埋め込む-ウェブサイトに追加

これで、CalendlyをWordPressWebサイトに埋め込むための3つの異なるオプションが提供されます。 インライン埋め込み、ポップアップウィジェット、および単純なポップアップテキストから選択できます。 これらのそれぞれにいくつかの長所と短所があります。

1)インライン埋め込み

インラインウィジェットを使用すると、利用可能な日を表示する予定カレンダー全体を表示できます。 この埋め込みは、ウィジェットを使用しても非常にうまく機能します。 Calendlyウィジェットをサイドバーに表示すると、Webサイト全体で利用可能な曜日と利用可能なイベントを簡単に表示できます。

2)ポップアップウィジェット

ポップアップボックスウィンドウは、Webページの下部に非常に最小限のカスタマイズ可能な小さなボタンを追加します。 ボタンをクリックすると、小さなライトボックスに予定表を表示するポップアップが表示されます。 これは、Webサイト全体または特定のページ/投稿に小さなポップアップを追加する場合に最適なオプションです。

3)ポップアップテキスト

ポップアップテキストウィジェットは、ポップアップを使用して予定表を開く、少しカスタマイズ可能なテキストを提供するだけです。 このウィジェットは、最も最小限で柔軟なオプションですが、目立たないものでもあります。 さまざまな投稿やページへの小さなリンクとして試してみて、視聴者に空き状況などに関する情報を提供してください。

[続行]をクリックすると、ウィジェットをWebサイトに埋め込むためにコピーできるコードが表示されます。 左側にウィジェットをカスタマイズするオプションも表示されます。 [コードのコピー]ボタンをクリックして、コードをクリップボードにコピーします。

次に、 WordPressのページ/投稿とサイドバーにCalendlyを埋め込む方法を紹介します。 Calendlyの埋め込みを特定のページ/投稿、サイドバー、またはWebサイト全体に表示する場合でも、それぞれが異なる目的で機能します。 それでは、チュートリアルに取り掛かりましょう。

1)WordPressのページ/投稿にカレンダーで埋め込む

WordPressのページ/投稿にCalendlyを埋め込む最も簡単な方法は、 Embedブロックを使用することです。 これを行うには、まず、埋め込みウィジェットの種類を選択し、背景、テキスト、ボタンの色を選択してカスタマイズします。 次に、[コードのコピー]ボタンをクリックします。

ワードプレスにカレンダーで埋め込む-ウィジェットのコードコード

その後、Calendlyを埋め込みたいページ/投稿を開きます。 次に、[新しいブロックの追加]ボタンをクリックして、カスタムHTMLブロックを検索します。 それをクリックして、埋め込みコードをHTMLブロックに貼り付けるだけです。

投稿を保存/公開すると、埋め込みは投稿の残りのコンテンツとともに表示されます。

2)WordPressサイドバーにカレンダーで埋め込む

CalendlyをWordPressWebサイトのサイドバーに埋め込むには、カスタムHTMLウィジェットを使用する必要があります。 そのためには、CalendlyアカウントからEmbedコードを取得します。 これを行うには、イベントの設定で[ Webサイトに追加]をクリックし、背景、テキスト、およびボタンの色をカスタマイズします。 次に、[コードのコピー]をクリックして、HTMLコードをクリップボードにコピーします。

次に、[外観]> [ウィジェット]をクリックして、ウィジェットカスタマイザーを開きます。 次に、 [顧客のショッピングカートを表示する]の下の[カスタムHTML ]ウィジェットを押します。 ウィジェットの場所としてサイドバーを選択すると、右側のサイドバー列に追加されます。

その後、サイドバーに追加したカスタムHTMLウィジェットをクリックします。 ウィジェットのタイトルを変更し、コピーした埋め込みHTMLを貼り付けます。 次に[保存]をクリックすると、ウィジェットがサイドバーに表示されます。

ワードプレスにcalendly埋め込み-calendlyサイドバー

3)ウェブサイト全体にCalendlyを追加する

最後に、Calendlyをサイト全体に埋め込む方法を見てみましょう。 このデモでは、サイト全体にポップアップウィジェットを追加します。 したがって、最初にCalendlyアカウントにログインし、イベントタイプのページを開き、 [設定]> [Webサイトに追加]に移動して、ポップアップウィジェットコードをコピーします。

その後、 WordPressダッシュボード>外観に移動し、エディターを開きます。 次に、テーマファイルのサイドバーに移動し、テーマフッターを開きます。 開くと、大きなHTMLコードが表示されます。 下部にある</ body>タグが見つかるまで下にスクロールし、コピーしたポップアップウィジェットコードを貼り付けます。

カレンダーにWordPressに埋め込む

次に、ファイルを更新します。これで完了です。 Calendlyをサイト全体に追加しました。

ボーナス:あなたのサイトでCalendlyをカスタマイズする

Calendlyをサイトに埋め込むことは、最初のステップにすぎません。 次のレベルに引き上げるために、埋め込みをカスタマイズして、サイトのルックアンドフィールを与えることができます。 その方法を見てみましょう。

これまでに見た3つの埋め込みタイプ(インライン、ポップアップウィジェット、ポップアップテキスト)を使用すると、アバター、イベントタイプの名前と詳細、場所などのイベントの詳細の一部を非表示にして、重複を防ぐことができます。あなたがあなたのウェブサイトですでに言及したかもしれないコンテンツ。

さらに、ポップアップウィジェットで色とボタンのテキストを編集したり、ポップアップテキストに表示されるテキストを変更したりできます。 すべてのカスタマイズが完了したら、変更を保存し、新しいコードをコピーして、好みの埋め込みオプションでWebページに追加します。

最後に、背景色、テキストの色、ボタン、リンクの色をカスタマイズする場合は、月額12米ドルで主演するProプランを購入する必要があります。

カレンダーのベストプラクティス

CalendlyをWordPressサイトに埋め込んでカスタマイズしたら、それを使い始めましょう。 ここでは、それを最大限に活用できるように、いくつかのヒントとベストプラクティスを共有します。

  • Googleカレンダーと同様に、Calendlyでは会議に参加できる日時を設定できます。 これは非常に便利なので、チームメートやクライアントはあなたがいつ対応できるかを事前に知っているので、会議のスケジュールを変更する必要はありません。
  • Calendlyが提供する最も便利な機能の1つは、さまざまなイベントタイプを作成できることです。 このようにして、対面会議、ズーム会議、電話、および1対1のイベントを作成できます。
  • ミーティングの目的が何であるかを参加者に伝える簡単な説明と、事前に知っておくべきその他の情報を常に含めてください。 たとえば、有料マーケティングのパフォーマンスを向上させる方法についてのアイデアについて話し合う場合は、参加者に、ビジネスが現在行っていることとその結果に関するコンテキストと情報を提供します。
  • Calendlyの最高の機能の1つは、参加者へのリマインダーを作成および自動化する機能です。 出席者にリマインダーを送信する方法(テキストまたは電子メール)、リマインダーを送信する前の時間、および再スケジュールオプションを選択できます。

結論

全体として、予定のスケジュールツールが必要な場合、CalendlyはGoogleカレンダーの優れた代替手段です。 さらに、Zoom、PayPal、Google Analytics、およびその他の多くのサービスとスムーズに統合されます。

CalendlyをWordPressに埋め込む方法に関するチュートリアルでは、投稿/ページ、サイドバー、またはサイト全体にカレンダーを追加する3つの異なる方法を示しました。 各方法の背後にある考え方は同じであるため、次の手順に従う必要があります。

  • Calendlyアカウントからウィジェット埋め込みコードをコピーします
  • 投稿/ページのカスタムHTMLブロック、またはウィジェットとして追加する場合はカスタムHTMLウィジェットにコードを貼り付けます

さらに、埋め込みをカスタマイズして、上記で共有したいくつかのベストプラクティスに従ってCalendlyを最大限に活用していることを確認できます。

埋め込みプロセス全体で問題が発生した場合は、お知らせください。すぐに対応いたします。 さらに、この記事が役に立った場合は、お知らせください。 ご連絡をお待ちしております。

最後に、ビジネスを最大限に活用する方法をお探しの場合は、次のガイドを確認することをお勧めします。

  • EventbriteをWordPressと統合する方法
  • GoogleカレンダーをWordPressに追加する方法