Documentation
Documentation
Everything you need to install, activate, and start converting HTML to Elementor templates.
Contents
Installation
Download the Plugin
After purchase, download the html-to-elementor.zip file from your account or the email confirmation.
Upload to WordPress
Go to Plugins > Add New > Upload Plugin. Select the zip file and click Install Now.
Activate
Click Activate Plugin. You’ll see “AI to Elementor” appear in the left sidebar.
Requirement: Elementor (Free or Pro) must be installed and active. The plugin works with both versions.
License Activation
Go to AI to Elementor > Settings in your WordPress admin.
Enter your license key (format: HTE-XXXX-XXXX-XXXX-XXXX) and click Activate.
Your license is tied to your domain. To move it to a different site, deactivate first, then reactivate on the new domain.
Each license is valid for the number of sites in your plan. Activating on an additional site without available slots will fail.
Converting HTML
Open the Converter
Go to AI to Elementor > Convert in the sidebar.
Provide Your HTML
Either paste HTML code directly into the text area, or click Upload File to select an .html or .htm file.
Set a Title
Enter a name for your template (e.g., “Landing Page v2”). This will be the template name in Elementor’s library.
Click Convert
The HTML is sent to our API, converted to native Elementor widgets, and saved as a template. This typically takes 5-15 seconds.
Using Your Templates
After conversion, your template is saved in Elementor > Templates > Saved Templates.
Insert into a Page
- Create a new page or edit an existing one with Elementor.
- Click the folder icon (Add Template) in the Elementor editor.
- Go to the My Templates tab.
- Find your template and click Insert.
- Edit any element — text, colors, spacing, images — just like any Elementor page.
Supported HTML Sources
The converter works with HTML from any source:
- v0.dev — Copy the generated HTML
- Bolt.new — Export or copy the HTML output
- Lovable — Copy from the code view
- ChatGPT / Claude — Copy the HTML artifact
- Hand-coded HTML — Any valid HTML/CSS
- Templates — ThemeForest, HTML5 templates, etc.
- Legacy sites — View source, copy, convert
Tips for Best Results
Include CSS inline or in <style> tags. The converter reads CSS from <style> blocks and inline styles. External stylesheets (linked via <link>) are not fetched — paste the CSS into a <style> tag.
What converts well
- Standard HTML elements: headings, paragraphs, buttons, images, links
- CSS layouts: Flexbox, Grid, multi-column
- Colors, gradients, shadows, border-radius
- Google Fonts (auto-detected and registered)
- CSS animations and @keyframes
- JavaScript effects (scroll reveal, accordions, etc.)
What may need manual adjustment
- Complex JavaScript applications (React/Vue SPAs)
- Canvas elements and WebGL
- External images (referenced by URL — they’ll work if the URL is accessible)
- Responsive breakpoints (convert the desktop version, then adjust mobile in Elementor)
Troubleshooting
"Could not connect to conversion service"
Your server can’t reach our API. Check that outbound HTTPS connections are allowed by your hosting provider. Some managed WordPress hosts block external API calls.
"License is inactive"
Go to AI to Elementor > Settings and verify your license key. If you recently renewed, click “Reactivate” to refresh the status.
"Conversion timed out"
Very large HTML files (over 2MB) may take longer. Try splitting the page into sections, or ensure your server allows long-running requests (increase PHP max_execution_time).
Template looks different from original
The converter achieves 95.5% average pixel match. Differences are typically:
- Sub-pixel font rendering (browser-specific)
- Elements that don’t map to native widgets (preserved as HTML widgets)
- External resources that couldn’t be loaded
Use Elementor’s visual editor to fine-tune any differences.
Limits & Quotas
- 50 conversions per day per license
- 5MB maximum HTML file size
- 120-second timeout for conversion requests
Need higher limits? Contact [email protected].