高保真模式
保留原貌;最适合把整页完整搬过来。
- 适合详情页、落地页与复杂布局。
- 与原页面最接近。
- 缺点:大部分内容集中在一个区块里,逐项编辑较弱。
帮助
把 HTML 页面变成可直接用于 Elementor 的内容
这个工具把现有 HTML 页面转成可粘贴进 Elementor 的内容,或下载为模板文件导入。全部在你的浏览器中运行。
快速上手
打开工具,放入 HTML,选择方式并点击转换。
- 打开工具使用导航里的「打开工具」。
- 添加 HTML拖入 .html/.htm 文件或直接粘贴 HTML。
- 选择方式想保留外观选高保真,想在 Elementor 里继续编辑选原生组件。
- 转换点击转换,工具会产出可用于 Elementor 的内容。
- 导入 Elementor直接粘贴,或下载模板文件并在库中导入。
原生组件模式
把页面拆成 Elementor 的标题、文本、图片、按钮与容器。
- 适合导入后还要继续调整内容与样式的情况。
- 标题、文本、图片与按钮更易单独编辑。
- 非常复杂的动画或第三方效果可能需要手动微调。
如何选择原生设置
这些选项会影响导入后编辑的难易。
| 选项 | 含义 | 建议 |
|---|---|---|
| 标题标签 | 控制 H1/H2/H3 级别。 | 整页情况下,自动编排以避免标题层级混乱。 |
| 图片 | 保留原图或生成空图片位。 | 如果你打算重新上传图片,占位更方便。 |
| 媒体 URL | 处理不完整、临时或内联的图片 URL。 | 默认的安全选项能减少失败或缺失的图片。 |
| 图标 | 匹配 Elementor 图标,或保留原始外观。 | 源码里用 Font Awesome 类——它们会作为可编辑的图标库图标导入。 |
| 颜色与字体 | 保留原样,或跟随目标站点。 | 想匹配新站点,就跟随目标站点。 |
| 仅骨架 | 保留结构与间距而不填充内容。 | 适合复杂页面:先搭骨架,再填充。 |
| 高级映射 | 审阅每个区块转换成哪个组件。 | 适合你想自己决定每个区块的情况。 |
| 结构映射 | 在页面旁预览组件树，悬停即可高亮对应部分。 | 只导出某一个区块，或排除你不想要的部分。 |
方式 A:粘贴
进入当前 Elementor 页面最快的方式。
- 点击「复制 Elementor 数据」。
- 打开 Elementor 编辑页。
- 在空白处右键并选择「从其他站点粘贴」。
- 粘贴后检查图片、图标、间距与移动端视图。
方式 B:模板文件
先保存,之后从 Elementor 库中导入。
- 点击「下载 JSON 模板」。
- 打开 Elementor 模板库。
- 选择导入并上传下载的文件。
- 插入到页面,再替换图片并微调。
开始前须知
工具力求安全导入,但 HTML 与 Elementor 页面存在差异,复杂页面仍可能需要检查。
- 为安全起见,脚本、危险链接、外部资源与表单提交都会被清理。
- 保留的样式仅作用于导入的内容,不会影响目标站点的其他区域。
- 不完整、内联或临时的图片 URL 默认转为占位,以避免导入失败。
- 含有无法导入图片的相册与轮播会被拆开,以免丢失图片。
- 菜单、产品与文章列表依赖目标站点的数据,通常需要在 Elementor 里重新选择。
- 非常复杂的页面先用高保真;想方便编辑就试原生或仅骨架。