Flatsome là một theme WordPress phổ biến, được tối ưu hóa đặc biệt cho các website thương mại điện tử sử dụng WooCommerce. Ngoài ra, theme còn phù hợp cho các loại website như blog, giới thiệu doanh nghiệp, hay landing page nhờ công cụ kéo-thả mạnh mẽ UX Builder.

Flatsome là theme trả phí, được bán trên ThemeForest với giá khoảng $59. Giá này bao gồm cả các bản cập nhật trong tương lai và 6 tháng hỗ trợ từ nhà phát triển. Theme không có bản miễn phí chính thức.

Các plugin quan trọng cần cài đặt bao gồm: WooCommerce: Nếu bạn muốn bán hàng trực tuyến. Flatsome UX Builder: Plugin đi kèm để chỉnh sửa trang. Contact Form 7: Tạo form liên hệ. Rank Math SEO hoặc Yoast SEO: Tối ưu hóa SEO cho website. Loco Translate: Dịch giao diện nếu bạn cần hỗ trợ ngôn ngữ khác.

Để cập nhật, vào Giao diện > Giao diện, nếu theme đã kích hoạt bản quyền, bạn sẽ thấy nút cập nhật tự động. Nếu không, bạn cần tải phiên bản mới từ ThemeForest, sau đó cài đặt bằng cách vào Giao diện > Thêm mới > Tải giao diện và chọn tệp .zip mới.

Mua theme từ ThemeForest và tải tệp .zip. Truy cập Giao diện > Giao diện > Thêm mới > Tải giao diện. Chọn tệp .zip đã tải về, nhấn Cài đặt và kích hoạt theme.

Có. Theme Flatsome hỗ trợ dịch toàn bộ giao diện thông qua các công cụ như Loco Translate. Để cài đặt: Cài plugin Loco Translate. Vào Loco Translate > Themes > Flatsome và thêm ngôn ngữ tiếng Việt. Dịch các chuỗi mà bạn muốn thay đổi trực tiếp trên plugin.

Truy cập Flatsome > Setup Wizard > Install Demo Content. Chọn một bản demo phù hợp (ví dụ: shop, doanh nghiệp, blog). Nhấn nút Install, đợi vài phút để nội dung được tải lên.

Đây là trình chỉnh sửa kéo-thả đi kèm với theme Flatsome. Bạn có thể xây dựng các trang mà không cần biết lập trình: Truy cập bất kỳ trang nào, nhấn Edit with UX Builder. Chọn và kéo-thả các thành phần như hình ảnh, văn bản, hoặc sản phẩm. Lưu lại sau khi chỉnh sửa.

Vào Giao diện > Tùy chỉnh > Header > Logo. Nhấn Select Image để tải lên logo mới hoặc chọn logo từ thư viện. Điều chỉnh kích thước logo bằng cách sử dụng tùy chọn "Logo Width" bên dưới.

Vào Giao diện > Tùy chỉnh > Typography. Ở đây, bạn có thể thay đổi font chữ cho: Tiêu đề (Heading Font). Nội dung (Body Font). Flatsome tích hợp Google Fonts, vì vậy bạn có thể chọn từ hàng trăm font chữ.

Vào Giao diện > Tùy chỉnh > Colors. Tại đây, bạn có thể: Thay đổi màu chủ đạo (Primary Color) cho các liên kết, nút bấm. Điều chỉnh màu nền hoặc màu chữ. Nhấn Lưu & Xuất bản để áp dụng.

Vào Sản phẩm > Thêm mới. Nhập thông tin sản phẩm như tên, mô tả, giá, hình ảnh. Thiết lập loại sản phẩm: sản phẩm đơn giản, biến thể, hoặc nhóm sản phẩm. Nhấn Đăng để xuất bản sản phẩm.

Sử dụng UX Builder, thêm một phần tử Product Categories vào trang chủ. Chọn danh mục bạn muốn hiển thị và tùy chỉnh cách hiển thị như dạng lưới, danh sách, hoặc băng chuyền.

Vào Giao diện > Menu. Tạo một menu mới, thêm các danh mục sản phẩm từ phần Danh mục. Gán menu này vào vị trí Main Menu.

Vào UX Builder, thêm phần tử Best Selling Products vào bất kỳ trang nào. Flatsome sẽ tự động hiển thị các sản phẩm bán chạy dựa trên dữ liệu WooCommerce.

Có, bạn có thể sử dụng plugin như WPML hoặc Polylang để tạo website đa ngôn ngữ. Flatsome hoàn toàn tương thích với các plugin này.

Có. Vào Giao diện > Tùy chỉnh > Additional CSS, thêm mã CSS tùy chỉnh của bạn tại đây.

Một số mẹo tối ưu: Cài plugin LiteSpeed Cache hoặc WP Rocket để cache. Tối ưu hóa hình ảnh bằng Smush hoặc Imagify. Tắt các tính năng không cần thiết trong Flatsome Advanced Settings.

Vào Giao diện > Tùy chỉnh > Footer. Tùy chỉnh các cột, thêm widget, hoặc thay đổi thông tin bản quyền.

Kiểm tra phiên bản PHP: Flatsome yêu cầu PHP 7.4 trở lên. Đảm bảo tệp theme được tải đúng từ ThemeForest và không bị lỗi. Nếu lỗi vẫn xảy ra, kiểm tra log lỗi hoặc liên hệ với nhà phát triển qua ThemeForest.