為您的 WordPress 代理創建客戶表單 - 使用 Elementor 和聯繫表單插件

已發表: 2020-11-09

如果您擁有 WordPress 開發業務並且目前正在接受入站互聯網查詢,您可以使用有效的客戶表格簡化您的銷售流程並增強您的服務。 那麼,從心理學的角度來說,為什麼一定要有好的客戶形式呢? 以及如何在您的業務中實現這一點以將收入提高 3 倍? 我將與您分享有關如何使用 Elementor 和聯繫表單插件為您的 WordPress 代理創建客戶表單的技術知識。

目錄隱藏
  1. 1.您的一般聯繫表格與您的專業聯繫表格
  2. 2.第一步:安裝插件
  3. 3.第 2 步:在 Elementor 中為您的客戶表單創建一個頁面
    1. 3.1. 創建畫布頁面
    2. 3.2. 為頁面創建頁眉
    3. 3.3. 為客戶聯繫表單創建標題
    4. 3.4. 為頁面創建頁腳
  4. 4.第 3 步:使用 WPForms 插件創建聯繫表格
  5. 5.第 4 步:創建正確的列引用並將您的圖像放在上面
    1. 5.1. 創建塊引用
    2. 5.2. 創建照片和簽名
  6. 6.結論

我要指出一些要素。 但首先,我想解釋為什麼要創建一個專門的客戶表格,以及為什麼您也需要這種聯繫表格。

您的一般聯繫表格與您的專業聯繫表格

當人們來到一個網站並向下滾動時,他們會看到一個相當標準的聯繫表格,之前在許多網站(不僅僅是 WordPress 網站)上可能已經看到過一百萬次。

WordPress 網站上的客戶聯繫表。

當有人在您的網站上進行查詢時,您必須非常仔細地考慮下一步要做什麼。 根據您的回應方式,您要么被視為“網絡專家”,要么被視為可以利用互聯網的力量實現客戶目標的人。 可以想像,專門的客戶表格將幫助您賺取更多收入。

這是我們將在這篇文章中創建的專用客戶表單:

WordPress 代理機構的專業客戶表格

如需客戶表格的完整圖片,請訪問此處。

當客戶使用此客戶表格向您發送電子郵件時,您將回复並說明以下內容

  • 客戶需要使用您的 Calendly 應用程序與您預約
  • 客戶需要填寫以上客戶表格

讓我們看看如何創建此表單,同時我們還將討論有助於使此表單如此有效的元素。

第 1 步:安裝插件

我推薦的一個很棒的(免費的)聯繫表單插件是 WPForms。 您可以通過轉到儀表板>插件>添加新來安裝和激活插件。

在 WordPress 網站上安裝 WPForms 插件

接下來,使用相同的方法安裝並激活免費的 Elementor 頁面構建器。

在 WordPress 網站上安裝 ELEmentor 頁面構建器插件

擁有所有需要的工具後,我們將立即開始!

第 2 步:在 Elementor 中為您的客戶表單創建頁面

我們必須創建一個頁面模板,其中包含您的客戶聯繫表單。 這個頁面從上到下是這樣的結構:頁眉——聯繫表頭——聯繫表——頁腳。

注意:聯繫表將在稍後的步驟 3 中完成。

創建畫布頁面

關於數據收集客戶端表單,您會注意到的第一件事是沒有頁眉甚至頁腳。 當我將鏈接發送給客戶時,該頁面的全部目的是從客戶那裡獲取信息,然後我將使用這些信息進行初步諮詢。

因此,我們需要做的第一件事是在 Elementor 中創建頁面,並確保頁麵類型為Canvas

使用 Canvas 類型創建一個 Elementor 頁面

為頁面創建頁眉

雖然沒有傳統的頁眉和頁腳,但我確實想包含一個小頁眉,告訴他們他們所在的網站。 您還會注意到頂部標題中的鏈接實際上轉到了我的客戶評論部分。

在 WordPress 代理的客戶端表單上包含一個小標題

這樣客戶就知道他們在哪裡。 客戶是否應該猶豫,點擊鏈接會讓他們有信心繼續?

這是通過一個簡單的部分完成的,該部分帶有您的品牌顏色背景,後跟一個文本字段。 很簡單的東西!

為客戶聯繫表單創建標題

下一步是客戶端表單標題。 在這裡,我在編輯時使用了 60px 的Lato 字體

創建 WordPress 代理機構的客戶表單標題

副標題只有 24px 是相同的字體。 此外,子標題的權重為 300。您可以手動使子標題的權重低於平均權重,以便頂部標題更加突出。

使 WordPress 代理機構的客戶表單的副標題具有低於平均水平的權重

為頁面創建頁腳

接下來,添加一個頁腳,它只是一個與頁眉背景相同的部分。 在這種情況下,我有 2 列。 我不僅再次鏈接到評論以獲得信任,而且我還鏈接到“關於”頁面,在那裡我更多地談論自己。

鏈接到客戶表單頁腳上的評論和“關於”頁面

第 3 步:使用 WPForms 插件創建聯繫表單

下一步是創建聯繫表單。 我不會過多討論這個,因為聯繫表單構建器相當簡單。 有關如何使用此聯繫表單插件的更多詳細信息,我們已經在此處提供了教程。

只需拖放聯繫表單字段即可。

在 WPForms 中添加新的聯繫表單

幸運的是,您不必自己創建聯繫表單——您可以導入我在下面的鏈接中上傳的JSON文件,然後通過轉到WPForms >工具>導入並填充您的表單來導入它。

這是JSON文件的鏈接。

為了導入它,只需將其上傳到這裡:

上傳json文件添加聯繫表單

需要注意的一件事:導入聯繫表後,您需要獲取短代碼。 完成編輯聯繫表單後,只需單擊嵌入,然後單擊使用短代碼選項。

在 WPForms 中獲取客戶端表單的簡碼

然後,只需將該短代碼複製/粘貼到您的頁面中即可。

第 4 步:創建正確的列引用並將您的圖像放在上面

您還想對客戶表格做的一件事是保持您的定位,為您的客戶表格添加個性和生命。

使用 Elementor 為您的客戶表單創建右欄報價

創建塊引用

第一部分是塊引用。 這是一個標準的 Elementor 元素。 但是,關於這一點有幾點。

你會注意到我把引文本身變成紅色和大的。 您可以將Edit Blockquote設置為Quote部分,並將顏色設置為紅色,將大小設置為 1。

至於文本框本身,您想提醒客戶他們為什麼要填寫客戶表格以及這將如何幫助他們。 您還會注意到,我感謝用戶通過電子郵件中的鏈接點擊進入該頁面。

創建照片和簽名

下一個元素只是您的照片和客戶表格中的簽名。 簽名增添了一絲優雅,使該部分聽起來更正式。 這可能看起來很傻,但看起來確實比簡單地寫下您的品牌名稱要好,而且您希望在此階段盡可能使您的名牌變得強大。

我使用了 DocSketch 在線簽名生成器來製作這個簽名。

這是創建客戶表單的最後一步。 請記住保存並發布您的客戶表單。

結論

完成此客戶表格後,您就可以開始使用它了。 現在您所要做的就是等待您的下一個在線查詢。 發生這種情況時,您需要向客戶發送電子郵件,要求他們填寫客戶表格。

希望這份客戶表格對您有用,並幫助您在會議之前將自己定位為無可爭議的專家! 祝你好運!

作者簡介

Kosta 是悉尼 WordPress 開發方面的專家,並且是提供 WordPress 自定義網站的專家,這些網站快速、穩定、可靠,但最重要的是,實際上可以讓客戶做你需要他們做的事情——那就是採取行動。