高保真模式
Keeps the original look; best for moving a page over completely.
- Good for detail pages, landing pages and complex layouts.
- Looks closest to the original page.
- Downside: much of the content sits in one block, so per-item editing is weaker.
帮助
Turn HTML pages into Elementor-ready content
This tool converts existing HTML pages into content you can paste into Elementor, or download as a template file to import. Everything runs in your browser.
快速上手
Open the tool, drop in your HTML, pick a method and click convert.
- 打开工具Use “Open the tool” in the navigation.
- 添加 HTMLDrop an .html/.htm file or paste HTML directly.
- 选择方式Pick high-fidelity to keep the look, or native components to keep editing in Elementor.
- 转换Click convert and the tool produces content ready for Elementor.
- 导入 ElementorPaste directly, or download the template file and import it in the library.
原生组件模式
Breaks the page into Elementor headings, text, images, buttons and containers.
- Good when you’ll keep adjusting content and styling after import.
- Headings, text, images and buttons are easier to edit individually.
- Very complex animations or third-party effects may need manual tweaks.
如何选择原生设置
These options affect how easy editing is after import.
| 选项 | 含义 | 建议 |
|---|---|---|
| 标题标签 | Controls H1/H2/H3 levels. | For a full page, auto-arrange to avoid a messy heading order. |
| 图片 | Keep originals or make empty image slots. | If you’ll re-upload images, placeholders are handier. |
| 媒体 URL | Handles incomplete, temporary or inline image URLs. | The default safe option reduces failed or missing images. |
| 图标 | Match Elementor icons or keep the original look. | When unsure, inline SVG is the most stable. |
| 颜色与字体 | Keep the original, or follow the target site. | To match the new site, follow the target site. |
| 仅骨架 | Keeps structure and spacing without filling content. | Good for complex pages: build the skeleton, then fill it. |
| 高级映射 | Review which component each block converts to. | Good when you want to decide each block yourself. |
方式 A:粘贴
Fastest way into the current Elementor page.
- Click “Copy Elementor data”.
- Open the Elementor edit page.
- Right-click an empty area and choose “Paste from other site”.
- After pasting, check images, icons, spacing and mobile view.
方式 B:模板文件
Save it and import later from the Elementor library.
- Click “Download JSON template”.
- Open the Elementor template library.
- Choose import and upload the downloaded file.
- Insert into the page, then replace images and fine-tune.
开始前须知
The tool aims for safe imports, but HTML and Elementor pages differ, so complex pages may still need a check.
- For safety, scripts, dangerous links, external resources and form submissions are cleaned.
- Kept styles are scoped to the imported content so they don’t affect other areas of the target site.
- Incomplete, inline or temporary image URLs become placeholders by default to avoid failed imports.
- Galleries and carousels with unimportable images are split apart to avoid losing images.
- Menus, products and post lists depend on the target site’s data and usually need reselecting in Elementor.
- For very complex pages, start with high-fidelity; for easy editing, try native or framework-only.