我帮客户做网站这么多年,被问过最多次的一个问题是:「我不懂写代码,可以自己更新网站的内容吗?」
答案是可以的,但是你需要一个对的工具。那个工具就是一个叫做 Elementor 的 WordPress 插件。
今天这篇文章,我会尽量用最简单的方式来解释什么是 Elementor、它能帮到你做些什么事情、免费版和 Pro 版有什么分别,以及你应不应该用它来建网站。
什么是 Elementor?
Elementor 是一个 WordPress 的页面构建器 Plugin(Page Builder)。简单来说它可以让你用拖拽“模组(widget)”的方式来设计网页,不需要学会写 HTML,也不需要学会看懂 CSS,
你在编辑器上看到什么,网站就是长什么样子。在 Elementor 出现之前,我们想要自定义 WordPress 网站的设计,可能需要看懂代码,或者请人帮你做才能完成。Elementor 的出现改变了这件事。
现在一个完全没有不会写代码的人,也可以用 Elementor 做出一个专业的网站。
Elementor 可以做些什么事情?
用 Elementor,我们可以做到以下这些事情:
- 设计任何页面:首页、关于我们、服务页面、联系页面,全部都可以使用拖拽的方式来完成,不需要写代码。
- 实时预览:你在编辑器上做的每一个改动,荧幕的左边会立刻显示改动后的设计效果,不再需要不停地按「预览」观看效果再到回来后台修改了。
- 响应式设计:Elementor 有专门的手机版和平板版编辑模式的设定,让我们可以根据每个设备单独调整它们的显示效果。
- 使用模板:Elementor 有提供超过 300+ 个专业设计的模板(Pro 版)供作网页设计使用,我们可以直接套用然后修改内容,不再需要从零开始做设计。
Elementor 免费版 vs Pro 版:有什么分别?
Elementor 有两个版本:免费版和 Pro 版。很多人都会问的第一个问题是:「免费版够用吗?」
老实说免费版已经可以做出一个完整的普通网站了。但是如果你想要做出一个更专业的网站的话,Pro 版觉得值得你去考虑购买使用,我们写了一篇“Elementor Free vs Elementor Pro:值得花钱升级吗?(2026 真实评价)”,里面有完整对比资料,大家可以点击进去看看。
| 功能 | 免费版 | Pro 版 |
|---|---|---|
| 拖拽式编辑器 | ✅ | ✅ |
| Widget 数量 | 40+ | 100+ |
| 页面模板 | 30+ | 300+ |
| Theme Builder(自定义 Header / Footer) | ❌ | ✅ |
| Popup Builder(弹窗) | ❌ | ✅ |
| Form Builder(联系表单) | ❌ | ✅ |
| WooCommerce Builder(自定义网店页面) | ❌ | ✅ |
| 优先客服支持 | ❌ | ✅ |
* 以上资料仅供参考,以 Elementor 官方网站最新说明为准。
什么时候应该用免费版:如果你刚开始建第一个网站,只需要做几个简单的页面,免费版完全够用。
什么时候应该升级 Pro 版:
- 你需要自定义 Header 和 Footer
- 你有 WooCommerce 网店,想要自定义产品页面
- 你想用弹窗收集 Email 名单
- 你想做专业的联系表单
Elementor 的优点
1. 真的不需要懂代码
我帮过很多完全没有技术背景的客户,教他们用 Elementor 管理自己的网站。大部分的客户在试着更新网站内容 2- 3 次内就可以上手了。这就是 Elementor 最大的优势。
2. 所见即所得
你在编辑器上看到什么,网站就长什么样子,不需要去猜测,不需要去反复预览,效率高很多。
3. 节省买其他 Plugin 的费用
Elementor Pro 内建了表单、弹窗、WooCommerce 设计工具等等的模组。这些功能如果每个单独安装或签购 Plugin 来做的话,加起来可能比 Elementor Pro 还贵;如果使用免费版的话就是有可能插件与插件不相容的问题,或者安装太多插件导致网站变慢的问题等等的。
4. 持续更新
Elementor 的开发团队更新频率很高,新功能会定期推出,购买 Pro 版之后就可以一直享受最新的功能了。
Elementor 的缺点
每样东西有好的一面,同时也会有坏的一面;老实说 Elementor 也不是完美的。以下这几个缺点你是有需要知道:
1. 学习曲线存在
Elementor 的界面虽然已经设计很直觉好用了,但是要真正的掌握 Elementor 里的所有功能,也不是 1 – 2 内就学完的事情,我们还是需要时间的去学会它。特别是 Pro 版的 Theme Builder 和 Dynamic Content。
2. 可能影响网站速度
如果你在页面上放了太多 Widget 和动画,这样网站的加载速度就会受到影响。解决方法是配合 LiteSpeed Cache Plugin 使用,以及选择一个性能好的 Hosting。
💡 小贴士:我帮客户做的网站,通常会搭配 Hostinger Cloud Startup 方案来运行 Elementor——Cloud Startup 内建的 Cache 和 CDN,可以有效减少 Elementor 对速度的影响。
3. 换工具会有成本
一旦你用 Elementor 建好了网站,未来如果想换成其他 Page Builder 的话,需要重新设计大部分页面,这个迁移成本是用重新建立一个新网站的时间去完成的。
4. 手机无法使用拖拽编辑器
Elementor 的编辑器只能在电脑上使用,是完全不支持手机上的拖拽操作。如果你需要随时用手机修改网站,Elementor 是完全无法做到的。
怎么开始使用 Elementor?
如果你还没有安装 Elementor:
- 登录 WordPress 后台 → Plugin → Install New Plugin
- 搜索「Elementor」
- 找到「Elementor Website Builder」→ 安装并启用

