Elementor免费版提供基本的拖放编辑器、响应式编辑、以及40多个可编辑的小部件，如文本、图片、按钮等。
使用Elementor可以让你在对前端知识一无所知的情况下搭建专业的网站。我们在这篇Elementor布局教程中使用Elementor免费版搭建了这样的一个模块。
Elementor Pro是Elementor的升级版本，提供除了免费版的功能外，还包括多种高级小部件（如表单、社交媒体按钮、菜单等）、主题构建器、弹窗构建器、动态内容功能、提供300多个专业模板和区块、以及对 WooCommerce 的完全支持。
是否有必要使用Elementor专业版？
我建议可以先从Elementor的免费版本开始尝试Elementor免费版的功能来看能否满足自己的需求。
如果你需要更高级的功能，可以随时升级到Elementor Pro。而之前使用免费版的搭建出来的页面和模板在升级过程中会帮你保留下来。
如果你目的是搭建一个营销型网站，那么我是建议直接入手Elementor Pro，因为我们会非常需要Elementor专业版提供的询盘表单功能、产品页面定制、全局小部件功能等。
如果是找我建站客户，我会提供正版Elementor Pro给你们。
Elementor Pro跟Elementor免费版的区别
其中我们在搭建外贸网站中最多使用的高级功能有：询盘表单制作（包括后续的表单跳转）、主题构建器、弹框表单以及对WooCommerce产品页面的定制支持等。
以下是Elementor免费版和付费版的区别：
| Elementor免费版vs专业版 | Elementor免费版 | Elementor Pro |
| 可视化编辑器 | ✅ | ✅ |
| 小部件 | 30 | 90+ |
| 主题构造器 | ❌ | ✅ |
| Premium Support 高级支持 | ❌ | ✅ |
| 响应式设计 | ✅ | ✅ （更多的响应式支持） |
| 页面模板和模块 | ❌ | ✅（300+） |
| 自定义字体 | ❌ | ✅ |
| 自定义CSS | ❌ | ✅ |
| 滚动效果 | ❌ | ✅ |
| 弹窗构建器 | ❌ | ✅ |
| 粘性元素 | ❌ | ✅ |
| 社交按钮 | ❌ | ✅ |
| 展示条件设置 | ❌ | ✅ |
| 页眉和页脚 | ❌ | ✅ |
| 404页面 | ❌ | ✅ |
| 联系表格 | ❌ | ✅ |
| 订阅表格 | ❌ | ✅ |
| 登录表单 | ❌ | ✅ |
| 表单提交和重定向后的操作 | ❌ | ✅ |
Elementor专业版提供更多的小部件
这些是Elementor专业版中提供的小部件。你不一定用得上这么多的小部件，但是在搭建网站的时候总会有合适的小部件能够帮你实现你想要的功能和效果。
Post、Template、Table of Contents、Form、Slider这几个是Elementor Pro中常用的小部件。
而在没有Elementor Pro的时候，如果我们想要实现对应的功能，都需要安装一个单独的WordPress插件来实现。
如果你仅仅只是需要更多的Elementor小部件，那么你可以试试安装：Ultimate Addons for Elementor 这个插件。这个插件能够给Elementor提供更多的免费小部件。如果它能够满足你的需求，那就没有必要升级成Elementor Pro。
Elementor Pro提供页面模板
在 Elementor 中，模板代表了预设计的页面或部分页面布局，你可以直接在自己的网站上使用这些模板。
这些模板涵盖了各种风格和用途，如首页、联系页面、服务页面等，能够让你快速搭建和启动网站。
而且这些模板经过优化以满足不同行业的需求，同时也支持响应式设计，能够在各种设备上都能正常显示。
通过Templates –> Add New Template，我们可以使用Elementor搭建网站模板。
Elementor专业版提供的模板会比免费版多得多。Elementor专业版提供了300+的页面模板和模块。
专业版提供的页面模板：
免费版Elementor提供的模板：
Elementor专业版的Single Post和Single Page模板是我个人使用比较多的功能。
这个Single Post模板能够让我们对自己的Post页面进行自定义，Single Page同理。
什么意思呢？
我们Post页面的展示内容和形式是由我们的WordPress主题来决定的，一般来说十分地受限。
如果想要改变文章页面的样式或添加功能，往往需要安装多个插件。我们的WordPress插件都是有学习成本的，而且应用性没有Elementor那么广泛。
我们只能根据WordPress主题预设的设置来对我们的文章展示页面进行调整，但是有了Single Post模板就不一样了。
我们可以跟定制页面一样来定制我们的Post页面，并结合展示条件这个功能，在特定的类别中来展示我们设置好的页面模板。
比如我的所有文章都是使用像当前这篇文章一样的模板，如果不用Elementor Pro，我需要至少安装Tables of Content，WP Sticky Sidebar这两个插件，然后在Appearance –> Widgets中去添加对应的小部件的HTML代码。
整个流程会繁琐很多。
Elementor Pro提供自定义Header Footer功能
Header是一个网站十分重要的一部分，很大一部分决定了整个网站的架构。而在Footer中我们会放置一些补充信息，比如：隐私政策、发货退货政策、关于我们等相对次要一点的页面。
Header跟Footer两个部分跟Post一样，很多设置都是会受限于我们的WordPress主题。
如果你使用了定制化能力比较强的WordPress主题，比如Astra或者GeneratePress，那么Elementor Pro的这部分功能你可能不大需要。
Astra主题的Header定制功能
Astra主题的Footer定制功能
而且WordPress中有一个免费的插件：Elementor Header & Footer Builder 可以让我们使用Elementor来实现Header和Footer功能的定制化。
可以自行尝试，如果这样就能满足你的功能，就没必要升级Elementor Pro。
可跟WooCommerce集成提供更多定制选项
如果你想定制 WooCommerce 的产品页面、购物车页面、结账页面等，那么就很有必使用Elementor专业版了。
Elementor Pro 提供了专门适用于 WooCommerce 的响应式小部件，包括产品网格、产品分类、添加到购物车按钮、定价表和推荐产品等。
这些工具可以让你可以轻松展示产品和促销活动，同时提高用户的购买体验和网站流量转化率。
自定义CSS功能
使用Elementor专业版可以在给网页添加小部件的时候增加自定义CSS。
这个功能的意义在于我们可以更精细化地调整小部件的样式。Elementor给我们提供的小部件能够让我们对其进行一些“事先预设”的设置进行调整。
比如Image Box这个小部件，Elementor给我们提供调整整个小部件的边距的设置。
但是如果我们想要进行细微的调整的时候，比如单独调整Image Box里面图片、标题、描述的边距的时候，这些预留的设置就发挥不了它的作用了。
这个时候就是自定义CSS这个功能发挥作用的时候。
但是需要你具备相当的前端知识才能够使用的得心应手。
全局小部件
Elementor 的全局小部件（Global Widgets）功能允许在多个页面或整个网站上重复使用同一个自定义小部件。
例如，你有一个询盘表单、订阅按钮或社交媒体链接栏，你可以将其设置为全局小部件，并在网站的多个页面上使用。这样，无论何时需要更新这些元素，只需修改一次全局小部件，所有使用该小部件的页面都会自动更新，减少重复劳动。
要使用全局小部件，我们只需要：右键点击我们想要设置为全局小部件，然后点击“Save as a global”
我们即可将这个小部件保存为全局小部件。
然后怎么使用呢？
我们选中容器后点击Elementor顶部栏的+号，然后点击“Globals”即可看到我们保存过的全局小部件。
Elementor Pro的价格
- $59/年/1站点
- $99/年/3站点
- $199/年/25站点
- $399/年/1000站点
单站点换算成人民币大约是420/年 或 35元/月，并且提供30天无理由退款。
Elementor Pro插件并不是强域名绑定的，而是给我们的插件提供一个授权证书，我们通过使用这个授权证书来激活Elementor Pro。
这个授权证书可以在服务期限内无限次使用，但是不能同时在多个站点中使用。
但你可以先在一个网站A中激活Elementor专业版，使用它搭建好网站模板后取消激活它；然后在另外一个站点B中重新激活来搭建新的网站。注意：这时候站点A就不能够使用Elementor Pro了，但是你用它搭建出来的网页和模板是可以继续使用的。
