tips
教程需要,本站采用的国外服务器,国内访问较慢,感谢耐心等待。

怎么在Elementor里面添加联系表单

我们在使用WordPress搭建企业网站的时候,在线询盘表单是绝大多数企业网站都会配备的一个功能。而我们怎么使用Elementor编辑页面时添加一个表单呢?方法分为使用表单插件和使用Elementor Pro制作表单两种方法。

使用表单插件

WordPress平台有非常优秀的表单插件,例如WP Forms、Contact Form 7等

wordpress表单插件

随便安装一个你喜欢的Form插件(可以考虑使用WP FORMS,可视化界面新手友好一点),接着回到Elementor的编辑界面,元素列表里面就会出现一个wp forms的图标。

wpforms插入elementor

只需要把WPForms元素拖动到编辑区域,然后选择创建的联系表就可以了。

而如果是安装的contact form 7的话,就需要使用简码元素,然后复制对应表单的短代码粘贴进去调用。

使用Elementor Pro创建表单

如果你已经购买了Elementor Pro,那么可以直接在编辑元素区域找到表单元素。

elementor的表单元素

 

接着根据自己的需要创建好表单,发布即可。

elementor pro的表单编辑

使用Elementor Pro编辑表单的话就不需要额外安装单独的表单插件了,对于购买了Elementor Pro的朋友来说制作表单会更加方便。

以上就是在使用Elementor编辑网页时插入表单框的两种方法了。

随便看看

#!trpst#trp-gettext data-trpgettextoriginal=578#!trpen#發佈留言#!trpst#/trp-gettext#!trpen#

#!trpst#trp-gettext data-trpgettextoriginal=577#!trpen#發佈留言必須填寫的電子郵件地址不會公開。#!trpst#/trp-gettext#!trpen# #!trpst#trp-gettext data-trpgettextoriginal=572#!trpen#必填欄位標示為 *#!trpst#/trp-gettext#!trpen#