- 启用之后,创建一个新页面或编辑现有页面

- 点击「Edit with Elementor」按钮

- 进入 Elementor 编辑器,开始拖拽 Widget 来设计你的页面
如果你想升级 Elementor Pro:
Elementor Pro 所有年度方案都附带 30 天退款保证,用了觉得不适合可以在 30 天内申请退款,没有风险。
总结
Elementor 是目前马来西亚最多 WordPress 用户在用的 Page Builder 之一,原因很简单:它真的是能把「建网站」这件事变得更简单了。
你应不应该用 Elementor?
如果你想要建一个 WordPress 网站,而且有不想花大量时间去学写代码的话,用 Elementor 就是你的最好的选择之一。我们可以从免费版先装起来试用,到有需要的时候了才再考虑升级 Pro 版。
如果你在安装或使用 Elementor 的过程中遇到任何问题,欢迎留言告诉我,我来帮你一起看看。
常见问题解答
Elementor 有提供免费版和付费的 Pro 版。免费版可以直接在 WordPress Plugin 库里安装,不需要任何付费。Pro 版的年费是从 USD 59 起(1 个网站),以官方网站最新价格为准。
非常适合。Elementor 的拖拽界面设计得很直觉好用,大部分没有技术背景的新手能在几个小时内就可以上手普通的设定了。
如果使用不当(比如加了太多动画和 Widget),确实可能会影响到网站的速度。建议是配合 LiteSpeed Cache Plugin 使用,同时选择一个有 Cache 功能的 Hosting 方案。
可以,但是自定义 WooCommerce 产品页面和结账页面的部分,是一定需要配合 Elementor Pro 版本的 WooCommerce Builder 功能才比较好。
这三个都是主流的 WordPress Page Builder。Elementor 的优势是免费版功能最完整、用户社群最大、更新最频繁的;Divi 的优势是有提供终身授权方案;Beaver Builder 比较轻量,速度表现较好,但是个人觉得使用体验不是那么好。大部分马来西亚用户都是选择 Elementor,原因是最简单又实用。
