At a glance
- Theme import
- Not possible. Webflow says a migration is a rebuild, not a transfer.
- Posts
- CSV import into a CMS Collection, or the free WP to Webflow app (posts, images, tags, categories; CMS plan).
- Design
- Copy sections from the live site with Live Capture; paste as native elements.
- Page builders
- Elementor (including v4), Gutenberg blocks and custom themes: copied as they render.
- Full page
- One click copies the whole page; one ⌘V pastes it section by section. Cookie banners, plugin leftovers and form spam-trap fields are left out.
- Elementor animations
- Hidden entrance states are reset so content is visible.
- SEO
- Import 301 redirects by CSV; copy titles and meta descriptions.
Why a WordPress theme can't be imported
WordPress builds each page in PHP from the theme, plugins and the database. Page builders like Elementor add their own markup, generated class names (elementor-element-3f2a1c) and JavaScript for animations. None of it is a format Webflow can read.
Content is easier: posts and pages are structured data that WordPress can export and Webflow can import into a Collection. Design is the hard part, and that's what usually costs most in a migration.
FlowPaste copies the design from the rendered page: what your visitors see, with every style the theme and page builder applied. It drops builder bookkeeping attributes, resets Elementor's hidden "before animation" states, and writes everything to Webflow classes.
“You'll recreate your page layouts, styles, CMS structure, and interactions manually in Webflow.”
Webflow Help Center
Ways to do it, compared
| Method | Editable in Webflow | Responsive | Time for one page | Best for |
|---|---|---|---|---|
| Start from a Webflow template | Yes | Yes | Days | When you also want a new design |
| Rebuild by hand in the Designer | Yes | Yes, if you build it | 2–6 hours | Small pages, or a full redesign |
| Hire a freelancer to rebuild | Yes | Yes | Days | Whole sites when you have budget (from about $80 a page) |
| FlowPaste Live Capture + CMS import | Yes: native elements and classes | Yes | Minutes per page + content import | Keeping your current design |
How to copy a WordPress page into Webflow
Time: about 10 minutes per page. You need: your WordPress site, the FlowPaste Chrome extension, a Webflow site in the Designer.
Log out or open a private window
Look at the site as a visitor sees it, without the WordPress admin bar. Close cookie banners.
Start Live Capture on a page
Click the FlowPaste icon → Capture an element (or ⌥⇧C / Alt+Shift+C). Allow site access so theme and plugin stylesheets are read.
Copy the page or a section
Click Whole page in the picking bar (or Capture the full page in the popup) to copy every section at once. For one part, hover it, press ↑ until the outline covers it (an Elementor section, a Gutenberg group, a theme header) and click.
Paste into Webflow
In the Designer, press ⌘V (Ctrl+V). A full page pastes section by section on its own; a single section goes where you clicked.
Make global parts reusable
Turn the pasted header and footer into Webflow Components so they're the same on every page.
Import the posts
Create a Blog Posts Collection. Import posts by CSV (WordPress → Tools → Export, then convert the XML to CSV) or use the WP to Webflow app. Design the post template by pasting a captured single post.
What comes across
| In WordPress | In Webflow | Notes |
|---|---|---|
| Elementor sections, columns, widgets | Sections and Div Blocks with classes | Builder ids and data attributes left out |
| Gutenberg blocks (group, columns, cover) | Div Blocks with flex or grid | |
| Theme header and menu | Elements + small script for dropdowns | Turn into a Component |
| Elementor entrance animations | Visible content (reset) | Add Webflow Interactions if you want motion |
| Theme fade-in-on-scroll effects | Visible content that fades in on scroll | Kept as custom code |
| Contact Form 7 / WPForms / Gravity Forms | Webflow Form Block | Spam-trap fields left out; set the notification email in Webflow |
| Search form | Plain block | Webflow has its own Search element |
| Blog post lists | Static items as shown | Replace with a Collection List |
| Theme and Google fonts | Loaded with the paste | Add them in Site settings → Fonts |
| Media library images | Uploaded to Webflow Assets | When your site is connected |
Problems and fixes
Parts of an Elementor page are missing
They were waiting for an entrance animation. Update FlowPaste and capture again; hidden Elementor states are now reset.
A cookie banner or "revisit consent" button came along
Update FlowPaste: consent plugins' banners, settings dialogs and buttons are left out of full-page copies.
Lots of odd class names
Builder-generated names that say nothing about the element are replaced with names from structure. Rename the rest in the Style panel.
The menu dropdown doesn't open
Scripts don't run on the canvas. Check it in Preview with custom code on, or on your staging site.
Posts imported without images
CSV import needs image URLs in the image fields. The WP to Webflow app imports images with the posts.
A WordPress to Webflow migration plan
- Inventory. Export a list of every URL (a sitemap plugin or your SEO tool), plugins you rely on, forms and integrations.
- CMS structure. Create Collections for posts, categories and authors in Webflow first.
- Content. Import posts with the WP to Webflow app or by CSV. Check rich text, images and slugs.
- Design. Capture the header, footer, home page, a page template and a single post with FlowPaste. Bind the post template to the Collection fields.
- Forms and integrations. Re-create forms in Webflow and reconnect analytics and marketing tools.
- Redirects. Map old URLs (for example /2024/05/post-name/) to new ones (/blog/post-name) and import the 301 redirects by CSV. Switch DNS last.
After you paste
- Add the fonts in Webflow → Site settings → Fonts. FlowPaste lists them in the notes after each conversion. Until then, text that brought its own font file still shows correctly, but you can't pick the font in the Typography panel.
- Images: Webflow publishes images only from its own Assets. Connect your site once in FlowPaste → Account → Webflow images, and every paste uploads its images for you. Without it, images show in the Designer but break on the published site.
- Click through tablet, mobile landscape and mobile portrait in the Designer. Media queries are already mapped to those breakpoints; check anything the notes marked as "snapped".
- Bind the post template to the Collection fields.
- Import 301 redirects before switching the domain.
- Publish to your webflow.io staging domain and check animations and scripts there. Scroll-triggered Interactions don't always play inside Designer Preview.
Questions
Can I import my WordPress theme into Webflow?
No. Themes are PHP templates. Copy the rendered design with FlowPaste and import the content into the CMS.
Does it work with Elementor?
Yes. Elementor pages are copied as they render. Builder attributes are left out and hidden entrance-animation states are reset.
How do I move my blog posts?
Import them into a CMS Collection by CSV, or use the free WP to Webflow app, which brings posts, images, tags and categories. A Webflow CMS plan is needed for more than 50 items.
Will I lose my Google rankings?
Not if you keep the content and set 301 redirects for every URL that changes. Webflow can import redirects by CSV.
What about plugins?
Plugin features don't move. Most have a Webflow equivalent (forms, CMS, search) or an app in the Webflow Apps marketplace.
Sources
- Webflow Help: Migrate from WordPress to Webflow CMS
- Webflow Apps: WP to Webflow (free; posts, images, tags, categories)
- Webflow Help: Migrate your site to Webflow overview — "migrating to Webflow will be a rebuild, not a transfer"