UX Builder là công cụ chỉnh sửa giao diện mạnh mẽ của Flatsome, theme WordPress phổ biến dành cho website bán hàng và doanh nghiệp. Tuy nhiên, đôi khi UX Builder gặp lỗi “Loading…” mãi không xong, không hiển thị giao diện, hoặc trắng trang.
Gặp lỗi UX Builder không load trên theme Flatsome WordPress? Bài viết này cùng Webo hướng dẫn chi tiết các nguyên nhân, cách khắc phục lỗi UX Builder cùng mẹo giúp hoạt động ổn định trở lại.
Nguyên nhân khiến UX Builder không load
Lỗi UX Builder không load trên theme Flatsome là tình huống khá phổ biến khi chỉnh sửa giao diện website WordPress. Khi gặp lỗi này, người dùng thường thấy UX Builder chỉ hiển thị vòng tròn xoay “Loading…” mãi, hoặc trang trắng không có nội dung hiển thị.
Nguyên nhân chủ yếu bắt nguồn từ những vấn đề kỹ thuật sau:
1. Xung đột plugin (đặc biệt là plugin cache hoặc tối ưu hiệu suất)
Đây là nguyên nhân phổ biến nhất. Các plugin như WP Rocket, Autoptimize, LiteSpeed Cache, Perfmatters hoặc Elementor, WPBakery… thường chạm tới cùng các file JS/CSS mà UX Builder sử dụng. Khi những plugin này tự động nén, gộp hoặc tối ưu mã JavaScript, chúng có thể làm hỏng cấu trúc file UX Builder, khiến trình dựng giao diện không thể khởi chạy đúng cách.
Ngoài ra, một số plugin bảo mật (như Wordfence, iThemes Security) có thể chặn request AJAX mà UX Builder cần để tải dữ liệu.
2. Phiên bản PHP hoặc WordPress không tương thích
Flatsome và UX Builder thường xuyên được cập nhật để tương thích với các phiên bản PHP và WordPress mới nhất. Nếu website của bạn vẫn đang chạy PHP cũ (7.2 hoặc thấp hơn) hoặc WordPress quá lỗi thời, UX Builder sẽ không thể hoạt động ổn định, thậm chí load mãi mà không hiển thị gì.
Ngược lại, trong một số trường hợp, nếu bạn cập nhật WordPress lên phiên bản mới mà theme hoặc UX Builder chưa được nâng cấp tương ứng, sự không tương thích giữa các hàm PHP cũng có thể gây lỗi tương tự.
3. Giới hạn bộ nhớ hoặc thời gian thực thi PHP quá thấp
UX Builder cần một lượng bộ nhớ đủ lớn để xử lý giao diện trực quan và các thành phần động. Nếu memory limit hoặc max execution time trên hosting bị giới hạn (ví dụ: 64M hoặc 128M), hệ thống dễ bị “timeout” trong quá trình tải builder. Điều này thường xảy ra với các website có nhiều hình ảnh, section hoặc module phức tạp trong giao diện.
4. Lỗi JavaScript hoặc CDN (Cloudflare, BunnyCDN, v.v.)
Các dịch vụ CDN và tối ưu như Cloudflare có thể vô tình nén hoặc thay đổi thứ tự file JavaScript khiến UX Builder không khởi chạy được.
Bên cạnh đó, nếu website có lỗi JavaScript từ một plugin hoặc đoạn code tùy chỉnh (trong header/footer), UX Builder sẽ không thể hoàn tất quá trình render giao diện, dẫn đến lỗi “Loading UX Builder” mãi không xong.
5. UX Builder hoặc Flatsome chưa được cập nhật
Flatsome thường xuyên phát hành bản vá để sửa lỗi, tối ưu hiệu năng và cải thiện khả năng tương thích với WordPress. Nếu bạn vẫn đang sử dụng UX Builder hoặc Flatsome phiên bản cũ, khả năng cao công cụ sẽ gặp lỗi khi hoạt động trên nền WordPress mới.
Ngoài ra, nếu hai plugin này không đồng bộ phiên bản với nhau (ví dụ: Flatsome 3.18 nhưng UX Builder 2.15), sự không tương thích nội bộ cũng có thể khiến trình builder không load được.
6. Vấn đề SSL hoặc mixed content (http/https lẫn lộn)
Khi website chuyển sang dùng HTTPS nhưng vẫn còn một số đường dẫn nội dung (hình ảnh, script, stylesheet) chạy HTTP, trình duyệt sẽ chặn một phần nội dung đó vì lý do bảo mật. UX Builder cần tải các file JavaScript và CSS từ chính website, nên nếu các file này bị chặn, builder sẽ không thể hiển thị.
Đây là nguyên nhân thường gặp khi bạn mới cài chứng chỉ SSL hoặc chuyển hosting mà chưa đồng bộ toàn bộ đường dẫn sang HTTPS.
Hầu hết lỗi UX Builder không load bắt nguồn từ xung đột plugin, cache hoặc cấu hình máy chủ không tương thích. Việc nắm rõ nguyên nhân sẽ giúp bạn khắc phục nhanh chóng và tránh tái diễn trong tương lai.
Hướng dẫn cách khắc phục lỗi UX Builder
Nguyên nhân chủ yếu của vấn đề này thường đến từ xung đột plugin hoặc cấu hình Memory_limit của bạn đang ở mức thấp chưa đáp ứng được với yêu cầu hệ thống mà chủ đề yêu cầu. Sau khi xác định được nguyên nhân gây ra lỗi, bạn có thể áp dụng các mẹo dưới đây để khắc phục tình trạng UX Builder trên theme Flatsome không load một cách hiệu quả. Các mẹo này áp dụng được cho hầu hết các phiên bản WordPress và Flatsome hiện nay.
Tạm tắt tất cả plugin không cần thiết
Nguyên nhân phổ biến nhất khiến UX Builder bị lỗi là do xung đột plugin. Vì vậy, bước đầu tiên là hãy thử tắt toàn bộ các plugin đang hoạt động ngoại trừ những plugin bắt buộc.
Cách thực hiện:
1. Truy cập Dashboard → Plugins → Installed Plugins.
2. Nhấn Deactivate tất cả các plugin trừ:
- Flatsome (theme chính)
- UX Builder
- WooCommerce (nếu website có bán hàng)
3. Sau đó, mở lại UX Builder và kiểm tra.
Nếu UX Builder đã load được, điều đó chứng tỏ có plugin bị xung đột. Hãy kích hoạt lại từng plugin một để xác định chính xác plugin nào gây lỗi. Khi tìm ra, bạn có thể:
- Gỡ bỏ plugin đó,
- Hoặc thay thế bằng plugin tương tự khác không xung đột.
Kiểm tra và cập nhật phiên bản PHP, WordPress, Flatsome
Phiên bản PHP cũ hoặc không tương thích là nguyên nhân khiến UX Builder hoạt động không ổn định.
Flatsome hiện nay yêu cầu PHP từ 7.4 trở lên (khuyến nghị PHP 8.0 hoặc cao hơn để đạt hiệu suất tối ưu).
Thao tác kiểm tra và cập nhật:
- Vào Tools → Site Health → Info → Server để xem phiên bản PHP.
- Cập nhật:
- WordPress lên bản mới nhất.
- Flatsome Theme và UX Builder Plugin (hai thành phần này nên có phiên bản đồng bộ).
- Sau khi cập nhật, vào Flatsome → Advanced → Clear Theme Cache để làm mới toàn bộ dữ liệu cache.
Việc cập nhật này không chỉ giúp khắc phục lỗi UX Builder không load mà còn tăng tính bảo mật và tối ưu hiệu năng tổng thể cho website.
Tăng giới hạn bộ nhớ PHP (Memory Limit)
Nếu hosting của bạn giới hạn bộ nhớ PHP quá thấp, UX Builder có thể không đủ tài nguyên để chạy, đặc biệt với website có nhiều ảnh, sản phẩm hoặc trang phức tạp.
Cách khắc phục:
1. Mở file wp-config.php trong thư mục gốc của website (qua FTP hoặc File Manager).
2. Thêm đoạn mã sau trước dòng “That’s all, stop editing!”:
define('WP_MEMORY_LIMIT', '256M');
define('WP_MAX_MEMORY_LIMIT', '512M');
set_time_limit(300); Thao tác này sẽ giúp WordPress và UX Builder có thêm dung lượng bộ nhớ và thời gian thực thi đủ lớn để hoạt động mượt mà hơn.
Kiểm tra lỗi trong Console của trình duyệt
Một trong những cách kiểm tra nguyên nhân lỗi nhanh nhất là xem log lỗi trong trình duyệt.
Cách làm:
- Mở trình duyệt Chrome (hoặc Edge).
- Nhấn F12 → chọn tab Console.
- Làm mới trang UX Builder và quan sát xem có dòng lỗi nào xuất hiện không.
Nếu thấy các lỗi như:
Failed to load resource: the server responded with a status of 500
Uncaught TypeError: Cannot read property ...thì rất có thể website bị ảnh hưởng bởi plugin nén hoặc gộp file JS/CSS như Autoptimize, WP Rocket, LiteSpeed Cache, v.v.
Tạm tắt Cloudflare hoặc CDN (nếu có sử dụng)
Nếu website của bạn đang sử dụng CDN (như Cloudflare, BunnyCDN, StackPath, v.v.), có thể một số file JavaScript của UX Builder bị nén hoặc chặn bởi các dịch vụ này.
Cách xử lý trên Cloudflare:
1. Truy cập Cloudflare Dashboard.
2. Vào Caching → Purge Everything để xóa toàn bộ bộ nhớ đệm.
3. Chuyển đến Speed → Optimization, tắt Rocket Loader (tính năng này thường gây xung đột với các script của WordPress).
4. Sau đó, tải lại UX Builder để kiểm tra.
Nếu website load bình thường sau khi tắt Cloudflare, bạn có thể giữ nguyên cấu hình đó hoặc thêm UX Builder vào danh sách “bỏ qua tối ưu”.
Bật chế độ Safe Mode của Flatsome
Flatsome có tích hợp sẵn Safe Mode, giúp bạn chạy UX Builder trong môi trường an toàn – tức là tạm thời vô hiệu hóa các script, plugin và CSS bên ngoài.
Thao tác:
- Vào Flatsome → Advanced → Safe Mode → Enable.
- Sau đó mở UX Builder.
Nếu UX Builder load bình thường trong Safe Mode, có nghĩa là lỗi đến từ plugin hoặc JS bên ngoài.
Kiểm tra file admin-ajax.php
UX Builder sử dụng file admin-ajax.php để gửi và nhận dữ liệu giữa trình duyệt và máy chủ. Nếu file này bị chặn hoặc giới hạn quyền truy cập, UX Builder sẽ không thể load nội dung.
Cách kiểm tra:
Truy cập trình duyệt và gõ:
https://tenmiencuaban.com/wp-admin/admin-ajax.php- Nếu trang hiển thị “0” → nghĩa là bình thường.
- Nếu hiện 403 (Forbidden) hoặc 404 (Not Found) → file bị chặn hoặc sai phân quyền.
→ Bạn cần liên hệ đội ngũ kỹ thuật hoặc hosting để mở quyền truy cập cho file này.
Dọn cache và rebuild lại CSS
Sau khi thực hiện các bước khắc phục, bạn nên xóa toàn bộ cache để loại bỏ dữ liệu cũ.
Thao tác:
- Xóa cache của các plugin tối ưu (WP Rocket, LiteSpeed Cache, v.v.).
- Xóa cache theme: Flatsome → Advanced → Clear Theme Cache.
- Nếu dùng CDN, hãy Purge cache luôn.
- Cuối cùng, vào Appearance → Customize → Publish để build lại CSS cho toàn bộ giao diện.
Bước này đảm bảo UX Builder hiển thị chính xác và không bị dính cache lỗi từ trước.
Gỡ và cài đặt lại UX Builder
Nếu đã thử tất cả các cách trên mà UX Builder vẫn không hoạt động, giải pháp cuối cùng là gỡ bỏ plugin UX Builder và cài lại bản mới nhất.
Cách làm:
1. Truy cập Plugins → Installed Plugins → Deactivate và Delete UX Builder.
2. Mở gói theme Flatsome đã tải về từ ThemeForest hoặc website mua bản quyền.
3. Tìm thư mục:
/plugins/ux-builder.zip4. Quay lại WordPress → Plugins → Add New → Upload Plugin → chọn file vừa tìm được → Install Now.
5. Kích hoạt lại plugin và thử mở UX Builder.
Các cách trên sẽ giúp bạn khắc phục hầu hết lỗi UX Builder không load trên Flatsome, bao gồm lỗi do plugin, cache, CDN hay giới hạn bộ nhớ. Nếu sau khi thử vẫn gặp lỗi, bạn nên liên hệ đơn vị cung cấp hosting hoặc đội ngũ hỗ trợ kỹ thuật của theme Flatsome để được kiểm tra chi tiết hơn.
Tóm lại, lỗi UX Builder không load trên theme Flatsome tuy phổ biến nhưng không quá khó khắc phục. Phần lớn nguyên nhân đến từ xung đột plugin, cache hoặc cấu hình hosting chưa phù hợp. Việc cập nhật WordPress, Flatsome và UX Builder thường xuyên, giới hạn số plugin tối ưu, và dọn cache định kỳ sẽ giúp website hoạt động ổn định hơn.
Nếu bạn đã thử mọi cách mà lỗi vẫn còn, hãy liên hệ đội ngũ kỹ thuật WordPress tại Hệ thống tạo website tự động Webo để được hỗ trợ kiểm tra và xử lý triệt để – đảm bảo UX Builder luôn chạy mượt và website của bạn vận hành tối ưu nhất.