Perxel chuyển website Webflow, Framer sang WordPress như thế nào

Khi chuyển một website từ Webflow hay Framer sang WordPress, cần đảm bảo ba điều: giao diện và chuyển động giống như cũ, mọi trang và bài viết đều được chuyển sang, và mọi URL vẫn hoạt động để Google và các đường link cũ tìm đúng trang. Bài viết này trình bày sáu bước Perxel thực hiện, kèm thời gian từ các lần chạy thử trên website từ 15 đến 461 trang.

1. Đọc website từ bên ngoài

Perxel bắt đầu mà không cần đăng nhập. Một đoạn script đọc website công khai và liệt kê mọi thứ trên đó: các trang, collection CMS và nội dung bên trong, ngôn ngữ, form, interaction, mã tracking và mọi URL. Với các website trong những lần chạy thử, việc này mất từ 14 giây đến chưa đầy 6 phút.

Cũng từ lần đọc này, Perxel tính được chi phí hiện tại. Cả hai nền tảng đều tính phí cao hơn khi website lớn dần. Năm 2026, Webflow đổi giá các gói site plan, và website nằm trong workspace của agency hoặc freelancer sẽ chuyển sang giá mới ở lần gia hạn đầu tiên kể từ ngày 16/11/2026 (bảng giá Webflow). Framer tính phí hằng tháng cho mỗi người chỉnh sửa và mỗi ngôn ngữ thêm vào (bảng giá Framer). Website có cả team quản lý hoặc có ngôn ngữ thứ hai sẽ nhanh hoàn vốn nhất khi chuyển sang WordPress; một website một người quản lý, một ngôn ngữ thường tốn ít, nên chuyển đi cũng không tiết kiệm được nhiều. Công cụ tính chi phí của Perxel cho bạn xem so sánh này với chính website của mình: cho Webflow và cho Framer.

Công cụ tính chi phí cho một website Webflow có ba người chỉnh sửa và hai ngôn ngữ.

2. Sao chép nội dung

Tiếp theo, mọi trang, nội dung, hình ảnh và video được sao chép. Phần lớn nội dung có thể lấy ngay từ website công khai. Khi bạn cấp quyền truy cập project, Perxel đọc thêm qua MCP server của nền tảng (Webflow, Framer), công cụ đọc collection và nội dung trực tiếp từ project.

Có quyền truy cập thì không bỏ sót trang nào. Với website Webflow nhỏ của một khách hàng, khi quét website công khai chỉ tìm được 10 URL. MCP server tìm được 40, vì các bài tin tức được link bằng một đoạn script mà công cụ quét không chạy.

3. Dựng website trên WordPress

Mỗi collection CMS trở thành một post type trong WordPress, các field trở thành custom field, và nội dung được nhập vào đó. Theme được viết riêng (custom theme) theo thiết kế của website đang chạy, dựa trên starter theme của Perxel.

Kết thúc bước này là một bản WordPress chạy được: đủ mọi trang, nội dung và hình ảnh ở đúng URL cũ, nhưng giao diện chưa giống bản gốc. Trong các lần chạy thử, tính cả bước 1 và 2:

• Website Framer của một công ty luật, 15 trang: 30 phút.
• Website Webflow của một studio kiến trúc, 148 trang, 3 ngôn ngữ, gồm 108 dự án, 3 form và khoảng 800 hình ảnh: 51 phút.
• Website Framer của một agency marketing, 461 trang, gồm 390 bài blog, 4 collection khác và khoảng 1.480 hình ảnh và video: chưa đến hai tiếng.

Đây là các lần chạy thử trên website công khai, không truy cập vào project.

4. Làm giao diện giống bản gốc

Đây là bước mất nhiều thời gian nhất. Perxel so sánh bản mới với website đang chạy theo từng trang, sửa những chỗ chưa giống rồi so sánh lại.

Interaction và animation trên cả hai nền tảng đều không chuyển sang được, nên Perxel dựng lại bằng GSAP. Vì vậy Perxel đếm số interaction ngay từ bước 1: website của studio kiến trúc có 412 interaction trên Webflow.

5. Giữ nguyên mọi URL

Danh sách URL lập ở bước 1 được dùng để kiểm tra. Website WordPress giữ nguyên đường dẫn, kể cả các collection, và nếu một URL buộc phải đổi thì redirect 301 sẽ đưa địa chỉ cũ về trang mới. Tiêu đề và mô tả được chuyển theo từng trang.

Có hai chi tiết mà website nào cũng gặp. URL của WordPress kết thúc bằng dấu gạch chéo, còn Webflow và Framer thì không, nên mỗi địa chỉ cũ được redirect 301 về cùng trang có dấu gạch chéo. Ngoài ra, các redirect bạn đã cài nằm trong phần cài đặt của project (trên Framer là Site Settings), nơi công cụ quét không thấy hết, nên Perxel lấy danh sách này từ project.

Trước khi launch, mọi URL cũ được kiểm tra trên website mới. Với website chạy thử 461 trang, 449 URL hoạt động ở đúng địa chỉ cũ, 12 URL redirect giống hệt trên Framer, và không URL nào bị lỗi. Các form được dựng lại và gửi về đúng email hoặc công cụ bạn đang dùng.

6. Launch và bàn giao

Perxel chuyển tên miền, gửi sitemap mới lên Google Search Console và hướng dẫn team của bạn cách chỉnh sửa. Thay vì Webflow Designer hay canvas của Framer, team chỉnh sửa trong WordPress với NectarBlocks: bấm vào tiêu đề để gõ, đổi hình ảnh, thêm một section. Font chữ và màu sắc lấy từ style có sẵn của website, nên thiết kế vẫn giữ nguyên dù ai chỉnh sửa.

Script và AI làm phần việc lặp lại trong các bước này: đọc website, nhập nội dung, lập danh sách và kiểm tra URL. Team Perxel làm giao diện giống bản gốc, dựng lại interaction và kiểm tra từng trang. Trang chuyển Webflow sang WordPress và chuyển Framer sang WordPress cho biết giá khởi điểm và số ngày cho một website như của bạn.

Footnotes

1. Bảng giá Webflow
2. Bảng giá Framer
3. Tổng quan Webflow MCP server
4. Framer MCP server
5. Cách cài redirect trên Framer