Elementor如何用短代码添加表单？插件和模板两种方法-魏艾斯笔记

在 Elementor中使用短代码添加表单非常方便，文章页/页面的内容区域和侧边栏都可以添加。魏艾斯笔记在本文详细分享插件和 Elementor模板两种方式。

文章目录 隐藏

WPForms插件是第三方插件的代表，很多表单插件的都会提供表单的短代码，Elementor用模板方式添加 Form元素也有短代码能直接调用。

Elementor页面编辑器 点我直达 Elementor pro插件官网，快速建站，容易上手。入门点击购买Elementor Pro插件和下载安装激活_WordPress页面编辑器。更多Elementor插件内容请看Elementor专题
学习、小网站选择 1核2g配置的服务器起步，国外主题建站选择 2核4g配置，适当搭配运行流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱）不知道如何选择地域、配置请在页面右侧+老魏的联系研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题

1、WPForms插件短代码添加表单

使用WPForms讲解是因为很多主题默认 demo演示站中都有这个插件，适用范围比较广泛。

提前安装好 WPForms插件，在【表单】列表中可以找到短代码，复制下来。

使用 Elementor的方式比 WPForms插件好在可以节省一个插件，为系统节约资源。

WordPress后台 >模板 >添加新模板，模板类型：section，起个名字。

使用 elementor编辑页面，要安装 Elementor插件和 Elementor pro插件。

进入页面编辑模式，从左侧元素中拖拽 Form到右侧，并按需调整、设置参数。

此时进入模板>新建模板，关闭新建模板后看到当前模板列表，找到并复制“form”这个新建模板后面的短代码。

短代码可以用到文章页、页面、侧边栏及各种元素中。

WPForms 和 ELementor自带模板各有各的添加方式。

在 Elementor的左侧元素栏中搜索 WPForms元素，拖拽到右侧编辑区域，再选择合适的已建表单即可。

再设置是否显示表单标题和描述，设置内外边距参数。

WPForms和 ELementor模板都可以使用 Elementor 的 shortcode（简码）元素添加表单。

也是把简码元素拖拽到右侧，然后在左侧填入短代码即可。

WPForms 使用 shortcode的弊端是没有 WPForms元素那么多可设置项。

你甚至可以在 WordPress小工具中添加古腾堡的简码区块，然后在里面粘贴 WPForms的短代码或 Elementor 模板短代码。

这样可以在网站侧边栏中显示表单内容。

Elementor用短代码添加表单包括插件和模板两种方法，比如WPForms插件在 Elementor中有现成的 WPFomrs元素直接调用表单；Elementor模板短代码也可以随心所欲调用表单。