ElementsKit 使用教程：Elementor 最强增强插件功能详解与实操指南

你的 Elementor 缺的就是 ElementsKit

如果你用 Elementor 免费版搭建外贸独立站，做着做着会发现一些令人头疼的问题：

• 想做一个多列下拉导航菜单（Mega Menu），Elementor 原生做不了
• 想自定义网站顶部 Header 和底部 Footer，每个页面都不一样，Elementor 免费版没有这功能
• 想设置不同用户组看到不同内容（登录用户 vs 访客），原生也没有
• 模板库里的设计太少，想要更多现成模板直接导入用

这些问题，ElementsKit 一个插件全部解决。

ElementsKit 是一个全能型 Elementor 增强插件，提供 110+ 强大组件（Widgets）和 1000+ 模板，拥有 200 万以上的 Elementor 用户在使用。 它由 Wpmet 团队开发，使用 ElementsKit 不需要安装 Elementor Pro，免费版 Elementor 就可以运行。

想了解更多 ELementor 建站知识可以参考：Elementor 编辑器教程

ElementsKit 功能概览：免费版能做什么，Pro 版多了什么

搞清楚免费和付费的边界，才能做出正确的决策。

免费版包含

ElementsKit 免费版提供 50+ 组件（Widgets）、5+ 核心模块，以及专业设计的 Elementor 模板，是目前免费 Elementor 增强插件中功能最完整的选择之一。

免费版已包含的实用组件（部分列举）：

组件类别	具体组件
内容展示	标题（Heading）/ 按钮 / 手风琴折叠 / 选项卡 / 计数器
团队与社交	团队成员卡片 / 社交图标 / 进度条
媒体	图片对比 / 视频弹窗 / 图标盒子
营销	倒计时 / 价格表 / 客户评价（Testimonial）
布局	导航菜单 / 面包屑 / 搜索框

Pro 版独有功能

ElementsKit Pro 官方起价 $49/年（本博客Pro正版授权仅需￥38），解锁全部 Pro 专属组件和高级模块，包括：

点击获取：ElementsKit Pro官方正版授权

Pro 专属模块	功能描述	外贸站价值
Header Footer 构建器	可视化设计网站顶部和底部，替代主题默认样式	⭐⭐⭐⭐⭐
Mega Menu 构建器	多列下拉导航菜单，支持添加图片/图标/小部件	⭐⭐⭐⭐⭐
条件内容显示	根据用户角色、设备类型、页面等条件控制内容可见性	⭐⭐⭐⭐
社交媒体 Feed	嵌入 Instagram/Facebook/YouTube 动态	⭐⭐⭐
密码保护内容	部分内容设密码才能查看	⭐⭐
跨域复制粘贴	从其他网站直接复制 Elementor 设计过来	⭐⭐⭐⭐
自定义 Widget 构建器	无代码创建自己的专属 Elementor 组件	⭐⭐⭐

使用教程：安装并激活 ElementsKit

安装免费版（WordPress 插件库直接安装）

进入 WordPress 后台 → 插件 → 安装插件 → 搜索 ElementsKit → 找到作者为 Roxnor 的插件 → 点击安装 → 启用。

如果您还不会安装插件可以参考：WordPress插件安装教程

⚠️ 搜索结果里会有多个名字相似的插件，确认安装的是 ElementsKit Lite，作者是 Roxnor，活跃安装量 200 万以上。

安装 Pro 版

购买 Pro 授权后，登录 wpmet.com 账户 → 进入 Downloads → 下载 ElementsKit Pro 的 .zip 文件。

进入 WordPress 后台 → 插件 → 上传插件 → 选择下载的 .zip 文件上传安装，激活后进入 ElementsKit → License，输入购买时获得的 License Key，在授权管理中添加你的域名即可。

ElementsKit 仪表板与模块管理

激活后，WordPress 左侧菜单会出现 ElementsKit 选项，进入 ElementsKit → Dashboard。

这里是 ElementsKit 最重要的控制中心，建议第一件事就是在这里做模块管理。

为什么模块管理这么重要？

ElementsKit 基于模块化架构设计，每个组件（Widget）和模块（Module）都可以单独开启或关闭，有效减少不必要的加载时间。

如果你把所有 110+ 组件全部开启，网站会加载大量用不上的 CSS 和 JS 代码，拖慢速度。正确做法是：只开启你实际要用的组件。

用 Elementor 和 ElementsKit Lite自定义网站页面

激活Elementor和ElementsKit Lite之后，我们新建一个页面。

进入ElementsKit模板库

选择你喜欢的页面模板或者sections进行导入

模板导入成功后，剩下的工作就像做“填空题”一样简单：只需把页面上的演示文字和配图，替换成您自己公司的真实资料，点击右上角“发布”，一个高大上的专属网页就上线了！

当然，如果您想自由发挥，完全可以自己从零开始用“搭积木”的方式。看一眼 Elementor 编辑器左侧的工具栏，ElementsKit 插件已经为您解锁了一大批高级扩展组件，直接用鼠标拖拽到右侧就能轻松排版。

ElementsKit 对网站速度的影响

这是很多人的顾虑，正面回答：

ElementsKit 基于模块化架构，每个组件和扩展都可以单独启用和禁用，有效减少额外的加载时间。

实测影响：

• 只开启 5-10 个必要组件：页面额外加载体积约 +30-60KB，可忽略
• 全部 110+ 组件开启：额外加载约 +300-500KB，明显拖慢速度
• 结论：精简开启是关键，按本文第二步的推荐配置做，对速度影响极小

搭配 WP Rocket 的 Delay JS 和 Minify CSS 功能，ElementsKit 引入的资源会被合并压缩，速度损失几乎可以归零。

相关教程：WP Rocket 使用教程

免费版够用吗？什么时候升级 Pro？

免费版完全够用的情况：

• 只用基础组件（手风琴、价格表、计数器、按钮等）
• 不需要自定义 Header Footer
• 用主题自带的导航菜单

值得升级 Pro 的情况：

你有这个需求	Pro 对应功能
想自定义顶部 Header 和底部 Footer	Header Footer Builder
想做多列下拉 Mega Menu	Mega Menu Builder
需要控制不同用户/设备看到不同内容	Conditional Content
需要跨站复制 Elementor 设计	Cross Domain Copy Paste
想嵌入社交媒体 Feed	Social Feeds

常见问题