Select a section on a web pageIt converts into your page builder, editable
It comes back as native elements: spacing, columns and breakpoints included.Use it on your own sites, client sites you maintain, and templates you’ve licensed.
- v4v3Free editionv4v3Free edition
Elementor
- NewNew
Shopify
- NewFree planNewFree plan
Figma
- Free planFree plan
Webflow
- v5
Diviv5 Bricks
- Free edition
BreakdanceFree edition
Gutenberg
- v6Classic
Oxygenv6Classic
- Open source
InstaticOpen source
- Free edition
Beaver BuilderFree edition - Code export
What people use it for
On your sites, your clients’ sites, and templates you’ve licensed.
- reference
Taking a layout as a starting point, and filling it yourself
- legacy
Rebuilding a site when its builder no longer works
- licensed
Using a template you bought, in a builder it wasn’t made for
- switching
Moving pages from one builder to another
From whatever built it, into whatever you use.
Find the guide for your exact move: Elementor to Bricks, Divi to Gutenberg, and 209 more.
Every pairing has its own page. Browse all of them.
Elementor
Bricks
DiviGutenberg
Wix
Elementor
Squarespace
Bricks
Webflow
Gutenberg
Any public website
Figma
Wix
Shopify
Nobody should build the same page twice.
Watch the whole thing.
Install to finished page, in one take. No cuts where the difficult part would be.
- 1
Install the extension and the plugin
- 2
Sign in, once
- 3
Copy a page from anywhere
- 4
Send it to the open builder
- 5
Edit the result natively
Simple pricing. Everything included.
Every plan unlocks the full product. Choose how you pay.
Get wpgraft for life. $99, once.
Everything wpgraft does, for one payment instead of $299. A limited-time deal, sold only on AppSumo.
- 60-day money-back guarantee
- Secure checkout by AppSumo
- All future updates included
Monthly
$20/ month
Billed monthly. Cancel anytime.
- Unlimited copies
- Unlimited websites
- Whole-page copies
- All 10 builders + Shopify & FigmaNew
- 600+ sections, all buildersNew
- Export as HTML, React, Vue & moreNew
- Tablet & phone breakpoints per element
- Saved Library
- Priority email support
Yearly
$15/ month
Billed $180 yearly.
- Unlimited copies
- Unlimited websites
- Whole-page copies
- All 10 builders + Shopify & FigmaNew
- 600+ sections, all buildersNew
- Export as HTML, React, Vue & moreNew
- Tablet & phone breakpoints per element
- Saved Library
- Priority email support
Lifetime
$299once
- Unlimited copies
- Unlimited websites
- Whole-page copies
- All 10 builders + Shopify & FigmaNew
- 600+ sections, all buildersNew
- Export as HTML, React, Vue & moreNew
- Tablet & phone breakpoints per element
- Saved Library
- Priority email support
“I build wpgraft myself and ship a new update every week. Rate a copy or open a ticket, and it goes into the next version.”
Sasa GugunovicFounder of wpgraft · sasagugunovic.comAny page on the webinto the builder you already use
Whatever built the page, wpgraft copies what your browser renders as native elements.
Converts any page into your page builder, as native elements.
Copy intoOr take the same copy as code
For a project that isn’t on WordPress, a section or the whole page also comes out as clean HTML or a framework component, styled with CSS or Tailwind.
Your copy
Hero section
Picked once, on the page
Format
Output
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hero section</title> <style> *, *::before, *::after { box-sizing: border-box; } body { margin: 0; color: #fff; font-family: Inter, sans-serif; -webkit-font-smoothing: antialiased; } .hero { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 96px 24px; background-color: #0e1022; text-align: center; } .label { padding: 6px 12px; border-radius: 999px; background-color: #ffd166; color: #0e1022; font-size: 13px; font-weight: 700; } .heading-xl { max-width: 720px; margin: 0; font-size: 56px; font-weight: 800; line-height: 61.6px; letter-spacing: -1.68px; } .text { max-width: 560px; margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 18px; line-height: 30.6px; } .row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 16px; } .button { padding: 14px 28px; border-radius: 10px; background-color: #7a60c7; color: #fff; font-weight: 600; text-decoration: none; } .button:hover { background-color: #6a4fb9; } .button-2 { padding: 14px 28px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 10px; color: #fff; font-weight: 600; text-decoration: none; } @media (max-width: 767px) { .hero { padding: 64px 24px; } .heading-xl { font-size: 36px; line-height: 39.6px; letter-spacing: -1.08px; } .text { font-size: 16px; line-height: 27.2px; } } </style></head><body> <section class="hero"> <span class="label">New in 2.0</span> <h1 class="heading-xl">Plan the whole week in one view</h1> <p class="text">Tasks, notes and your calendar side by side, on every device you own.</p> <div class="row"> <a class="button" href="/start">Start planning</a> <a class="button-2" href="/tour">Take the tour</a> </div> </section></body></html>In the extension: Copy into → Code, or right-click the page and choose Export as code. Included in every plan
Is it legal to copy a section of a website into your page builder?
The 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.
August 22, 2026 · 7 min read
Probably the largest section library you can use across every page builder
Not sure what to copy?A huge section library for every builder
Ready-made sections you can use on any site you build — pick one and it goes straight into your page builder.
- No vendor lock-inEvery section works in every builder we support.
- One-click insertIt lands in your editor as native, editable elements.
600+sections
Is this legal? Am I allowed to copy someone’s section?
Layout and styling are generally not protectable, but what sits inside them usually is: text, photographs, logos and brand marks belong to whoever made them. Use wpgraft the way you would use a reference: keep the structure, replace the content with your own. What you publish is your responsibility.
Does my WordPress site need an account with you?
No. The companion plugin has no login or licence key and no settings to fill in, and the only request it ever makes to us is its own update check. Install it, activate it, and open your builder: the extension sends the copy to whichever builder editor you have open, after Chrome asks you once for permission to reach that site. Local and staging installs work exactly like production.
What happens to a page if I stop paying?
Nothing. Converted pages are ordinary builder content stored in your own database, your own Shopify theme or your own Figma file. They have no runtime dependency on wpgraft. Cancel, uninstall the extension, delete the plugin, and every page you already imported keeps rendering.
Do you store the pages I copy?
No, unless you send one to us on purpose. Copies are converted in memory and returned to you; what we keep is metadata: which builder, which source URL, whether it succeeded, and when. Your dashboard shows a history from that. The one exception is the rating card in the plugin: if you leave its tick-box ticked, that one copy is sent to us so the fault can be reproduced, encrypted at rest and deleted after 90 days. Untick it and nothing is sent.
Is there a free plan or trial?
No. Every plan is paid: Pro monthly, Pro yearly or Lifetime. The way to find out whether wpgraft works for what you build is the refund policy: ask within 7 days of the charge and 90% of the plan price comes back, with no reason needed. Accounts created while a free tier existed are still there, with their history; they need a plan to copy again.
Which builders does each plan include?
All of them, on every plan. No destination is locked and nothing is downgraded: a copy into Bricks, Elementor, Divi 5, Oxygen, Shopify or Figma is the same full-fidelity conversion whichever plan you are on, and whole-page copies are included alongside sections and single elements. The plans differ in how you pay, not in what they do.
Can I copy a section into Figma or Shopify?
Yes, with the extension alone: there is no Figma plugin and no Shopify app to install. Pick Figma or Shopify under Copy into. For Figma, have a Design file open in Chrome (not the desktop app): the copy is built there as layers, one frame per width you copied, with auto layout where the page really was a row or a column, real text and its images. A font Figma does not have is replaced and named. For Shopify, have your Shopify admin open: a section goes onto the page open in the theme editor, and a whole page arrives as a new hidden page with its own template, built from blocks whose styles are settings you edit in the theme editor. Both are included in every plan.
Can I get a section as code instead of builder elements?
Yes. Choose Code under Copy into in the extension, or right-click the page and pick Export as code. The section, or the whole page, comes back as one HTML file or as a React, Vue, Svelte, Astro or Angular component, styled with plain CSS or Tailwind. You can switch between them on the Export page without copying again. Menus and sliders arrive static, because a copy carries no JavaScript. It is included in every plan.
Is there a limit on how many copies I can make?
No. Every plan is unlimited for ordinary human use, including heavy agency use. Each copy is logged so your dashboard can show a history, but there is no counter to run out of. What unlimited does not cover is automated conversion at machine scale; the Terms call that fair use, and we would contact you before acting on it.
Does the extension need access to every site I visit?
No. It asks for access to the tab you are on at the moment you click, and, once each, for the places you send copies to: your WordPress site, figma.com or your Shopify admin. Your browsing is never read in the background.
Will it be pixel-perfect?
On most sections, very close. The converter measures computed styles instead of guessing from stylesheets. Where a builder has no native equivalent for something (an exotic filter, a scroll-driven animation) the element still arrives editable, minus that effect. We would rather hand you something you can edit than something that only looks right.
Click a section.Pick a builder.It’s in your site.
One click turns a section, or a whole page into native editable elements inside your page builder.

















