Khi sử dụng WordPress bạn sẽ được hỗ trợ bởi các page builder hay plugin tạo trang đơn giản mà ai cũng có thể sử dụng được. Trong đó, Elementor là một trong số các plugin tạo trang bằng cách kéo - thả để chỉnh sửa website phổ biến nhất hiện nay. Và nếu bạn chưa biết Elementor là gì thì trong bài viết này tôi sẽ cung cấp những thông tin về Elementor để bạn có thể nắm được các tính năng và cách sử dụng nó.
I. Elementor là gì?
Elementor là Plugin Page Builder giúp bạn tạo các trang WordPress đẹp mắt một cách dễ dàng. Chỉ với các thao tác kéo thả đơn giản là bạn đã sở hữu được một website theo ý muốn. Vì vậy, với Elementor các bạn không rành về Code cũng có thể tạo được website cho riêng mình.
Elementor được xây dựng dựa trên yếu tố cốt lõi là tốc độ tải vì vậy mà bạn có thể thấy nó xử lý rất nhanh tất cả yêu cầu. Plugin này cho phép bạn chỉnh sửa trang với trình trực quan để bạn dễ nhìn nhất. Nó sẽ có những tiện ích về văn bản, hình ảnh đến khu vực hiển thị lời chứng thực, đánh giá của khách hàng, thanh trượt, biểu tượng, tab, phương tiện truyền thông xã hội,... mỗi tiện ích đều sẽ có cách cài đặt riêng và rất dễ sử dụng.
Plugin này còn cho phép bạn thêm những phần tử được tạo ra từ các Plugin khác của WordPress. Ngoài ra, Elementor còn sở hữu nhiều mẫu sẵn có để bạn dễ sử dụng và chỉnh sửa ngay tức thời. Chỉ với vài cú click chuột đơn giản là bạn đã sửa được bất kỳ mục nào trên trang hay thay thế bằng nội dung của riêng mình.
Nhờ sự thiết lập đơn giản lại tiện lợi nên Elementor là một trong những Plugin được cài đặt nhiều nhất. Hiện nay trên WordPress đã có hơn 5 triệu người cài đặt và sử dụng.
II. Khi nào nên sử dụng Elementor Pro
Mục đích của Elementor là giúp cho những ai không biết gì về lập trình nhưng vẫn có thể tự xây dựng website theo ý thích của mình. Thay vì những tính năng cơ bản như thêm hình ảnh, thêm chữ như ở WordPress Editor.
Elementor sẽ giúp bạn tạo các Layout với các hàng và cột để dễ dàng và tối ưu hơn. Với phiên bản Elementor Pro, bạn sẽ thoải mái xây dựng Page Contact, Homepage hay giới thiệu sản phẩm. Nó sẽ giúp bạn thoải mái sáng tạo và tự thiết kế website theo ý muốn của mình.
Tuy nhiên không phải website nào cũng cần phải cài Elementor cho dù phí không quá lớn đối với một website nhưng theo tôi bạn hãy sử dụng cho mục đích khác. Nếu bạn mới làm website thì chỉ cần phiên bản miễn phí là đủ tất nhiên là bạn có thể tạo ra một website bán hàng đẹp mà không gặp vấn đề gì.
Còn nếu bạn muốn phát triển website, cần nâng cấp tính năng và giao diện thì hãy dùng Elementor Pro. Việc này sẽ cho phép bạn có thể tạo bất kỳ mẫu thiết kế nào mà mình thích. Không những vậy, bạn sẽ xây dựng website theo phong cách riêng của mình. Ngoài ra, nhờ trình Popup sẽ giúp bạn gia tăng tỷ lệ chuyển đổi đáng kể.
III. Yêu cầu khi sử dụng Elementor Pro
Khi sử dụng phiên bản Elementor Pro, bạn cần chuẩn bị một số yêu cầu hệ thống sau:
- Bạn cần nâng cấp WordPress 5.0 trở lên vì Elementor chỉ hoạt động được ở phiên bản này.
- Nếu Website của bạn lưu trữ ở máy chủ có phiên bản cũ hơn PHP 7 thì có thể gặp sự cố. Vì vậy, hãy liên hệ ngay với nhà cung cấp dịch vụ để nâng cấp lên bản mới nhất.
- Website bạn cần sở hữu MySQL phiên bản 5.6 trở lên hoặc MariaDB phiên bản 10.0 trở lên.
- Ngoài ra, bộ nhớ Website phải từ 128MB trở lên, ưu tiên cho bộ nhớ 256MB hoặc cao hơn.
- Nếu như bạn đang lưu trữ tại WordPress thì hãy thêm SSL vào Website của mình. Còn với nhà cung cấp khác thì hãy đảm bảo họ sửa đổi ReplaceMaxLineLength của máy chủ cho bạn.
- Đối với trình duyệt thì bạn nên sử dụng Firefox, Chrome, Safari, Microsoft Edge phiên bản 79 trở lên.
- Bạn chỉ có thể chỉnh sửa trang bằng Elementor trên máy tính để bàn vì trên máy tính bảng và điện thoại di động chưa được hỗ trợ.
- Tốt nhất là bạn nên bật phần mở rộng PHP Zlib trên máy chủ của mình.
IV. Ưu và nhược điểm của Elementor
Sau đây tôi sẽ cung cấp những thông tin về ưu điểm và mặt hạn chế của Elementor:
Ưu điểm:
- Hiện Elementor có sẵn bản miễn phí và trả phí, bạn có thể tự do chọn phiên bản phù hợp.
- Elementor rất dễ sử dụng và nó mang lại cho bạn khá nhiều tính năng ấn tượng.
- Nó cho phép bạn tự do lựa chọn bố cục và các thiết kế cho website của mình. Bạn sẽ không cần bất kỳ kỹ năng nào về CSS, HTML hay PHP để thiết kế website của mình.
- Elementor còn cung cấp bản xem trước thời gian thực để bạn có thể xem lại thiết kế của mình. Từ đó, bạn sẽ có cách nhìn trực quan nhất trong quá trình chỉnh sửa bố cục và nội dung.
- Với mẫu Canvas, bạn dễ dàng ẩn vùng Sidebar, Header, Footer,… bằng cách sử dụng các phần tử của Elementor. Nhờ vậy mà bạn sẽ trình bày được một chủ đề riêng biệt với nội dung bắt mắt.
- Dễ dàng điều chỉnh chế độ xem trên máy tính bảng, máy tính và thiết bị di động. Elementor cho phép bạn tự điều chỉnh bố cục riêng biệt và phù hợp cho từng thiết bị khác nhau.
- Bạn có thể thêm hoặc bớt các bố cục, phần tử và thiết kế nâng cao cho website và nội dung. Ngoài ra, bạn sẽ dễ dàng di chuyển các phần tử từ biểu mẫu, hình ảnh cho đến các nút bằng cách kéo thả.
- Đây còn được xem là một công cụ giúp tạo Landing Page một cách cực chuyên nghiệp. Với tính năng này, bạn sẽ không cần phải học qua khóa học về lập trình web.
Nhược điểm:
- Trong quá trình sử dụng, không có nút hoàn tác và List lịch sử sửa đổi không phải lúc nào cũng phù hợp cho tất cả người sử dụng.
- Bạn sẽ cần một thời gian để học tập và sử dụng thành thạo Plugin.
- Nếu bạn hủy kích hoạt Plugin thì bố cục sẽ dễ dàng bị phá vỡ, đây là nhược điểm chung của mọi Page Builder.
- Tính năng API thì chưa được tích hợp với nhiều dịch vụ ở bên ngoài.
V. Cài đặt và cấu hình Elementor
Qua những tính năng và ưu điểm vượt trội mà tôi vừa đề cập bên trên thì chắc bạn đã muốn cài đặt cho website của mình công cụ này. Sau đây tôi sẽ cung cấp chi tiết từng bước để bạn có thể cài đặt với phiên bản miễn phí và trả phí.
Phiên bản Elementor Free
Elementor là một Plugin thông thường nên cách cài đặt cũng không khác biệt, bạn có thể thực hiện theo các bước sau:
Bước 1: Đầu tiên, bạn đăng nhập vào giao diện quản trị của WordPress. Sau đó, bạn chọn Plugin và click vào mục cài mới.
Bước 2: Tại thanh công cụ tìm kiếm, bạn tìm từ khóa Elementor và chọn tiếp vào mục cài đặt
Bước 3: Sau khi quá trình cài đặt hoàn thành thì bạn click vào mục Kích Hoạt là hoàn thành.
Ngoài ra, bạn có thể đến trang chủ của Elementor để Download trực tiếp Plugin này. Sau đó, bạn làm theo hướng dẫn để hoàn thành bước cài đặt Elementor bản miễn phí.
Phiên bản Elementor Pro
Đầu tiên bạn cần cài đặt Plugin Elementor miễn phí trước, sau đó mới mua phiên bản Elementor Pro. Sau khi đã mua gói thích hợp thì bạn sẽ được cấp một tài khoản riêng biệt thông qua Email. Khi đăng nhập vào trang của Elementor, sẽ có mụcDownload Elementor Pro và kèm theo đó là License Key. Lưu ý, đây là Key để giúp bạn kích hoạt bản quyền mà mình vừa mua.
- Bước 1: Truy cập vào trang My.elementor.com và dùng thông tin trên email nhận được để đăng nhập.
- Bước 2: Bạn vào phần tài khoản của tôi để tải Plugin bằng tệp .zip về máy tính để bàn.
- Bước 3: Sau đó, bạn vào trang WordPress để thêm và cài đặt Plugin vừa tải về.
- Bước 4: Khi đã cài đặt xong, bạn sẽ nhận được thông báo kích hoạt trên đầu bảng điều khiển.
- Bước 5: Bạn vào phần Elementor và chọn tiếp License, sau đó nhập License Key để kích hoạt Plugin.
- Bước 6: Tiếp theo click vào Setting và chọn qua Tab General, sao đó là click chọn Post & Page. Bước này có nghĩa là bạn cho phép Elementor hoạt động trên cả Page và bài Post.
- Bước 7: Cuối cùng chuyển sang Tab Integrations để bạn kết nối với dịch vụ bên thứ ba bằng API Key. Mục đích là để Elementor tự động kết nối danh bạ sẵn có khi bạn tạo Form thu thập Email.
Vậy bạn đã cài đặt xong, bạn nên hiểu thêm cấu trúc Layout như sau:
- Section: Là khu vực làm việc trên trang và mỗi trang sẽ gồm nhiều Section khác nhau.
- Inner Section: Mỗi một Section, bạn có thể thêm nhiều mục con tuy nhiên nó không bắt buộc phải có.
- Cột: Phần cột này sẽ nằm trong các Section hoặc Inner Section và mỗi phần sẽ có thể có nhiều cột.
- Element: Trong mỗi cột lại có nhiều đối tượng nữa và đối tượng này có thể là văn bản, icon, hình ảnh, video,…
VI. Giá và bản quyền sử dụng Elementor
Bản quyền của Elementor gồm có 4 loại, sau đây tôi sẽ cung cấp điểm khác nhau giữa các bản Elementor:
Gói miễn phí:
- Bạn sẽ không mất phí khi sử dụng phiên bản này.
- Bạn sẽ được sử dụng các thao tác kéo thả để thiết kế giao diện, nội dung cho Website của mình.
- Ngoài ra, bạn sẽ được cung cấp hơn 40 Widgets và hơn 30 Templates cơ bản.
Gói Personal:
- Có giá là 49 USD/ năm sử dụng cho một Website.
- Với hơn 300 Templates, hơn 50 Widgets, hơn 10 mẫu Template Website.
- Ngoài ra, bạn sẽ được hỗ trợ và Updates phiên bản mới miễn phí trong suốt một năm.
Gói Business:
- Có giá là 99 USD/ năm sử dụng cho 3 Websites.
- Với hơn 300 Templates, hơn 50 Widgets, hơn 10 mẫu Template Website.
- Bạn sẽ được hỗ trợ và Updates các phiên bản mới miễn phí trong suốt thời gian sử dụng.
Gói Unlimited:
- Có giá là 199 USD/ năm sử dụng cho 1000 Websites.
- Với hơn 300 Templates, hơn 50 Widgets, hơn 10 mẫu Template Website.
- Bạn cũng sẽ được hỗ trợ và Updates phiên bản mới miễn phí trong suốt 1 năm.
VII. Khả năng tương thích của Elementor
Phiên bản Elementor Pro sẽ hoạt động tốt ở hầu hết mọi theme của WordPress. Nhờ có đội ngũ kiểm tra thường xuyên trên nhiều môi trường khác nhau. Vì vậy mà Plugin này hầu như sẽ không có lỗi phát sinh.
Hiện nay, Elementor có một bản Template Full-Width và một Template Full-Screen thích hợp cho nhiều lựa chọn khác nhau. Bạn có thể sử dụng chúng để tạo Landing Page nhưng ẩn Layout Header hay Footer hoặc ẩn cả hai.
Phiên bản Elementor Pro còn được thêm tính năng Theme Builder. Nó giúp bạn có thể chọn Template mẫu sẵn có và xây dựng Website thích hợp dựa trên mẫu này. Bạn có thể dễ dàng thêm, xóa hay chỉnh sửa thành nội dung hay thành phần mà bạn thích.
VIII. Khi nào nên thiết kế website bằng Elementor?
Việc thiết kế website bằng Elementor rất quan trọng nếu bạn không phải là một coder chuyên nghiệp. Người dùng có thể tự do tạo trang web, giới thiệu sản phẩm và trang liên lạc theo nhu cầu của họ với các tính năng đa dạng như tạo Layout.
Ngoài ra, phiên bản Pro là một công cụ tuyệt vời để sử dụng nếu bạn muốn phát triển và tạo trang web chuyên nghiệp hơn. Nó cung cấp nhiều tính năng và đáp ứng nhu cầu
IX. Cách thiết kế website bằng Elementor
1. Cài đặt phiên bản miễn phí
- Tại giao diện dashboard của WordPress, nhấp vào plugin, sau đó chọn “Cài mới”.
- Trong giao diện trang “Cài mới”, bạn tìm kiếm “Elementor” tại mục tìm kiếm. Sau khi hiển thị kết quả, bạn cài đặt “Elementor Website Builder” và chọn “kích hoạt”.
2. Cài đặt phiên bản trả phí
Đầu tiên, bạn cần cài đặt Elementor miễn phí rồi mua trả phí. Khi đó bạn sẽ được cấp một tài khoản và được gửi vào email. Bạn tiến hành đăng nhập, mục tải bản Pro sẽ hiện ra.
3. Các bước cơ bản để sử dụng
- Đầu tiên, bạn cần tạo một trang mới và chọn “Edit with Elementor”.
- Sau đó vào Elementor Page Editor.
- Bạn nhấp vào thanh Elementor ở bên trái để thiết kế website WordPress của bạn.
- Giờ bạn chỉ cần chọn, giữ và kéo những tiện ích đã chọn đến vị trí bạn muốn thêm module.
- Tìm kiếm các yếu tố như hình ảnh, tiêu đề hoặc các yếu tố nâng cao hơn để tùy chỉnh website của mình.
- Ở góc trái, bạn chọn “hamburger” và chọn “site settings” và lựa chọn font chữ, màu hoặc định cấu hình cài đặt chung cho website.
- Cuối cùng, ở cuối bảng, bạn nhấp vào mục “history” để truy cập mục được tích hợp sẵn “revision history”.
4. Cách tạo và sử dụng template sẵn có
- Đầu tiên bạn cần đăng ký hoặc đăng nhập để kết nối.
- Kéo đến cuối trang, tại mục Add widget here, bạn nhấp vào folder trắng.
- Sau đó, thư viện templates sẽ hiện ra. Bạn nhấp vào biểu tượng kính lúp hoặc di chuột đến một trong những template sẵn có.
- Nhấp vào nút Insert để Import demo template đó vào trang của bạn.
- Cuối cùng insert template mà bạn mong muốn.