高忠実モード
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.
- HTML を追加Drop 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.
- Elementor へPaste 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.