本文介绍如何在 elementor 表单上添加国家、州和城市字段,你可以实现让用户在表单上选择国家,然后选择对应的州和城市,Elementor Pro的Form元素本身没国家、州和城市字段,从营销角度,这是一个需求,获取客户的地区属性,可以为客户提供更加合适服务。
第一步:安装激活IWS – Geo Form Fields插件
这是一个免费插件,通过这个插件你还可以添加列表中没有的国家城市数据。
![image - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP image - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP](http://nutswp.com/wp-content/uploads/2022/09/image.png)
安装激活之后进入管理界面,可以看到国家、州以及城市数据。
![image 1 - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP image 1 - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP](http://nutswp.com/wp-content/uploads/2022/09/image-1-1024x321.png)
你还可以通过【Add New Location】标签来添加新的位置。
![image 2 - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP image 2 - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP](http://nutswp.com/wp-content/uploads/2022/09/image-2-1024x499.png)
第二步:创建 elementor 表单
Form元素时Elementor Pro的功能,因此必须要安装激活Elementor Pro。
了解→如何使用Elementor 创建B2B外贸网站的询盘那表单
在创建的表单中添加三个 Select字段,分别来对应国家、州和城市,根据自己的需求,如果不需要这么多创建2个或者1个都可以。
这里我添加2个Select字段,分别对应国家和州。
然后分别在字段的Advance设置中的ID中输入 country和state,都是小写,和插件管理界面中需要对应
第三步:更新发布表单并查看
刷新页面之后就可以看到表单中有了可以选择位置的字段。
总结
这里不能自动获取用户的位置,需要用户手动选择,如果你需要自动获取用户的位置,或者手机号自动添加国家代码,你可以借助WPforms等表单插件来实现。