使用 wordPress/ target=_blank class=infotextkey>WordPress 插件,您想將地圖添加到您的聯(lián)系表(如谷歌地圖)嗎?通過查看聯(lián)系表旁邊的地圖,您的用戶將更清楚地了解他們的位置。在這里,我們將演示如何顯示帶有地圖的WordPress聯(lián)系表單。
如何將地圖添加到聯(lián)系人表單
使用WordPress 插件,您可以將聯(lián)系表單地圖添加到您的網(wǎng)站。就是這樣:
# Step 1. 首先需要下載并安裝WPForms插件
安裝和激活 WPForms 插件應(yīng)該是您的第一步。以下指南將解釋如何操作。
要訪問 Geolocation 插件,您需要 WPForms Pro。
# 步驟 2. 啟用地理定位插件
激活插件后,可以在WPForms » Addons中找到 Geolocation Addon 。單擊激活按鈕激活它。
地理定位插件包含兩個(gè)很棒的功能:
1. 表單輸入地理位置:使用此信息,您可以根據(jù)表單用戶的來源更好地劃分您的電子郵件列表。
2. 地址自動(dòng)完成:您網(wǎng)站的地址字段可以在用戶輸入時(shí)自動(dòng)顯示他們的地址。
# 第 3 步。將自定義地理位置添加到 Geolocation Addon
激活 Geolocation 附加組件后,您需要對(duì)其進(jìn)行配置和自定義。
轉(zhuǎn)到WPForms »設(shè)置并單擊地理位置。
在 Places Provider 部分,您需要選擇要從中檢索您的地理位置信息的提供商。
一旦您在 Geolocation 附加設(shè)置中填寫了您的位置提供商設(shè)置,您現(xiàn)在就可以創(chuàng)建聯(lián)系表單地圖了。
# 步驟 4. 創(chuàng)建聯(lián)系表
讓我們現(xiàn)在用地圖創(chuàng)建您的聯(lián)系表。只需幾分鐘即可完成。
使用WPForms 表單生成器,您可以通過單擊添加新按鈕開始創(chuàng)建新表單。
表單名稱現(xiàn)在允許您輸入表單的名稱。讓我們使用“聯(lián)系我們”選項(xiàng)。
單擊表單名稱旁邊的鏈接,選擇您要使用的模板。我們將很快創(chuàng)建一個(gè)帶有地圖的簡(jiǎn)單表單。
您現(xiàn)在將看到以下標(biāo)準(zhǔn)字段填充在您的簡(jiǎn)單聯(lián)系表單模板上:
>>(名字,姓氏)
>>通過電子郵件聯(lián)系我們
>>給我們留言或評(píng)論
除了表單設(shè)置之外,您可能還需要配置通知和確認(rèn)。
您可以通過添加新字段在表單上啟用“顯示地圖”選項(xiàng)。
# 步驟 5. 啟用地圖顯示
加載表單時(shí),您會(huì)看到可以添加到其中的所有字段。
為了讓您的表單顯示地圖選項(xiàng),您需要添加地址或單行字段。
讓我們使用單行文本字段在一行中顯示地址。
通過單擊該字段的名稱,您可以將其添加到您的表單中,或者您可以將其從左側(cè)面板拖放到右側(cè)表單中。
在“字段選項(xiàng)”選項(xiàng)卡上單擊“單行文本”字段的“高級(jí)選項(xiàng)” 。
現(xiàn)在有幾個(gè)選項(xiàng),因此向下滾動(dòng)以找到“啟用地址自動(dòng)完成”,然后選擇“顯示地圖”。
默認(rèn)情況下,地圖顯示在字段上方,但您可以根據(jù)需要選擇將它們放在下方。通過單擊將下拉列表切換到下方字段。
作為最后一步,我們將此字段重命名為“地址”,這樣您的用戶在填寫表單時(shí)就不會(huì)看到“單行文本”。
然后在“表單選項(xiàng)”面板中編輯標(biāo)簽以顯示“地址”。
對(duì)表單滿意后,單擊右上角的保存。
該表格已準(zhǔn)備就緒。
# Step 6. 發(fā)布你的form map
您準(zhǔn)備好發(fā)布帶有地圖的聯(lián)系表了嗎?使用您的 WPForms Pro 插件,將您的表單嵌入您的網(wǎng)站非常容易。
一旦按照您想要的方式配置并保存,您現(xiàn)在可以嵌入您的表單。只需查找表單右上角的“嵌入”按鈕即可。
可以在此處選擇任何現(xiàn)有頁面或新頁面。
首先,單擊創(chuàng)建新頁面。
點(diǎn)擊我們開始吧!開始命名您的頁面!
就是這樣。WordPress 會(huì)自動(dòng)將地圖添加到您的聯(lián)系表中。
您現(xiàn)在終于可以通過單擊“發(fā)布”(如果您使用的是現(xiàn)有頁面,則進(jìn)行更新)在線發(fā)布您的表單。
偉大的!現(xiàn)在您的聯(lián)系表上有一張地圖。
下面是它的外觀的直觀表示:
現(xiàn)在你完成了!
使用 WordPress 插件,您可以快速輕松地創(chuàng)建聯(lián)系表單地圖。
結(jié)論
希望本文已經(jīng)告訴您使用插件將聯(lián)系人表單映射添加到您的 WordPress 網(wǎng)站是多么容易(和有益)