如何在 WordPress 中嵌入 Calendly? 3個簡單的方法!

已發表: 2020-07-16

您是否正在尋找將 Calendly 集成到您的網站並充分利用您的約會管理工具的最簡單方法? 那麼你來對地方了。 在本指南中,您將學習如何使用 3 種不同的方法將 Calendly 嵌入 WordPress

什麼是日曆?

如今,許多企業為其客戶服務使用的最流行的工具之一是預約安排工具。 無論您是經營診所、諮詢公司還是其他類型的企業,一個小小的約會日曆工具都可以幫助您順利開展一切工作。 尤其是Calendly ,它是市面上最著名的工具之一。 它為用戶提供了一種無需使用電子郵件即可直接安排約會的簡便方法。 只需為您的會議和活動設置一些規則,並將它們嵌入您的網站。 您的用戶可以輕鬆查看此日程安排日曆,直接註冊您的服務,甚至查看您下次有空的時間。

管理您的約會日曆從未如此簡單。 約會安排程序非常靈活,您甚至可以添加很酷的功能,如緩衝時間、秘密事件,甚至禁用最後一分鐘的約會。 此外,您可以將它們與 Google、Outlook、iCloud 和 Office 365 等雲工具集成,甚至可以在您的調度程序上啟用基於團隊的操作。 Calendly 還提供與 Zoom、PayPal、Google Analytics 等其他流行軟件的出色集成選項。

為什麼要在 WordPress 中嵌入 Calendly?

在 wordpress 中嵌入日曆 - 日曆主圖像

使用Calendly WordPress 嵌入,您可以充分利用您的網站和 Calendly。 您的用戶可以輕鬆查看您的服務並直接註冊。 通過在您的頁面/帖子上添加小彈出式嵌入,甚至在側邊欄添加 Calendly 嵌入,讓您的網站的潛在客戶與您的服務完美配合。 您還可以添加約會日曆和有關您的日程安排的其他信息。 通過嵌入,您的網站訪問者也可以直接註冊重要的會議或活動。 使用針對您網站的更集成的調度程序,更改您網站的潛在客戶並更輕鬆地與業務合作夥伴、客戶或諮詢者打交道。

但這還不是全部。 Calendly 帶有一個無縫集成選項,也可以與 WordPress 完美配合。 您可以輕鬆嘗試三種不同類型的嵌入,每一種都具有相當大的優勢。 所有嵌入都是完全可定制的! 您可以編輯從文本到嵌入顏色選項的所有內容,使其具有您網站的外觀和感覺。

所以,讓我們繼續看看如何在 WordPress 中嵌入 Calendly

在您的 WordPress 網站上嵌入 Calendly

Calendly 允許您以 3 種不同的方式嵌入您的約會日曆:

  • 內聯嵌入
  • 彈出小部件
  • 彈出文字

但是,將它們嵌入到您的 WordPress 網站的方法是相同的。

首先,您需要登錄到您的 Calendly 帳戶並打開事件類型頁面。 將鼠標懸停在您要嵌入的事件上,單擊設置圖標,然後單擊添加到網站

在 wordpress 中嵌入日曆 - 事件類型

在 wordpress 中嵌入日曆 - 添加到網站

現在,您將獲得三種不同的選項來將 Calendly 嵌入到您的 WordPress 網站中。 您可以在嵌入式嵌入、彈出窗口小部件和簡單彈出文本之間進行選擇。 這些中的每一個都有一些優點和缺點。

1) 內嵌嵌入

使用內聯小部件,您可以顯示您的整個約會日曆,其中顯示了您的可用天數。 這個嵌入也非常好地使用小部件。 在您的側邊欄上顯示您的日曆小部件,您可以輕鬆地在您的網站上顯示您有空的日期和可用的事件。

2) 彈出小部件

彈出框小部件在您的網頁底部添加了一個很小的可自定義按鈕,該按鈕非常小。 單擊該按鈕會給您一個彈出窗口,在一個小燈箱中顯示您的約會日曆。 如果您想在整個網站或特定頁面/帖子上添加一個小彈出窗口,這是一個很好的選擇。

3) 彈出文字

彈出文本小部件只是為您提供一些可自定義的文本,使用彈出窗口打開您的約會日曆。 這個小部件是最小和最靈活的選項,但也是最不引人注意的。 嘗試將其作為指向各種帖子或頁面的小鏈接,以便為您的觀眾提供有關您的可用性等信息。

單擊“繼續”後,您將看到可以復制的代碼以將小部件嵌入您的網站。 您還將在左側看到自定義小部件的選項。 單擊複製代碼按鈕將代碼複製到剪貼板。

現在,我們將向您展示如何在 WordPress 頁面/帖子和側邊欄中嵌入 Calendly。 每一個都有不同的用途,無論您是想在特定頁面/帖子中、側邊欄上還是在整個網站上顯示您的 Calendly 嵌入。 因此,讓我們直接進入教程。

1) 在 WordPress 頁面/帖子中嵌入 Calendly

在 WordPress 頁面/帖子中嵌入 Calendly 的最簡單方法是使用嵌入塊。 為此,首先,選擇您的嵌入小部件類型並選擇背景、文本和按鈕顏色對其進行自定義。 然後單擊複製代碼按鈕。

