Discount codes land here first.
Members get offers on wpgraft, plus build tips and early word on what is shipping next.
LovableA page Lovable built
Beaver BuilderBox module plus native modulesMove a page from Lovable to Beaver Builder as real, editable Beaver Builder elements, not a screenshot. What comes across, and what does not.
wpgraft reads the page as your browser rendered it, the real elements and the real computed styles, at every breakpoint you ask for, and rebuilds it as Beaver Builder’s own native elements with the styles in Beaver Builder’s own fields. It does not care that a language model wrote the HTML, and it does not care what framework the page was built with: by the time wpgraft looks, all of that has already become computed styles.
The awkward part of building a page with Lovable was never the generating. It is that what comes out is HTML, and what you need is something you can edit in Beaver Builder next month without opening a code editor. This closes that gap: the generated page is rebuilt as real Beaver Builder elements, so the next change is a click in a panel rather than a prompt and a re-paste.
wpgraft is a Chrome extension. Get it from wpgraft.com/releases. Install it, click the icon, sign in: the free tier needs an account but is never billed. On your very first copy it asks you to confirm you have the right to reuse what you are copying, once, and does not ask again.
The plugin is the WordPress half of wpgraft: it receives the copy, shows it in a panel inside the Beaver Builder editor, inserts it, and pulls the images into your Media Library. Download the zip from wpgraft.com/releases, then upload it in wp-admin. It is free software with no licence key and nothing to configure. Its only admin screen, Settings → wpgraft, is a status page that tells you which builder it detected. It updates itself from inside wp-admin like any other plugin: a version check against wpgraft.com that carries no token and no licence key, only your WordPress and PHP versions and your site's own address in the request's User-Agent, as the privacy policy sets out. It touches nothing on your site until you send it something.
Lovable shows your app in a preview panel beside the chat. That panel is a frame. Open the preview in its own browser tab, or use the published URL, and copy that.
Click the wpgraft icon on the source tab and pick your destination under Copy into. There is one Beaver Builder entry, labelled Beaver Builder. Switch Also copy tablet & phone on unless you only want the desktop layout: it is off until you turn it on, and it captures three viewports instead of one, so the copy arrives responsive.
Select element starts a picker: hover to highlight, press ↑ to widen the selection to the parent and ↓ to narrow it again, click to confirm, Esc to cancel. Whole page takes the entire document in one pass and is a Pro capture. wpgraft scrolls the page for you first so lazy images and scroll-triggered effects have fired, then waits for the fonts and images to finish before it reads anything.
From the page list or the admin bar. The builder opens on the page’s own permalink with ?fl_builder. The wpgraft panel appears in the bottom-right corner of the editor as soon as it recognises the builder.
The extension does not push copies at sites by itself, because that would mean any approved site could receive a capture made for another one. Click the wpgraft icon again with the editor open: it names the site and the copy and asks you to confirm, or press Send to open builder. The first time for a given site it also asks whether that site may receive copies at all; approve it once and it stays approved (you can take a site off the list later from the same popup).
The panel lists what is waiting for this builder. Decide whether to tick Import images to Media Library. On, and the images become yours; off, and they keep pointing at the original page. Then press Insert into builder. wpgraft posts the layout to the server, which registers the fonts, writes the layout and the Layout CSS to both the draft and the published copy, marks the page as builder-enabled, clears Beaver Builder’s asset cache and reads the layout back to prove it landed. The canvas then refreshes without losing your session.
Nothing is pending; both statuses were written. Press Done → Publish when you want the page live.
This is where the product earns its keep. Click anything in the copy and Beaver Builder’s own panel opens with real values in it. There is no wrapper you may not touch, no “generated, do not edit” block and no code view. Change the heading, swap the image, drag the padding.
Box as the spine
Structure is built from Box modules rather than forced into rows and columns, so a captured layout keeps its real nesting.
Beaver Builder’s own modules
Headings, text, images, buttons and the rest arrive as real modules with their own settings panels.
Fonts registered on the site
Beaver Builder silently drops a font family it does not recognise, so wpgraft registers the copy’s fonts server-side before the layout is written.
After the insert: Nothing is pending; both statuses were written. Press Done → Publish when you want the page live.
Lovable shows your app in a preview panel beside the chat. That panel is a frame. Open the preview in its own browser tab, or use the published URL, and copy that.
A guide that only lists what works will waste your afternoon. These are the things that surprise people, set out before you start rather than discovered afterwards.
unfiltered_html capability, which normally means an administrator. Without it, the parts of the copy that would output markup verbatim are removed before the insert, or, where WordPress sanitizes them on save instead, left to it, and the panel tells you how many. Everything else in the copy still lands. Insert as an administrator if you want all of it.javascript: link in the source page is neutralised on the way in, for every account including an administrator’s, and you are told how many. It is the one thing wpgraft will not carry across for you.<iframe> is kept as the embed it is: a YouTube or Vimeo frame becomes a video element, a Google Maps frame becomes a map. wpgraft does not descend into it, same origin or not, which is also why a builder’s own editor canvas and an AI chat’s artifact preview have to be opened on their own URL before you can copy them.@font-face block wpgraft prints, needs the edit_css or unfiltered_html capability. An editor normally has neither, and without it the layout is still written but that CSS is dropped, with a warning saying so; the fonts stay registered, so the clone falls back to your theme’s faces rather than rendering nothing.No. wpgraft reads computed styles, not class names. By the time it looks, px-4 has already become padding: 1rem. What lands in the destination is that builder’s own elements with values in that builder’s own fields.
No. The copy is built from the standard Beaver Builder module set, including Box, and nothing in the path checks your licence tier.
Yes, with one exception. Every module a copy is built from (Box, Heading, Text, Photo, Button, Icon, HTML and Video) ships in Beaver Builder Lite, so a copy lands and is editable there. The one that does not is Separator, which the paid version has and Lite does not: a horizontal rule in the source arrives as a module Lite cannot render, and shows as an empty slot you can delete. Everything around it is unaffected.
No. wpgraft reads the generated page and writes to Beaver Builder. Nothing is sent back to Lovable and nothing there is altered.
No. What lands in Beaver Builder is Beaver Builder’s own elements with the styles in Beaver Builder’s own fields. There is no shortcode, no embed, no wrapper block and no stylesheet borrowed from Lovable. The copy is fully yours and stands on its own.
Editable. Click anything in it and Beaver Builder’s own settings panel opens with real values in it. That is the whole product, and it is measured on every release: an inserted copy has to be selectable through Beaver Builder’s own API and the editor has to reopen cleanly on the saved page, or the build does not ship.
Yes, once you switch Also copy tablet & phone on. It is off by default, and with it off you get the desktop layout only, slightly faster. With it on, wpgraft measures the page three times: at your window’s own width, then at 768px, then at 375px. The per-breakpoint values are written into Beaver Builder’s own responsive controls. One honest caveat about the measurement: the Web Store build produces the narrow viewports inside the page rather than by resizing the window. It re-evaluates every media query at the target width, pins the layout width, resolves vw units and clamps position: fixed boxes to it, and the result is measured at 100% of the property values a real 768px and 375px window produces on getbootstrap.com and on a stock WordPress theme. What it cannot do is re-run the source site’s own JavaScript for the new width, so a layout a script computes on resize is copied as the desktop script left it, and the capture says so in a warning.
The free tier is three copies in total, usable on any destination, at full fidelity, with nothing watermarked or downgraded, within seven days of signing up. Whole-page copies are a Pro capture; sections and elements are not. Pro removes the copy limit and opens up whole-page captures.
Yes. It is the WordPress half of wpgraft, and it is free software with no licence key, no counter and no upgrade nag in it. It receives the copy, shows it in a panel inside the Beaver Builder editor and imports the images. It does nothing on its own until you send it something.
A page you generated yourself is yours to use, subject to the terms of the tool that generated it. Fonts, images and icons that the page pulled in from somewhere else carry their own licences and those follow them into the copy.
Read moreThe layout, usually yes. The words, photos and logo inside it, no. Take the shape, bring your own content, and you are on the safe side of the only line that really matters.
Read the postNot legal advice: the post says so too, and says why.
Other ways into Beaver Builder
Other places Lovable can go
Three copies free, every destination unlocked, full fidelity. Point at one Lovable section, put it in Beaver Builder, then judge the result before you decide anything.
