Can it convert a live URL?

No. Save the page locally first (browser File > Save Page As > Webpage, Complete). The skill never goes online.

Do I need Elementor Pro?

No. Output uses Free widgets by default. `--pro` adds the Pro Form widget for contact forms.

WordPress admin > Templates > Saved Templates > Import Templates > choose `template.json`, then insert it from the template library on any page.

Can I convert just one section?

Yes: `--selector "#pricing"`. Use `--type header|footer|section|popup` for theme parts.

Will the fonts and colours match?

They're carried into widget settings and listed in the report so you can create matching Global Colors and Fonts in Site Settings.

html to elementor template converter

Example session with this skill installed

I saved our yoga studio landing page as HTML. Turn it into an Elementor template I can import and edit. The site is tidewateryoga.example.

Read your context and instructions
Compiled the html to elementor

Answer: template.json is ready. 45 elements, 27 of 29 widgets are native Elementor widgets, and it works on Elementor Free.

Widgets: 16 containers, 8 headings, 6 text editors, 5 images, 3 icon lists, 2 buttons, 1 video, 1 accordion, 1 divider

Global Colors to add: #1B2A33 #FFFFFF #0E7C86 #F6EFE6 #C9D3D8. Fonts: DM Sans, Fraunces

Needs your attention: the pricing table stays an HTML widget because Elementor has no native table. The contact form stays HTML on Free; rerun with --pro to get the Form widget (28 of 29 native). 2 images have no alt text

Validate: OK (unique ids, required keys, known widget types)

Deliverables: template.json plus conversion-report.md with the full element map.

Next steps: WordPress > Templates > Saved Templates > Import Templates > template.json, insert it on a page, create the 5 Global Colors, add the missing alt text and check the mobile view.

(Real run on the bundled sample page.)

Connects securely to your tools. The creator never sees your data.

About this skill

Rebuild a landing page in Elementor as real widgets, not one giant HTML block.

Give it a page you own: a saved web page, a theme's HTML, a static site or an AI-generated landing page. It writes an Elementor template JSON (format version 0.4, Flexbox Containers) that you import under Templates > Saved Templates. Sections become containers, and common HTML maps to native widgets:

headings and text
images (with alt text)
buttons and icon lists
dividers
YouTube/Vimeo video
accordions from <details>

Colours, fonts, spacing, alignment and backgrounds are carried over from the CSS. --pro maps forms to the Elementor Pro Form widget.

The terminal summary and conversion-report.md list:

widget counts and % native
Global Colors and Fonts to create
images missing alt text
relative URLs that need --base-url
anything that stayed HTML and why (tables, forms on Free)

The template is validated before writing: unique ids, required keys, known widget types.

What's included

SKILL.md, scripts/html2elementor.py, sample landing page (Tidewater Yoga Studio), sample template and report, mapping reference, sources (Elementor developer docs: data structure, containers, widgets), tests.

How to use

Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.

Reviews

No reviews yet

Be one of the first to try it. Every listed skill passes our trust checks below.

Security scanned

Passed our 8-point scan before listing

Fresh listing

Recently published to Agensi

Money-back guarantee

Doesn't do what its page promises? You get your money back.

html to elementor template converter