在wordpress中嵌入calendly - 小部件的代碼代碼

之後,打開要嵌入 Calendly 的頁面/帖子。 然後,單擊添加新塊按鈕並蒐索自定義 HTML 塊。 單擊它,然後簡單地將嵌入代碼粘貼到 HTML 塊中。

保存/發布帖子後,嵌入應該與帖子的其餘內容一起顯示。

2) 在 WordPress 側邊欄中嵌入 Calendly

要將 Calendly 嵌入 WordPress 網站的側邊欄中,您需要使用自定義 HTML 小部件。 為此,請從您的 Calendly 帳戶中獲取嵌入代碼。 為此,請單擊事件設置上的添加到網站,然後自定義背景、文本和按鈕顏色。 然後單擊複製代碼將 HTML 代碼複製到剪貼板。

現在,通過單擊Appearance > Widgets打開您的小部件定制器。 然後,按顯示客戶購物車下的自定義 HTML小部件。 選擇側邊欄作為您的小部件位置,它將添加到右側的側邊欄列中。

之後,單擊您剛剛添加到側邊欄的自定義 HTML 小部件。 更改小部件的標題並粘貼您剛剛複制的嵌入 HTML。 然後單擊保存,小部件將顯示在您的側邊欄上。

在 wordpress 中嵌入日曆 - 日曆側邊欄

3) 將 Calendly 添加到整個網站

最後,讓我們看看如何在站點範圍內嵌入 Calendly。 對於這個演示,我們將在整個站點上添加彈出窗口小部件。 因此,首先,登錄您的 Calendly 帳戶,打開事件類型頁面,轉到設置 > 添加到網站,然後復制彈出窗口小部件代碼。

之後,轉到您的WordPress 儀表板 > 外觀並打開編輯器。 然後,轉到主題文件側邊欄並打開主題頁腳。 一旦你打開它,你會看到一個很大的 HTML 代碼。 向下滾動直到在底部找到</body>標記,然後粘貼您剛剛複制的彈出窗口小部件代碼。

在 WordPress 中嵌入日曆

然後,更新文件,就是這樣! 您剛剛在整個站點範圍內添加了 Calendly。

獎勵:在您的網站上自定義 Calendly

將 Calendly 嵌入您的網站只是第一步。 要將其提升到一個新的水平,您可以自定義嵌入以使其具有您網站的外觀和感覺。 讓我們看看如何做到這一點。

我們見過的三種嵌入類型(內聯、彈出小部件和彈出文本)允許您隱藏一些事件詳細信息,例如您的頭像、事件類型名稱和詳細信息以及避免重複的位置您可能已經在您的網站上提及的內容。

此外,您可以編輯彈出窗口小部件中的顏色和按鈕文本以及更改彈出文本顯示的文本。 完成所有自定義後,保存更改並複制新代碼以將其添加到您喜歡的嵌入選項中的網頁中。

最後,如果要自定義背景顏色、文本顏色、按鈕和鏈接顏色,則需要購買每月 12 美元的 Pro 計劃。

日曆最佳實踐

將 Calendly 嵌入 WordPress 網站並對其進行自定義後,就可以開始使用它了! 在這裡,我們將與您分享一些提示和最佳實踐,以便您充分利用它。

  • 與 Google 日曆類似,Calendly 允許您設置可以參加會議的日期和時間。 這非常有用,因此您的隊友和客戶可以提前知道您何時有空,這樣您就不必重新安排會議
  • Calendly 提供的最有用的功能之一是可以創建不同的事件類型。 這樣,您可以創建面對面會議、Zoom 會議、電話和一對一活動
  • 始終包含簡短的描述,告訴參與者會議的目的是什麼以及他們應該事先知道的任何其他信息。 例如,如果您要討論有關如何提高付費營銷績效的想法,請向參與者提供有關您的業務當前正在做什麼及其結果的背景和信息。
  • Calendly 的最佳功能之一是能夠為參與者創建和自動提醒。 您可以選擇如何提醒與會者(文本或電子郵件)、提前多長時間發送提醒以及包括重新安排選項。

結論

總而言之,如果您想要一個約會安排工具,Calendly 是 Google 日曆的絕佳替代品。 最重要的是,它與 Zoom、PayPal、Google Analytics 和許多其他服務順利集成。

在我們關於如何在 WordPress 中嵌入 Calendly 的教程中,我們向您展示了在帖子/頁面、側邊欄或站點範圍內添加日曆的三種不同方法。 每種方法背後的想法都是相同的,因此您只需按照以下步驟操作:

  • 從您的 Calendly 帳戶複製您的小部件嵌入代碼
  • 將代碼粘貼到帖子/頁面的自定義 HTML 塊或自定義 HTML 小部件(如果要將其添加為小部件)

此外,您可以自定義嵌入,並確保您按照我們上面分享的一些最佳實踐充分利用 Calendly。

如果您在整個嵌入過程中遇到任何問題,請告訴我們,我們會立即處理。 此外,如果本文對您有所幫助,請告訴我們! 我們總是很高興收到您的來信。

最後,如果您正在尋找充分利用業務的方法,我們建議您查看以下指南:

  • 如何將 Eventbrite 與 WordPress 集成
  • 如何將 Google 日曆添加到 WordPress