本教程需用到Elementor Pro插件，如果你没有购买，联系Well可以免费获得GPL版本的插件。
Elementor制作联系页面
创建新页面
WP后台 – 页面 – 新页面。
填写新页面的标题，保存草稿后，点击“使用Elementor编辑”。
构建地图和联系信息板块
进入Elementor编辑页面后，添加两个容器并排的结构。
搜索map并添加谷歌地图元素到左侧小容器。
在地图元素中添加位置信息，调整地图元素高度。
添加多个标题和文本元素到右侧小容器内容。
编辑标题和文本，填写自己公司的联系信息。
给最上方的“Talk To Us”标题设置下边距30px
为右侧小容器设置内容居中。
给大容器设置列间距30px。
当前的页面效果如下图所示：
地图元素的文字会根据访客的浏览器语言自动改变。
在大容器上方再添加一个大容器，并添加标题元素。
标题内容“Contact Us”，设置标题样式。
制作表单板块
在联系信息板块下方添加一个大容器。
在容器内添加Form元素。
这只Form元素的Name字段：
- Placeholder：Name *
- Required：开启
- Column Width：50%
这只Email字段：
- Placeholder：Email *
- Required：开启
- Column Width：50%
设置Message字段：
- Placeholder：Message *
- Required：开启
- Rows：3
新增一个字段，Type选择Honeypot。
Honeypot可以拦截一些机器人填写的垃圾表单，但是不会在前台显示。
关闭Form元素的Label。
表单部分目前的样子：
打开Form元素的高级设置。
- 宽度：自定义，80%
- Align Self：居中
再在Form元素上方添加标题和文本元素：
最终效果展示：
至此，“Contact Us”页面制作完成。
推荐你看更多Elementor教程。
