如何在 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等表单插件来实现。

推荐阅读

如何使用Elementor制作悬浮按钮?

本文介绍如何使用Elementor来制作悬浮按钮。通常我们会在网站侧边添加一些悬浮按钮,放置一些促进转化的联系信息,例如:邮箱、询盘表单等内容。话可以 为了方便管理和维护,通常我会将悬浮按钮制作在Fo

Elementor动态内容是什么?如何使用?

Elementor动态内容是一种可以从网站其他地方获取数据的功能。在Elementor Pro的主题构建器中经常需要用到这项功能。本文将详细介绍Elementor动态内容是什么以及如何使用动态内容来构

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