如何在 elementor 表单上添加国家、州和城市字段?

文章目录

本文介绍如何在 elementor 表单上添加国家、州和城市字段,你可以实现让用户在表单上选择国家,然后选择对应的州和城市,Elementor Pro的Form元素本身没国家、州和城市字段,从营销角度,这是一个需求,获取客户的地区属性,可以为客户提供更加合适服务。

第一步:安装激活IWS – Geo Form Fields插件

这是一个免费插件,通过这个插件你还可以添加列表中没有的国家城市数据。

image - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP

安装激活之后进入管理界面,可以看到国家、州以及城市数据。

image 1 - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP

你还可以通过【Add New Location】标签来添加新的位置。

image 2 - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP

第二步:创建 elementor 表单

Form元素时Elementor Pro的功能,因此必须要安装激活Elementor Pro。

了解→如何使用Elementor 创建B2B外贸网站的询盘那表单

在创建的表单中添加三个 Select字段,分别来对应国家、州和城市,根据自己的需求,如果不需要这么多创建2个或者1个都可以。

这里我添加2个Select字段,分别对应国家和州。

然后分别在字段的Advance设置中的ID中输入 country和state,都是小写,和插件管理界面中需要对应

image 7 - 如何在 elementor 表单上添加国家、州和城市字段? - NUTSWP

第三步:更新发布表单并查看

刷新页面之后就可以看到表单中有了可以选择位置的字段。

如何在 elementor 表单上添加国家、州和城市字段?

总结

这里不能自动获取用户的位置,需要用户手动选择,如果你需要自动获取用户的位置,或者手机号自动添加国家代码,你可以借助WPforms等表单插件来实现。

分类
标签
Load WordPress Sites in as fast as 37ms!
建站交流群
建站咨询请联系企业微信
技术支持/服务

推荐阅读

UE插件Ajax Search元素按钮颜色透明度CSS重写

本文记录我使用UE插件Ajax Search元素按钮颜色透明度CSS重写的代码的过程。 在使用UE的Ajax Search元素时,发现其按钮被默认设置了透明度。于是只能手动对代码中的CSS进行修改。

Elementor如何隐藏页面标题?

如何在Elementor编辑中隐藏页面标题呢?在使用Elementor编辑一个新的页面时,页面顶部会出现当前页面标题?这个标题是无法删除的,但是我们可以通过Elementor的页面设置来隐藏它。 1、

Elememtor设置全局的内容宽度

本文介绍如何使用Elememtor设置全局的内容宽度,默认情况下Elementor Containner的宽度是Boxed 1140px,你可以针对这个Containner去修改内容的宽度,但是如果你

目录

搜索你想找的内容

站长自用主机推荐
前三个月享85折优惠
注册无需身份验证
点击下方LOGO注册【无需绑卡】免费试用3天
外贸建站服务
提供外贸建服务:模板建站、定制建站、小语种建站,通过微信联系咨询
建站咨询请联系企业微信
WP建站技术交流群
建站咨询请联系企业微信
建站咨询购买主题插件模板