[Fix] Lỗi Elementor không Load được trong WordPress

Một lỗi khá phổ biến gần đây khi mọi người sử dụng Elementor gặp phải.

Đó là phần Widget hay Menu bên trái của Elementor editor xoay mãi không thể chọn được.

Vậy lỗi này đến từ đâu?

Và làm thể nào để khắc phục lỗi này?

Elementor-khong-load-duoc

Lỗi Elementor không load được là gì?

Biểu hiện của lỗi này là khi bạn “Edit page with Elementor” bạn sẽ gặp trường hợp:

  • Menu widget bên trái loading mãi, và không thể sử dụng được.
  • Màn hình trắng xóa không thể truy cập được khi vào Elementor

elementor-khong-load-duoc

Bạn sẽ không thể kéo thả các widget từ bên trái được.

Đôi khi bạn vẫn có thể edit được các nội dung có sẵn.

Nhưng lại không thể thêm được các section hay bất cứ nội dung bên menu trái được.

5 Cách để sửa lỗi Elementor không load được

1. Kiểm tra theme hoặc plugin không tương thích

Bước đầu tiên đó là kiểm tra xem có phải plugin hoặc theme bị conflic không.

Đây cũng là một cách phổ biến, để kiếm tra khi bạn gặp lỗi khi cài một plugin nào đó.

Đầu tiên hãy deactive tất cả plugin đang cài đặt hiện tại (Active mỗi Elementor nhé).

Deactive-all-plugin

Quay lại kiểm tra xem Elementor có load được không ?

Nếu có Elementor hoạt động, thì có khả năng bạn đang bị xung đột với plugin.

Hoặc server bị hết tài nguyên.

Bắt đầu kích hoạt từng plugin một, và đồng thời kiểm tra Elementor xem bị xung với plugin nào.

Nếu gặp lỗi hãy F12 và kiểm tra xem phần console hiện thông báo gì.

F12-console

2. Kiểm tra PHP Version và PHP Memory Limit

Nếu server của bạn đang sử dụng PHP version hoặc PHP memory limit quá thấp.

Cũng sẽ dẫn đến lỗi Elementor không load được.

Elementor khuyến khích bạn sử dụng PHP version 7.0 trở lên.

Và PHP memory limit cao hơn 128Mb (nhiều addon của elementor còn yêu cầu 256Mb).

Kiểm tra PHP version với cPanel

Đăng nhập vào tài khoản hosting

Bên bảng GENERAL INFOMATION bên phải chọn Server Infomation

check-Server-infomation

Ở đây có đầy đủ thông tin server từ PHP Version….

PHP Version

Tăng PHP version với cPanel

Trong phần Software » Select PHP Version

Select-PHP-Version

Vào đó bạn sẽ có bảng chọn PHP version

Nếu bạn sử dụng Direct Admin cũng làm tương tự

Đối với một vài Elementor Add-on của bên thứ 3 sẽ yêu cầu giới hạn bộ nhớ php còn cao hơn.

Cách tăng PHP Verion khá đơn giản nếu host của bạn có Cpanel.

Hoặc hãy liên hệ với bên cung cấp với bên host để được hỗ trợ.

» Đọc hướng dẫn Tăng bộ nhớ PHP

3. Kiểm tra File .htaccess

Nếu bạn đang sử dụng Apache server (hầu hết shared hosting đều dùng)

Thì có nghĩa là bạn có thể chỉnh sửa được file .htaccess.

Đôi khi do bạn không cài đặt chính xác file này, sẽ có thể làm hỏng một vài chức năng.

Backup lại file hiện tại, và tại một file .htaccess mới.

Sau đó quay lại xem còn bị không nhé.

4. Tăng Apache Server Limit

Đôi khi server bạn sẽ bị resource limit (đạt đến giới hạn tài nguyên).

Trong trương hợp này bạn có thể tăng mức giới hạn này bằng cách:

Thêm đoạn code sau vào file .htaccess

<IfModule mod_substitute.c>
SubstituteMaxLineLength 30m
</IfModule>
LimitRequestBody 9999999

5. Thay đổi Editor Loading Method

Elementor có cung cấp một option cho phép thay đổi phương thức front-end editor.

Bạn có thể vào phần Elementor Settings Advanced tích Enable dòng “Switch Editor Loader Method”

Elementor-Switch-Editor-Loader-Method (1)

Oke giờ hãy quay lại để kiểm tra nhé 😀

Kết

Ngoài những cách nếu bạn sử dụng các Add-on bên thứ 3 cho Elementor.

Mình khuyên các bạn hãy chọn những Add-on nổi tiếng và thường xuyên được update.

Hãy tham khảo bộ Crocoblock cho Elementor, nó không chỉ hoạt động tốt mà còn luôn được update.

Chia sẻ lên:
Đăng ký
Thông báo về
guest
10 Bình Luận
Inline Feedbacks
View all comments

hùng
hùng
01/08/2019 8:30 sáng

khi deactive các plugin có ảnh hướng j đến web đang chạy ko ad

Diều Hâu
Quản trị viên
Trả lời  hùng
01/08/2019 11:49 sáng

Tất nhiên là ảnh hưởng rồi bạn.

Tính
Tính
Trả lời  Diều Hâu
07/02/2020 8:00 chiều

Có plugin WooCommerce ko tương thích Elementor. GIờ làm sao bạn, nhấn F12 thì ko thấy hiện hị gì hết. Mong bạn giúp đỡ

Diều Hâu
Quản trị viên
Trả lời  Tính
11/02/2020 11:19 chiều

Plugin WooCommerce cụ thể là plugin nào nhỉ bạn 😀

Thảo
Thảo
Trả lời  Diều Hâu
31/08/2020 3:47 chiều

mk tắt blugin woocommerce thì nó mới chạy còn bật nào báo lỗi nguồn tài nguyên như này thì làm sao bạn Failed to load resource: the server responded with a status of 500 (Internal Server Error). k thể tắt 1 trong 2

Diều Hâu
Quản trị viên
Trả lời  Thảo
01/09/2020 4:02 chiều

Khả năng cao server hơi yếu, kiểm tra lại các thông số server nhé.

Dương
Dương
15/03/2020 10:55 sáng

Elementor không load được trang cần chỉnh sửa thì làm như thế nào vậy ạ?

Diều Hâu
Quản trị viên
Trả lời  Dương
15/03/2020 2:02 chiều

Bạn làm theo hướng dẫn này nhé:
https://docs.elementor.com/article/184-cant-edit-with-elementor

Phuong
Phuong
23/06/2021 9:14 sáng

Mình bị lỗi này do Yoast seo conflict với elementor, giờ chỉ có bật safe mode để chạy.

Minh An
Quản trị viên
Trả lời  Phuong
23/06/2021 9:36 sáng

Bạn thử nâng cấp 2 cả lên version mới nhất xem sao