Hướng dẫn cài đặt theme Flatsome chi tiết A–Z
Flatsome là theme WooCommerce bán chạy nhất trên ThemeForest với hơn 200.000 website đang dùng và điểm đánh giá 4.8★. Nhưng nhiều người mới vẫn loay hoay ở khâu cài đặt: upload báo lỗi, import demo trắng trang, license không nhận. Bài này đi thẳng vào cách cài theme Flatsome đúng thứ tự, kèm cách xử lý những lỗi hay gặp nhất. Nếu bạn đang chọn nền tảng, có thể tham khảo thêm bài theme WordPress bán hàng để hiểu vì sao Flatsome hợp với đa số shop Việt.
Chuẩn bị trước khi cài Flatsome
Trước khi cài, bạn cần một website WordPress sạch và file theme hợp lệ. Thiếu bước chuẩn bị là nguyên nhân số một khiến quá trình cài bị lỗi giữa chừng.
- WordPress đã cài sẵn trên hosting/VPS, phiên bản 6.0 trở lên.
- PHP 7.4 trở lên (khuyến nghị PHP 8.1), giới hạn memory_limit ≥ 256MB, max_execution_time ≥ 120.
- File Flatsome.zip chỉ chứa theme (không phải file tổng hợp cả bộ). Nếu tải về là flatsome-full.zip, hãy giải nén để lấy đúng flatsome.zip và flatsome-child.zip.
- Tài khoản quản trị có quyền cài theme/plugin.
Bạn có thể tải Flatsome kèm bản cập nhật và hướng dẫn tiếng Việt tại kho giao diện của themeweb.io.vn. Nếu chưa quen với thao tác WordPress cơ bản, xem trước hướng dẫn cài đặt để nắm giao diện quản trị.
Cách cài theme Flatsome theo 5 bước
Cách cài theme Flatsome chuẩn nhất là upload file .zip qua trình quản trị WordPress rồi làm theo trình cài đặt tự động. Làm đúng thứ tự dưới đây để tránh phải cài lại từ đầu.
- Tải và kiểm tra file: Đảm bảo bạn có flatsome.zip (theme cha). Không dùng bản crack không rõ nguồn vì thường dính mã độc và không nhận cập nhật.
- Upload theme: Vào Giao diện → Thêm mới → Tải theme lên, chọn flatsome.zip, bấm Cài đặt ngay. Chờ đến khi hiện "Đã cài đặt theme thành công".
- Kích hoạt: Bấm Kích hoạt. Nếu bạn có theme con flatsome-child.zip, hãy upload thêm và kích hoạt bản child để không mất tùy chỉnh khi cập nhật.
- Nhập license (registration): Vào Flatsome → Advanced → Registration, dán mã Purchase Code (nếu bạn mua bản có key). Bản mua qua themeweb đã kèm hướng dẫn kích hoạt riêng.
- Cài plugin & import demo: WordPress sẽ hiện thanh thông báo yêu cầu cài plugin bắt buộc. Cài xong, vào Flatsome → Setup wizard để chạy trình cài đặt và import demo.
Cài plugin bắt buộc và nên có
Flatsome cần một vài plugin để chạy đủ tính năng, quan trọng nhất là UX Builder và WooCommerce. Sau khi kích hoạt theme, WordPress tự gợi ý danh sách này ở thanh trên cùng.
| Plugin | Vai trò | Mức độ |
|---|---|---|
| Flatsome (UX Builder) | Trình kéo thả dựng trang của Flatsome | Bắt buộc |
| WooCommerce | Nền tảng bán hàng (giỏ, thanh toán, sản phẩm) | Bắt buộc nếu bán hàng |
| Contact Form 7 | Form liên hệ dùng trong nhiều demo | Nên có |
| WPBakery / Advanced Custom Fields | Một số demo cũ cần để hiển thị đúng | Tùy demo |
| Yoast SEO | Tối ưu SEO on-page | Khuyến nghị |
Lời khuyên: chỉ cài plugin thật sự cần. WooCommerce chiếm khoảng 28% thị phần thương mại điện tử toàn cầu nên gần như bắt buộc với shop online, nhưng nếu bạn làm landing hay web giới thiệu thì có thể bỏ qua để trang nhẹ hơn.
Import demo Flatsome đúng cách
Import demo giúp bạn có ngay bố cục hoàn chỉnh thay vì dựng từ trang trắng. Flatsome cung cấp hàng chục demo theo ngành và bạn nên chọn demo gần với lĩnh vực của mình nhất.
- Vào Flatsome → Studio hoặc Setup wizard, chọn demo phù hợp (thời trang, mỹ phẩm, nội thất...).
- Bấm Import, chọn nhập cả nội dung, widget và tùy chỉnh (Customizer settings).
- Chờ 1–5 phút tùy dung lượng demo. Không tắt trình duyệt giữa chừng.
- Sau khi xong, vào Cài đặt → Đường dẫn tĩnh và bấm Lưu để làm mới permalink, tránh lỗi 404 ở trang con.
Nếu bạn bán hàng theo ngành cụ thể, hãy chọn giao diện đã tối ưu sẵn — ví dụ thời trang & trang sức hoặc nội thất & trang trí — để đỡ chỉnh sửa về sau.
Lỗi thường gặp khi cài Flatsome & cách khắc phục
Hầu hết lỗi khi cài Flatsome đến từ giới hạn server hoặc upload sai file, và đều có cách xử lý nhanh. Dưới đây là những lỗi phổ biến nhất kèm giải pháp.
| Lỗi | Nguyên nhân | Cách khắc phục |
|---|---|---|
| "The uploaded file exceeds the upload_max_filesize" | Giới hạn upload của hosting quá nhỏ | Tăng upload_max_filesize và post_max_size lên ≥ 64MB, hoặc upload qua FTP vào wp-content/themes |
| "Are you sure you want to do this?" | File zip sai (upload nhầm file full thay vì theme) | Giải nén file tổng, chỉ upload đúng flatsome.zip |
| Import demo trắng trang / lỗi timeout | memory_limit hoặc max_execution_time thấp | Tăng memory ≥ 256MB, max_execution_time ≥ 120, import lại |
| License không kích hoạt | Sai Purchase Code hoặc domain chưa đăng ký | Kiểm tra lại mã, đăng ký đúng domain đang chạy |
| Trang con báo 404 sau import | Permalink chưa làm mới | Vào Cài đặt → Đường dẫn tĩnh, bấm Lưu |
Ưu điểm của Flatsome là cộng đồng lớn nên gần như lỗi nào cũng có lời giải. Nhược điểm là bộ demo nhiều tính năng khiến người mới dễ rối; hãy import một demo rồi tinh gọn thay vì bật tất cả cùng lúc.
Cài Flatsome nhanh với giao diện đã tối ưu sẵn
Chọn giao diện Flatsome theo đúng ngành của bạn, tải về là có sẵn demo và hướng dẫn kích hoạt tiếng Việt. Nhập mã DCWEB để được ưu đãi.
Xem kho giao diện →
