How to move a Readdy website into Webflow

At a glance

Readdy pages

Copy to Webflow shows on *.readdy.site. One click copies the whole page.

Readdy's editor

No button yet. Open the page in its own tab and use FlowPaste → Capture the full page, or download the code.

What Readdy builds

Websites as React, Tailwind CSS and TypeScript projects. Newer projects share components across pages.

Code export

Download in the Code editor gives a .zip of the project. GitHub push and pull are manual.

You get

Native Sections and Div Blocks, readable class names, tablet and mobile breakpoints, hover states, Form Blocks.

Not carried over

Readdy's backend, form storage, shop, payments, bookings and app logic.

Plan

Each copy counts as a capture: 3 a day on Free, unlimited on Pro.

Why a Readdy site doesn't paste into Webflow

Readdy is an AI website builder for business sites, portfolios, landing pages, blogs and online stores. It also has agency features: client workspaces, white label and client billing. Under the visual editor, each site is code. Readdy's docs describe projects built with React, Tailwind CSS and TypeScript, with files like App.tsx and tailwind.config.ts.

Webflow can't import that code or a whole site. Its help center calls a move to Webflow a rebuild, not a transfer. Readdy's Figma export is static, and pasting the React files into a Code Embed gives you code nobody can edit in the Designer.

FlowPaste copies the page your browser shows, after React has run and Tailwind has styled it. FlowPaste reads the page the way your browser shows it: the elements, every CSS rule that applies to them, the media queries and the hover states. It then writes Webflow's own clipboard format, so ⌘V (Ctrl+V) in the Designer creates real elements with named classes.

The common reason to move: a client wants to own and edit the site in Webflow, with a CMS and a team, after the agency built the first version fast in Readdy.

“Migrating to Webflow will be a rebuild, not a transfer.”

Webflow Help Center

Ways to do it, compared

The Copy to Webflow button isn't supported in Readdy's editor yet. Use a readdy.site page, the page opened in its own tab, or the downloaded code.

How to copy a Readdy page into Webflow

Time: about 2 minutes per page. You need: the FlowPaste Chrome extension, your Readdy site, a Webflow site open in the Designer.

1. Open the page outside Readdy's editor

   Open the site on its readdy.site address in Chrome. Readdy's editor doesn't show the Copy to Webflow button yet, so the page needs its own tab.

   TipNo readdy.site page to open? Skip to the code route: in Readdy's Code editor, click Download (upper right) and drop the .zip into FlowPaste in the Designer.

2. Pick the page and its state

   Use the site's own navigation to reach the page you want. Close pop-ups and cookie notices so they aren't part of the copy.

3. Click Copy to Webflow

   The button sits at the bottom right of the page. The main click copies every section in order. On a tab without the button, click the FlowPaste icon and choose Capture the full page.

   TipFor one section, open the arrow menu and choose Pick a section. Hover the design, press ↑ for a bigger area, and click.

4. Paste in the Webflow Designer

   Click where the page should go and press ⌘V (Ctrl+V). The sections paste in order as native elements.

5. Add fonts, images and forms

   Add the listed fonts in Site settings → Fonts. Connect your site in FlowPaste → Account → Webflow images so pictures upload to Webflow Assets. Set where each Form Block's submissions go in Webflow.

6. Repeat for each page

   Readdy's editor lists a project's pages in the address bar above the preview. Routing isn't copied, so copy each page and link them with Webflow's Navbar.

What comes across

Three ways in, depending on where the site is

1. yoursite.readdy.site → Copy to Webflow (bottom right)
2. Page open in its own tab, no button →
   FlowPaste icon → Capture the full page
3. Readdy Code editor → Download (.zip) →
   drop the .zip into FlowPaste in the Designer

Section            class: hero
  Heading H1       class: hero-heading
  Link Block       class: hero-button     (+ Hover)
Section            class: services
  Div Block ×3     class: service-card
Section            class: contact
  Form Block       class: contact-form

Problems and fixes

Moving a client site from Readdy to Webflow

Readdy is quick for a first version. Webflow is where many clients want to edit, blog and grow the site. A clean handoff takes an afternoon.

1. List the pages and features. Note each page, every form, and anything that uses Readdy's backend: shop, bookings, payments, sign-in. Those need a Webflow or third-party replacement.
2. Copy the design. Copy each page with FlowPaste from readdy.site, or from the downloaded code. Turn the header and footer into Components.
3. Move content into the CMS. Blog posts, team members and case studies go into Webflow Collections so the client can edit them.
4. Export old form data. Readdy lets you export form submissions as .xlsx. Save them before you switch, since new submissions will go to Webflow.
5. Switch the domain. Readdy binds a custom domain to one site with DNS records. Remove those records and add Webflow's when the Webflow site is ready.
6. Keep an app part if you have one. If the project includes a logged-in area, keep it where it runs on app.example.com and put the marketing site on www.example.com in Webflow.

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".
• Rename or merge classes where you want your own system. Identical styles already share one class; variations are combo classes.
• Look for Embed elements (inline SVG icons, pseudo-elements, leftover scripts). They show on every plan; editing their code needs a paid site plan.
• Export Readdy's form submissions (.xlsx) before you move 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