使用新的 Forminator 地理定位附加組件將您的表單放在地圖上

已發表: 2023-09-11

我們的團隊再次成功了! Forminator 的新地理定位插件與 Google Maps API 集成可讓您輕鬆地從表單提交中收集地理位置數據,並提供地址自動完成功能,以獲得更流暢的用戶體驗。

具有地理定位功能的 Forminator 地圖。
使用 Forminator 的新地理定位功能查看表單用戶所在的位置。

在發布備受期待的 PDF 生成器附加組件後,我們很自豪地宣布我們的表單構建插件又一個強大的附加功能……地理定位附加組件!

如果您的企業需要收集用戶的位置信息,帶有 Geolocation Add-on 的 Forminator Pro 是您唯一需要的表單構建插件。

在這篇文章中,我們將討論:

  • 使用 Forminator 地理定位插件的主要優點
  • 如何使用 Forminator 的地理定位插件

使用 Forminator 地理定位插件的主要優點

啟用 Forminator 的地理定位插件後,您可以通過以下方式增強網站上的表單:

精准定位檢測

Forminator 可以通過利用設備的 GPS 或 IP 地址來精確定位用戶的位置。

此信息無縫集成到您的表單中,使您可以實時訪問用戶所在的位置。

此外,地理定位功能還包括方便的地址查找功能,允許用戶使用郵政地址、城市名稱或郵政編碼搜索並選擇他們的位置。

形成者表格提交
在表單提交中查看用戶的位置。

交互式地圖視圖

地理定位功能的突出特點之一是它的地圖視圖。 用戶不僅可以在地圖上查看自己的位置,還可以與其進行交互。

用戶可以選擇手動輸入其位置或直接從地圖標記中選擇。 這種動態地圖視圖增強了用戶參與度,並使用戶可以輕鬆提供準確的位置詳細信息。

定制選項

Forminator 的 Geolocation 提供了一系列定制選項來滿足您的需求。 您可以配置地址字段旁邊的 Google 地圖顯示,選擇是將地圖放置在地址字段上方還是下方,甚至可以調整地圖的大小,以確保響應式或自定義適合各種設備。

此外,您還可以根據特定的緯度和經度坐標靈活設置默認地圖位置。

地理位置地圖定制
您可以輕鬆自定義地圖的地理位置選項。

無縫整合

要利用地理定位功能,只需在地理定位設置中輸入您的 Google 地圖 API 密鑰,即可確保為您的用戶提供無縫且可靠的體驗。

全局設置

為了便於在所有表單中使用,您可以在整個站點的所有地址字段上啟用地理位置作為默認設置。 這簡化了從用戶收集位置信息的過程。

Forminator 地理位置設置
在所有新表單上啟用地理位置作為默認設置。

用戶友好的配置

如果您要求用戶在提交表單之前提供位置訪問權限,則可以啟用“需要訪問用戶位置”選項。 此外,如果用戶選擇不提供位置訪問權限,您可以自定義顯示的錯誤消息。

如何使用 Forminator 的地理定位插件

要安裝和使用 Geolocation Add-on,您需要在您的站點上安裝並激活 Forminator Pro。

Forminator Pro 包含在所有付費會員資格中,因此,如果您還不是 WPMU DEV 會員,請考慮選擇我們的無風險會員計劃之一來成為其中一員。

安裝 Forminator Pro 後,轉到插件菜單的“附加組件”部分,然後單擊“安裝”。

Forminator 附加組件屏幕:突出顯示地理定位附加組件。
在插件的附加組件屏幕中安裝地理定位。

安裝插件後,單擊“配置”

Formoinator 附加組件 - 地理位置 - 突出顯示配置按鈕。
您需要先配置該附加組件,然後才能使用它。

您需要添加有效的 Google Maps API 密鑰才能在表單上啟用和設置地理位置。 如果您需要此步驟的幫助,請參閱我們的 Forminator 文檔,了解有關獲取此密鑰的說明。

在 Google Maps API 字段中輸入您的密鑰,打開開關以啟用地理定位作為所有新表單的默認選項(可選),然後單擊“保存”按鈕繼續。

配置地理位置
輸入您的 Google 地圖 API 密鑰。

驗證 API 密鑰並成功保存配置後,屏幕上將短暫顯示一條確認消息,讓您知道一切順利。

注意:您可以在“表單”>“編輯表單”>“設置”部分中訪問各個表單的其他地理位置配置設置(例如,禁用地理位置或強制用戶提供其位置詳細信息才能提交表單)。

Forminator 表單設置屏幕
在“表單設置”部分中配置其他地理位置設置。

配置好插件後,讓我們看一下將地理位置字段添加到表單的示例。

將地理位置字段添加到表單

在“表單”部分中,選擇一個表單或創建一個新表單,然後選擇“編輯”>“字段”。

Forminator:編輯表單 - 插入字段按鈕。
單擊“插入字段”按鈕將地理位置添加到表單中。

選擇地址字段並單擊插入字段按鈕。

Forminator 表單字段選擇器
將地址字段添加到您的表單中。

地址字段是高度可定制的,並包括一個地理位置選項卡,其中包含用於配置地圖的高級選項,例如:

  • 自動完成:當用戶在字段中輸入地址時提供實時建議。
  • 在地圖中顯示地址:在地址字段旁邊顯示地圖
  • 地圖位置:選擇是在地址字段上方還是下方(默認)顯示地圖。
  • 地圖尺寸:為地圖設置響應式或自定義尺寸。
  • 默認地圖位置:設置地圖的默認自定義位置。
Forminator 地址字段設置 - 地理位置選項。
Forminator 地址字段設置包括高級地理位置選項。

配置上述設置以滿足您的需求並促進用戶與表單映射的交互並提供良好的用戶體驗。

例如,啟用自動完成功能,以便在用戶開始鍵入時顯示匹配的位置,並在從顯示的選項中選擇地址時自動填寫地址字段。

Forminator 地理定位 - 自動完成字段
啟用自動完成功能,為表單地圖提供更流暢、更具交互性的用戶體驗。

一旦瀏覽器加載表單頁面,它將提示用戶授予對其位置的訪問權限。 允許此訪問將在地圖上顯示用戶的當前位置並自動填寫地址字段。

帶地圖的 Forminator 表格
啟用自動完成功能還會預先填寫表單上的所有地址詳細信息。

只需單擊地圖上的不同點,用戶還可以更改其位置並更新地址字段。

單擊地圖上的不同點會更改表單字段上的地址。

所有表單信息(包括用戶的地理位置詳細信息和地圖)也將顯示在 Forminator 的提交頁面上。

Forminator 提交頁面,包含表單提交示例。
Forminator 表單提交的示例,顯示帶有用戶位置和坐標的地圖。

一切都與地理定位、地理定位、地理定位有關

Forminator 的新地理定位功能使您能夠收集和利用表單用戶的位置信息,獲得對受眾(無論他們是客戶、員工還是供應商)的寶貴見解,並做出更明智的業務決策。

查看 Forminator Pro 中的此功能,如果您需要任何幫助,請參閱我們的文檔或聯繫我們的專家 24/7 支持團隊。

您嘗試過 Forminator 的地理定位插件嗎? 在下面的評論中分享您的想法。