Click any section on any website and get it as native Elementor containers and widgets. A free bookmarklet and Chrome extension that open the section in our converter, HTML and CSS already filled in.
Copying a section from a website into Elementor normally means digging through DevTools for the HTML, then hunting down the CSS that styles it. The ready→made picker does both in one click. Hover over the page, click the section you want, and it opens in the free HTML to Elementor converter with its markup and only the CSS rules that apply to it. Links and images keep their full addresses, scripts and tracking attributes are stripped. Convert, copy, and right-click → Paste in Elementor. The same picker also sends sections to the Gutenberg, Bricks, Etch and Oxygen 6 converters.
Drag the bookmarklet to your bookmarks bar, or add the Chrome extension.
On any website, click the bookmark (or the toolbar icon) and click a section. Arrow keys move to the parent or child element.
Hit Convert: the converter opens with the section filled in. Copy the result and right-click → Paste in Elementor.
🔒 The picker runs on the page you are viewing and sends the section only to the converter tab it opens. If some of the page's stylesheets live on another domain, the converter fetches those through our server using the page address. Conversion itself runs in your browser.
✓ You're on the list — we'll email you when this converter gets better.
A typical site loads hundreds of kilobytes of CSS. The picker keeps only the rules that match the section you clicked, plus their mobile and tablet media queries and the fonts they use. The converter turns those into native Elementor settings where it can.
Text often gets its font and colour from the page body, not from the section itself. The picker reads the computed font family, size, line height and colour and pins them on the section, so headings and paragraphs don't fall back to Elementor's defaults.
Scripts, inline event handlers and template tags are removed. Lazy-loaded images get their real source back, and every link and image URL is made absolute so it still works on your site.
The picker is meant for your own sites, client sites you are migrating, and layouts you have the rights to reuse. Swap in your own text and images before you publish.
A design converts better than a scraped page. ready→made turns Figma frames into native Elementor containers with a real layout engine.
Yes, this one. The ready→made picker is a free Chrome extension and bookmarklet: click a section on any site and it opens in our HTML to Elementor converter with the HTML and matching CSS filled in.
Yes. The picker and the converters it sends to are free and need no account.
The bookmarklet works in every modern browser, including Firefox, Safari and Edge. The extension is for Chrome and other Chromium browsers such as Edge, Brave and Arc.
Some sites use a strict content security policy that blocks scripts from other domains, and that includes bookmarklets. The Chrome extension is not affected by it.
Only "active tab" and "scripting": it can read the tab you clicked the toolbar icon on, at that moment, and nothing else. It has no background access to your browsing.
Yes. Pick the outermost wrapper (press the up arrow until the outline covers the page). For whole pages the converter's URL fetcher is often simpler: paste the address and it fetches everything.
Yes. The output uses native containers and widgets from free Elementor. Styling that has no widget setting lands as CSS classes with a note, as on the regular converter.
Yes. Choose the target in the picker bar before you hit Convert: Elementor, Gutenberg, Bricks, Etch or Oxygen 6.