AI to Elementor — HTML Importer for Elementor

توسط georget777

AI to Elementor — HTML Importer for Elementor converts HTML code into native Elementor templates — no copy-pasting into HTML widgets, no broken layouts. Your HTML becomes real Elementor containers, headings, text editors, images, buttons, and videos that you can edit visually.

This plugin is an independent project and is not affiliated with, endorsed by, or sponsored by Elementor Ltd. “Elementor” is a trademark of Elementor Ltd. This plugin is a conversion bridge for Elementor.

Perfect for:

AI-generated pages from ChatGPT, Lovable, bolt.new, v0, or any code generator
Static HTML websites you want to migrate to WordPress + Elementor
Landing pages built in code that need to become editable templates
Agencies converting client HTML mockups into Elementor sites

How it works:

Paste the HTML for one page, or upload that page as an .html/.zip file
Click “Convert to Elementor”
Open your new template in the Elementor editor
Repeat for each additional page

Important — convert one page at a time: This is a page converter, not a
whole-site importer. Each conversion turns a single HTML page into one editable
Elementor template. To migrate a multi-page site, convert each page separately
(e.g. index.html, about.html, contact.html — one at a time). A .zip may contain
one page’s HTML plus its images and CSS, but it should not contain an entire
website.

For the best results, follow our HTML guidelines — cleaner, well-structured
HTML converts far more accurately (especially for AI-generated pages):
https://aitoelementor.com/ai-guidlines/

Features:

Converts HTML to native Elementor widgets (not HTML widgets)
Preserves fonts, colors, spacing, and layout
Supports containers, sections, headings, text, images, buttons, videos, icons, and more
ZIP upload with automatic image import to Media Library
Google Fonts detection and registration

What it costs (straight answer):

The plugin is free and every feature is unlocked — nothing is disabled in the
code. The conversion itself runs on an external service (see below), and that
service is metered:

Free tier: one (1) free conversion per website, no sign-up and no key
required. Use it to try the plugin on a real page and see the quality before
you decide anything.
Paid tiers (optional): if you need to convert more pages, the service
operator offers subscription plans with higher monthly conversion quotas at
aitoelementor.com. You enter the key in Settings.

This is a service quota, not a crippled plugin — the plugin code is identical on
the free and paid tiers. When you reach the free limit the plugin keeps working
and simply tells you the quota is reached; nothing breaks or disappears.

External Service: AI to Elementor Conversion API

This plugin sends HTML content to the AI to Elementor conversion service for processing. The conversion is performed by a Node.js-based engine that runs on the service’s external servers — it is not feasible to ship the engine inside a PHP plugin (the engine is ~17 MB of bundled JavaScript that uses headless-browser APIs, a CSS-tree parser, and other Node-only dependencies that cannot run in PHP).

What the plugin sends to the service:

Your HTML content (the page you want to convert)
The template title you choose
Your site’s domain (used by the service to associate usage with your account)
Your subscription key, if you have entered one in Settings (optional — without a key the service allows one free conversion per site)

What the service returns:

Elementor-compatible JSON template data, which the plugin saves as an Elementor template on your site
A list of Google Fonts detected in your HTML, which the plugin registers via Elementor

Service operator and policies:

Service URL: https://api.aitoelementor.com
Operator website: https://aitoelementor.com
Terms of Service: https://aitoelementor.com/terms-and-conditions/
Privacy Policy: https://aitoelementor.com/privacy-policy

The service has a free tier that allows one (1) conversion per website with no key, and optional paid subscription tiers with higher monthly conversion quotas. Both tiers use the same plugin code; the subscription is purely a service-side relationship with the operator and is not a condition of using the plugin. The plugin works fully on the free tier without any subscription. Quotas (if reached) are enforced by the external service and reported back to the plugin as plain error messages.

The service URL can be changed in Settings AI to Elementor if you operate your own compatible conversion endpoint.

Upload the plugin folder to /wp-content/plugins/ (or install directly from the WordPress Plugins screen Add New)
Activate the plugin through the “Plugins” menu in WordPress
Ensure Elementor is installed and activated
Go to “AI to Elementor” > “Convert” in the admin menu
Paste HTML or upload a file and click “Convert to Elementor”

سوالات متداول

Do I need Elementor Pro?

No. The plugin works with the free version of Elementor.

What HTML can I convert?

Any valid HTML page — from AI code generators, static websites, landing page builders, or hand-coded HTML. The converter handles modern CSS layouts including flexbox and grid.

How do I get the best conversion quality?

Cleaner, well-structured HTML converts more accurately — semantic tags, sensible class names, and standard CSS layouts all help, while heavily-nested or obfuscated markup (common in some AI exports) is harder to map. We publish a short set of HTML guidelines with concrete do’s and don’ts here: https://aitoelementor.com/ai-guidlines/ — worth a look before converting AI-generated pages.

Can I import a whole website at once?

No — and this is important. The plugin converts one page per conversion, not an entire site in a single step. Each conversion produces one Elementor template from one HTML page. If you have a multi-page website, convert each page on its own: paste or upload index.html and convert it, then about.html, then contact.html, and so on. If you upload a .zip, it should contain a single page’s HTML plus that page’s images and CSS — not a full-site export. Trying to convert a whole site in one go will not work as expected.

What happens to images in my HTML?

If you upload a ZIP file containing your HTML and images folder, all images are automatically imported to your WordPress Media Library and the paths are updated in the template.

How many conversions do I get for free?

The conversion service includes one (1) free conversion per website — no sign-up or key required — so you can try it on a real page first. If you need to convert more, the service operator offers optional paid subscription plans with higher monthly quotas; you enter the key in Settings. The plugin itself requires no subscription and locks no features — the quota is on the external conversion service, and the plugin works the same on both tiers.

Where does my HTML go?

To the conversion service at api.aitoelementor.com. See the “External Service” section above for full details, including the operator’s Terms of Service and Privacy Policy links.

Where are my converted templates?

Templates are saved to the Elementor Template Library. Go to “Templates” > “Saved Templates” in your WordPress admin, or use the direct link provided after conversion.

Which AI page generators does it work with?

It works with the HTML output of any code generator — ChatGPT, Claude, Lovable, bolt.new, v0, Cursor, and Anthropic Stitch are all supported, including the offline/bundled export formats some of them produce. It also works with plain hand-written HTML and static site exports. If it’s valid HTML, the converter can process it.

What happens after I use my 1 free conversion?

The plugin keeps working — you simply see a plain message from the service saying you’ve used your free conversion for this site. Nothing in the plugin is disabled or locked. If you need to convert more pages you can optionally subscribe to a paid plan on the service operator’s website and paste the key into Settings.

Is my HTML kept or shared?

Your HTML is sent to the conversion service only to perform the conversion and is handled per the operator’s Privacy Policy (linked in the “External Service” section above). The plugin does not send anything in the background — it only contacts the service when you click Convert, enter a key, or save Settings.

The conversion failed or my page looks off — what do I do?

The result screen auto-diagnoses common causes (security/optimization plugins like Wordfence or SG Security blocking the request, outbound HTTPS blocked, or request-body size). Follow the on-screen guidance for your specific setup. For best fidelity, upload a ZIP that includes your HTML plus its images and CSS files so the converter has the full page.