不会写代码也能做出好看的页面，是很多新手选择Elementor的原因：在页面上拖拽组件，所见即所得。教程和现成模板也多，遇到问题容易搜到答案。
本文只讲入门，让你能做出第一个页面，并学会导入模板。更深入的设计技巧、动态内容、弹窗这些，不在本文范围。
Elementor免费版和Pro版有什么区别？
根据官方插件页，免费版已经包含：
- 拖拽式的实时编辑器；
- 40多个免费小组件（标题、图片、文字、视频、按钮、图库、轮播等）和基础模板；
- 响应式断点设置、入场动画、修订历史等。
以下是Pro版才有的功能：
- 主题构建器（Theme Builder）：自己设计页头、页脚、文章页和归档页的模板；
- 表单（Forms），弹窗构建器，WooCommerce构建器，动态内容；
- 自定义代码、自定义CSS、自定义字体和图标，更多的小组件。
对大多数外贸企业站，免费版就够做页面：首页、关于我们、产品页、联系页。需要自己设计页头页脚、用Elementor的表单，才需要Pro。表单也可以用免费的插件，对比见《WordPress询盘表单怎么做？》。
安装前要满足什么条件？
Elementor官方给出的最低要求（2026年10月）是WordPress 6.8以上、PHP 7.4以上，PHP和WordPress的内存限制都是256MB；推荐PHP 8.3以上、内存512MB。装了WooCommerce等其他大插件的话，需要的内存更多。
内存不够时，编辑器会一直转圈或者白屏。调整PHP参数的位置，见《Hostinger的PHP参数怎么修改》《Cloudways后台常用设置》。
第一步：安装Elementor和主题
- 后台「插件 → 安装插件」，搜索Elementor，安装并启用；
- 主题：Elementor可以搭配遵循WordPress规范的任何主题，开发团队推荐Hello Elementor，它是一个轻量的空白画布，样式完全交给Elementor决定。也可以用Astra，免费版搭配Elementor也很好用。主题怎么选，见《WordPress主题怎么选？》。
第二步：认识编辑器
新建或者打开一个页面，点击页面编辑界面的「用Elementor编辑」（Edit with Elementor）进入编辑器。界面大致分三块：
- 左侧面板：放小组件（Widgets），可以搜索，拖到右边的页面里；选中页面上的元素后，这里也会显示它的设置选项，分成内容、样式、高级三个标签；
- 中间画布：你搭建的页面，实时预览；
- 底部（或者角落）的工具栏：有设置、导航器（Navigator，显示页面结构的树）、历史记录、响应式模式（切换桌面、平板、手机预览）和发布按钮。
界面的位置和名称随版本会有些调整，遇到对不上的，在面板里找同名选项即可。
几个必须理解的概念
容器（Container）：页面是由一层层容器搭起来的，小组件放在容器里。Elementor现在推荐使用容器，它基于CSS的Flexbox，可以控制方向（横排或竖排）、间距、对齐，并能无限嵌套。旧版的「区块（Section）加列（Column）」是固定的网格，嵌套受限。官方说明容器能让代码更精简、对响应式更好控制。新手上手，记住：一个容器就是一块区域，里面横着放就并排，竖着放就上下排。
小组件（Widget）：一个具体的元素，比如标题、图片、按钮、文字。
全局样式：颜色和字体可以设成全站统一的，改一处所有地方一起变。一开始先把品牌主色、字体设好，以后新页面都沿用。
模板（Template）：保存好的页面或者区块，可以重复使用或导入。
第三步：做第一个页面
用一个最简单的首页做练习，思路是从上到下，一屏一屏地搭。
- 新建页面，命名为「Home」，点「用Elementor编辑」；
- 首屏（Hero）：添加一个容器，里面放一个大标题（说清楚你卖什么）、一行副标题（说明优势）和一个按钮（引导客户联系你，比如「Get a Quote」）。背景可以放一张产品图或者工厂图；
- 产品或服务：新建一个容器，横向排列，里面放3到4个小容器，每个放图片、标题、一句话介绍；
- 为什么选我们：用图标列表或者几个数字（经验年限、出口国家、认证）；
- 联系我们：放一个询盘表单，或者一个按钮链接到联系页；
- 写完文字再调样式：对齐、间距、颜色；
- 点「发布」（Publish）；
- 在「设置 → 阅读」里把这个页面设为首页，设置见《WordPress菜单、首页和固定链接怎么设置？》。
搭建时的建议
- 先放内容再调样式：不要一上来就纠结颜色和间距，内容定了再调整；
- 页面不要放太多动画和特效，影响速度，也分散注意力；
- 图片先压缩再上传，否则页面会很慢，见《WordPress网站速度优化指南》；
- 用导航器整理结构，给重要的容器改名字，方便后面修改；
- 常按保存，可以随时回到历史版本。
第四步：检查手机端
外贸客户有很大一部分是在手机上看网站的。搭完桌面版一定要检查：
- 点击底部的响应式模式图标，切换到平板和手机视图；
- 看有没有：文字太小、按钮太小点不到、图片溢出屏幕、横向并排的内容挤在一起；
- 在手机视图下可以单独调整字号、间距、列的排列方式，只影响手机，不影响桌面版；
- 最后用真实手机打开网站再确认一次。
导入模板，省时间的办法
不想从零搭，可以导入现成的模板。Elementor的模板有三种，导入方式不同。
一、单页模板：导入一个页面的设计
Elementor自带的模板库里有现成的页面设计，部分是免费的，部分需要Pro。也可以导入别人分享的模板文件（通常是.json或.zip）。
- 进入编辑器，在画布上点击添加模板的图标（文件夹图标），打开模板库；
- 浏览或搜索一个合适的模板，点「Insert（插入）」，页面里就出现了这个设计；
- 也可以在后台「模板 → 已保存模板」里导入模板文件。
导入后，替换里面的文字、图片、链接，调整颜色和字体。
二、整站模板包（Website Kit）：一次导入整套网站
整站模板包里有多个页面、页头页脚、全局样式等，像一个完整的网站。根据Elementor官方帮助中心，导入的步骤大致是：
- 先备份网站；
- 进入Elementor的「工具」（Tools）面板，打开「网站模板」（Website Templates）这一项，点击导入（Import）；
- 上传模板包的
.zip文件，如果出现来源的信任警告，确认来源可靠再继续； - 选择要导入的内容：模板（页头、页脚、已保存的模板）、内容（页面、文章、自定义文章类型）、站点设置（全局字体、主题样式、布局）。三项都选，就是整站导入；
- 导入完成后点确认。
要注意：
- 不同版本的Elementor，这些菜单的名字和位置会有变化，以后台实际显示和官方帮助中心为准；
- 有些模板包要求安装特定的插件（比如WooCommerce，或者某些第三方插件），要提前装好；
- 部分模板包要求Elementor Pro，导入前看清楚说明；
- 整站导入会改变网站的内容和设置，不要直接在已经上线、有内容的网站上做，先在测试站或者全新的WordPress上试。
三、主题自带的启动模板
Astra等主题自带一个模板导入功能，里面有大量按行业分类的整站模板，可以直接选择用Elementor的版本，一键导入，主题的导入过程见《WordPress主题怎么选？》里的说明。这是新手最省事的方法，缺点是不同主题的模板风格比较接近，要自己多改。
导入模板之后必须做的事
模板导入后，网站看起来很完整，但里面是别人的示例内容，必须清理：
- 替换所有示例文字和图片：公司名、产品、地址、电话、邮箱、版权年份，一个都不要漏；
- 删除用不到的页面：模板里的博客、商店、作品集，用不到的删掉，否则搜索引擎可能收录一堆与你无关的页面；
- 检查插件列表：导入会顺带安装插件，不用的停用并删除；
- 改菜单：导航里的链接要指向你自己的页面；
- 换掉占位图：模板的示例图片版权可能不属于你，也不应该和别人的网站一样；
- 设置SEO标题和描述：每个页面单独设置，见《Rank Math设置教程》；
- 测速：模板里经常带很多动画、大图和脚本，导入后用PageSpeed测一次；
- 检查表单：确认表单能发出邮件，见《WordPress网站收不到询盘邮件？SMTP设置教程》。
不要用来路不明的破解模板和插件。 网上「免费下载Pro模板」的文件，是网站被植入后门的常见来源，处理见《WordPress网站被黑、中毒了怎么办？》。
常见问题
编辑器一直转圈或者白屏？
最常见的原因是内存不足，或者和其他插件冲突。先把PHP内存限制调到256MB以上，再停用其他插件逐个排查，思路见《WordPress常见报错汇总》。
导入模板提示文件太大或者失败？
模板包有时有几十MB，上传受主机的上传大小限制，调整方法见《All-in-One WP Migration搬家教程》里讲的上传限制，原理是一样的。
用Elementor做的网站会不会很慢？
页面构建器本身会比纯代码多一些资源，但做得好、图片处理好、有缓存的话，速度完全可以做到。慢通常出在大图、太多动画和第三方脚本，见《WordPress网站速度优化指南》。
以后不想用Elementor了，页面会怎样？
用Elementor搭建的页面内容，停用插件后会丢失布局，只剩下一些零散的文字，换编辑器基本需要重做。所以一开始就要想好，别频繁换。
Elementor和WordPress自带的古腾堡编辑器怎么选？
对比见《WordPress主题怎么选？》，没有设计经验、想要直观的拖拽，选Elementor。
Elementor能和AI一起用吗？
可以。让Claude等AI直接帮你搭页面，见《Elementor MCP使用教程》。
总结
- 免费版Elementor就能做企业站页面，页头页脚的主题构建器、表单、弹窗是Pro功能；
- 先满足要求：PHP 7.4以上、内存256MB以上，主题用Hello Elementor或Astra；
- 用容器搭页面，先放内容再调样式，做完检查手机端；
- 模板分三种：单页模板、整站模板包、主题启动模板，导入前备份，整站导入先在测试站做；
- 导入后替换示例内容、删掉无用的页面和插件、设置SEO、测速；
- 不要使用来路不明的破解模板。
建站完整的流程，见《WordPress建站流程和教程汇总》。
