Hotline : 1800 1093 - 07 088 44444
Share

Elementor là gì? Hướng dẫn sử dụng Elementor trong WordPress

20/12/2021

Hiện nay, khi sử dụng WordPress bạn không cần phải biết code vì đã có các công cụ, plugin tạo trang đơn giản mà ai cũng có thể sử dụng được. Elementor là một trong số các plugin tạo trang bằng cách kéo – thả phổ biến nhất.

Trong bài viết này, bạn sẽ được tìm hiểu về plugin Elementor và cách nó có thể giúp bạn xây dựng một website WordPress một cách nhanh chóng bởi nhiều tính năng độc đáo của nó.

Elementor là gì?

Elementor là một trình tạo trang (Page Builder) drag-and-drop (kéo – thả) cho WordPress. Plugin này giúp bạn tạo các trang WordPress một cách dễ dàng bằng Visual Editor. Có nghĩa là Elementor sẽ giúp bạn thiết kế website trực quan để bạn có thể dễ nhìn thấy sự thay đổi ngay lập tức.

Giới thiệu plugin Elementor là gì?
Giới thiệu plugin Elementor là gì?

Plugin Elementor này là một giải pháp all-in-one, cho phép kiểm soát mọi phần trong việc thiết kế website của bạn trên một nền tảng duy nhất. Bạn có thể tùy chỉnh website để phù hợp với thương hiệu của mình bằng các hiệu ứng chuyển động, nhiều font chữ và background.

Tại sao nên sử dụng Elementor?

Nếu bạn không có kiến thức sâu về công nghệ, Elementor cho phép bạn linh hoạt kéo – thả bất kỳ tiện ích nào trong số hơn 90 tiện ích để tạo nội dung. Đối với các lập trình viên WordPress, nó vẫn là một công cụ được lựa chọn hàng đầu với tính năng tối ưu hóa các script, các thuộc tính tùy chỉnh và các phiên bản khôi phục.

Elementor với những tiện ích, tính năng về văn bản, images, tab, social, icon, table,…rất nhiều các tính năng khác trong plugin này và mỗi tiện ích của nó sẽ có những đặc điểm và cách cài đặt riêng, Nhưng nhìn chùng, thì plugin này rất dễ sử dụng kể cả các chuyên gia hay người mới bắt đầu.

Đây là một công cụ hiệu quả để xây dựng mọi thứ trên website WordPress. Bạn có thể thiết kế các trang bán hàng, trang khuyến mãi và thậm chí cả các form,…

Ưu điểm và nhược điểm của Elementor

Ưu và nhược điểm của Elementor là gì, Vietnix sẽ tóm tắt và liệt kê một số những điểm nổi bật dưới đây:

Ưu điểmNhược điểm
Nhiều sự lựa chọn với Elementor Free và Elementor ProHủy kích hoạt plugin thì bố cục bị phá vỡ
Nhiều tính năng, tiện íchCần nhiều thời gian để thực hành
Tùy chỉnh layout dễ dàng mà không cần biết codeTính năng API chưa được tích hợp nhiều
Chỉnh sửa với nhiều phiên bản, thiết bị
Thao tác đơn giản và dễ sử dụng

Ưu điểm

  • Elementor có 2 phiên bản: Elementor và Elementor Pro (trả phí), giúp bạn có thêm nhiều sự lựa chọn phù hợp.
  • Elementor với nhiều tính năng, tiện ích và rất dễ sử dụng dù là chuyên gia hay người mới bắt đầu đều có thể tiếp cận được.
  • Nó cho bạn tùy chỉnh, thay đổi bố cục của trang tùy thuộc vào ý muốn của bạn mà không cần phải biết code HTML, CSS hay PHP.
  • Elementor là một trình tạo trang trực quan giúp bạn có thể xem trước được những thay đổi trong việc thiết kế.
  • Sở hữu kho template giúp bạn có thể nhiều ý tưởng để hoàn thiện trang của mình.
  • Elementor với nhiều phiên bản: desktop, tablet, mobile. Tính năng này, bạn có thể chỉnh sửa website thân thiện với các thiết bị khác nhau.
  • Di chuyển, copy, xóa các phần tử trong cùng 1 trang với vài thao tác đơn giản.

Nhược điểm

  • Khi hủy kích hoạt plugin Elementor thì bố cục trên trang sẽ dễ dàng bị phá vỡ. Đây là nhược điểm của mọi plugin Page Builder.
  • Cần nhiều thời gian để tìm hiểu và thao tác để có thể chỉnh sửa chuyên nghiệp.
  • Tính năng API chưa được tích hợp nhiều.

Hướng dẫn cách cài đặt plugin Elementor

Qua những phần được liệt kê ở trên, chắc hẳn bạn cũng tò mò và muốn cài đặt ngay plugin Elementor cho website WordPress của mình. Giống như các plugin WordPress khác, cài đặt Elementor cùng giống như vậy, rất nhanh chóng và đơn giản. Có hai cách để cài đặt:

Cài đặt Elementor qua Elementor.com

  • Bước 1: Truy cập Elementor.com và click và Get Started như hình dưới.
Truy cập vào website Elementor.com
Truy cập vào website Elementor.com
  • Bước 2: Điền địa chỉ email và mật khẩu để tạo một account mới.
Tạo account trong Elementor
Tạo account trong Elementor
  • Bước 3: Trả lời một số câu hỏi về website.
Trả lời một số câu hỏi website
Trả lời một số câu hỏi website
  • Bước 4: Lựa chọn cách thức bạn muốn xây dựng website của mình.

1. Bạn có thể mua plugin Elementor Pro .

2. Hoặc một gói bao gồm plugin Elementor và cài đặt và WordPress hosting.

Bạn cũng có thể xem các gói chuyên nghiệp khác hoặc bắt đầu với phiên bản miễn phí.

Các gói trong Elementor
Các gói trong Elementor
  • Bước 5: Elementor yêu cầu bạn phải có website WordPress đang hoạt động, hãy nhập “tên domain” website của bạn vào trình kiểm tra của chúng để đảm bảo trang web của bạn nằm trên nền tảng WordPress.
Nhập tên domain WordPress của bạn
Nhập tên domain WordPress của bạn
  • Bước 6: Sau khi khả năng tương thích của website được xác nhận, hãy nhấp vào Install Elementor.
Bắt đầu nhấn Install để cài đặt Elementor
Bắt đầu nhấn Install để cài đặt Elementor

Bước 7: Bạn sẽ được chuyển hướng đến trang đăng nhập Admin website của mình, hãy tiếp tục và đăng nhập. Nếu bạn đã đăng nhập, bạn sẽ được đưa trực tiếp đến trang plugin Elementor. Nhấp vào Install ngay ở góc dưới cùng bên phải.

Trang Elementor Plugin
Trang Elementor Plugin
  • Bước 8: Sau đó, đến một trang có thông báo xác nhận. Nhấp vào Active Plugin.
Xác nhận cài đặt Elementor
Xác nhận cài đặt Elementor

Cài đặt Elementor với WordPress Dashboard

  • Bước 1: Từ Dashboard, nhấp vào Plugins > Add New như hình dưới.
  • Bước 2: Trong hộp tìm kiếm, nhập “Elementor” và chọn Elementor Website Builder.
Cài đặt Elementor trên WordPress
Cài đặt Elementor trên WordPress
  • Bước 3: Nhấp vào Install Now. Sau khi cài đặt, nhấp vào Activate để kích hoạt plugin Eleentor.
Kích hoạt plugin Elementor
Kích hoạt plugin Elementor

Trình tạo trang Elementor sẽ tự động được thêm vào chức năng bên trái trong Dashboard. Tuy nhiên, khi click vào Elementor ở thanh bên chỉ có tác dụng cài đặt một số tính năng nâng cao của plugin này. Mà bạn phải truy cập vào Pages để tạo và chỉnh sửa trang được tích hợp Elementor trong đó.

Cài đặt nâng cao tính năng trogn Elementor
Cài đặt nâng cao tính năng trogn Elementor

Cách sử dụng Elementor trong WordPress

Với Elementor, bạn có thể sáng tạo thiết kế của mình và biến nó trở thành hiện thực. Edit trực tiếp trên trang giúp quá trình này trở nên dễ dàng bằng cách cho phép bạn xem từng yếu tố khi bạn thiết kế nó. Hãy khám phá cách sử dụng trình chỉnh sửa Elementor.

Hướng dẫn cách dùng Elementor

Elementor mang đến một thiết kế trực quan cho người dùng. Vì vậy, bạn có thể tìm hiểu những kiến thức cơ bản chỉ trong vài phút.

  • Bước 1: Để bắt đầu, hãy tạo một page hoặc post mới và nhấp vào Edit with Elementor.
Tạo page mới với Elementor
Tạo page mới với Elementor
  • Bước 2: Bạn sẽ cần phải vào Elementor Page Editor.
Sử dụng Elementor
Sử dụng Elementor

Bước 3: Ở phía bên trái, bạn sẽ thấy thanh Elementor với tất cả các tính năng drag-and-drop mà bạn có thể sử dụng để xây dựng website WordPress của bạn.

Trước khi bắt đầu sử dụng, bạn phải hiểu rằng Elementor bao gồm ba block chính: Sections, Columns Widget.

Các Sections là block lớn nhất, trong Sections, bạn có thể thêm Columns và Widget được đặt trong Columns.

Elementor sẽ cho biết bạn có sử dụng tiện ích ở đâu bằng cách đánh dấu các Sections và Columns trong khung màu xanh lam. Lưu ý rằng bạn không thể kéo các tiện ích con vào thanh điều hướng hoặc tiêu đề.

Elementor với một phần được đánh dấu màu xanh lam, bạn có thể chỉnh sửa Sections, Columns và Widgets bằng cách sử dụng phần màu xanh lam này. Chỉ cần nhấp chuột phải vào nó để chỉnh sửa các block.

Section trong Elementor
Section trong Elementor
  • Bước 4: Bây giờ, chỉ cần nhấp, giữ và kéo tiện ích con đến vị trí bạn muốn thêm module mới.
elementor
  • Bước 5: Bạn có thể tìm kiếm các widget cụ thể để tùy chỉnh trang của mình. Chọn các yếu tố cơ bản như heading, image gallery hoặc các yếu tố nâng cao hơn như animated headlinestestimonial carousels.
Các tiện ích có trong Elementor
Các tiện ích có trong Elementor
  • Bước 6: Nhấp vào nút hamburger ở góc trái, sau đó nhấp vào Site Settings. Trong menu này, bạn có thể tùy chọn và cài đặt lại màu và font chữ mặc định cho các trang của mình. Bạn cũng có thể định cấu hình cài đặt chung cho toàn bộ website của mình trên Elementor.
Cài đặt và định cấu hình chung cho toàn trang khi sử dụng Elementor
Cài đặt và định cấu hình chung cho toàn trang khi sử dụng Elementor
  • Bước 7: Cuối cùng, bạn có thể nhấp vào biểu tượng History ở cuối bảng để truy cập phần Revision History được tích hợp sẵn của Elementor.

Trong tab Actions, bạn có thể theo dõi các thay đổi của mình, di chuyển qua lại giữa mỗi action. Trong tab Revision, bạn có thể chuyển đổi giữa các bản sửa đổi của mình và hoàn tác về bất kỳ phiên bản nào trước đó.

Xem lại History trong Elementor
Xem lại History trong Elementor

Cách tạo page đầu tiên trong Elementor

Elementor thường nổi bật hơn so với các đối thủ cạnh tranh vì tính dễ sử dụng của nó. Ban có thể tham khảo một số cách đơn giản nhất dưới đây và có thể áp dụng ngay cho website của mình.

  • Bước 1: Truy cập Dashboard của WordPress.
  • Bước 2: Nhấp vào Page, sau đó chọn Add New.
  • Bước 3: Nhấp vào Edit with Elementor.
  • Bước 4: Elementor sẽ load như sau:
Tạo trang mới với Elementor
Tạo trang mới với Elementor
  • Bước 5: Tiếp theo, thêm tiện ích Heading, Text Editor và Image.
Thêm tiện ích cơ bản vào trang
Thêm tiện ích cơ bản vào trang
  • Bước 6: Sau khi kéo nó vào vị trí mong muốn, bạn có thể chỉnh sửa từng tiện ích cho phù hợp với nội dung của bạn. Nhấp vào nút Publish để hoàn tất.
  • Bước 7: Khi bạn thiết xong trang của mình, bạn có thể preview trước khi publish nó. Để bắt đầu, hãy chuyển đến bảng điều khiển ở bên trái của Elementor.
  • Bước 8: Để Preview trang, hãy nhấp vào biểu tượng con mắt.
  • Bước 9: Nhấp vào chữ Publish phía dưới để Xuất bản trang lên website.

Elementor Templates

Templates là các Page Block được thiết kế sẵn để giúp bạn thiết kế website WordPress của mình. Các page là bố cục với nội dung đầy đủ, trong khi Block là các phần có các tiện ích con được tạo sẵn.

Elementor cung cấp cho bạn đầy đủ giấy phép để sử dụng bất kỳ templates nào cho doanh nghiệp. Có riêng phần để tìm kiếm các templates cụ thể. Thêm vào đó, tất cả các templates đều đáp ứng trên thiết bị di động. Bạn có thể chèn chúng vào bất kỳ trang nào chỉ với một cú nhấp chuột.

  • Bước 1: Bên trong Elementor, điều hướng đến cuối trang, nơi có phần Add widget here. Bấm vào folder màu trắng.
  • Bước 2: Một thư viện templates sẽ hiện ra. Để xem trước một template, nhấp vào biểu tượng kính lúp hoặc trên hình ảnh. Hoặc chỉ cần di chuột qua một trong những template đó.
elementor
  • Bước 3: Nhấp vào nút Insert để Import demo template đó vào trang của bạn.
  • Bước 4: Nếu bạn chưa kết nối với thư viện template của Elementor, nó sẽ nhắc bạn làm như vậy. Elementor sẽ tự động chuyển hướng bạn đến website của nó, nơi bạn có thể đăng ký hoặc đăng nhập.
elementor
  • Bước 5: Sau khi bạn đăng ký hoặc đăng nhập, kết nối của bạn sẽ được xác nhận.
  • Bước 6: Quay lại trang bạn muốn chỉnh sửa và Insert template mà bạn mong muốn.

Cách sử dụng các tính năng nâng cao trong Elementor

Phiên bản pro của Elementor cung cấp các tính năng nâng cao giúp website bạn trở nên chuyên nghiệp hơn. Bạn có quyền truy cập vào nhiều tiện ích hơn là phiên bản Elementor miễn phí.

Cách tạo Popup trong Elementor

Popup form giúp bạn nắm bắt địa chỉ email từ những khách hàng tiềm năng. Elementor giúp việc tạo các form này dễ dàng hơn với pop-up builder. Làm theo các hướng dẫn sau để tạo popup cho riêng bạn.

  • Bước 1: Trong WordPress Dashboard, đi tới Templates>Popups>Add New.
  • Bước 2: Đặt tên cho template của bạn và nhấp vào Create Template.
  • Bước 3: Chọn một template từ Library hoặc tạo một thiết kế riêng của bạn.
  • Bước 4: Nhấp vào Publish, sau đó SaveClose.
  • Bước 5: Mở một trang mới trong Elementor (Ctrl + E cho người dùng PC, Command + E cho người dùng Mac).
  • Bước 6: Kéo vào một widget.
  • Bước 7: Trong Layout, chọn Link > Dynamic > Actions > Popup.
  • Bước 8: Vào Popup > và chọn popup mà bạn đã tạo.
  • Bước 9: Vào live page.
  • Bước 10: Sau đó, bấm vào button và popup sẽ xuất hiện
elementor

Cách chỉnh sửa trang sản phẩm WooCommerce trong Elementor

WooCommerce là một nền tảng thương mại điện tử phổ biến giúp bạn xây dựng cửa hàng online cho doanh nghiệp của mình. Cùng với Elementor, bạn sẽ tạo ra các trang sản phẩm để tăng doanh số bán hàng của mình.

Trước khi có thể tùy chỉnh trang sản phẩm của mình, bạn cần cài đặt và kích hoạt plugin WooCommerce và Elementor vào WordPress Dashboard của mình.

Sau khi thiết lập, bạn có thể thiết kế trang sản phẩm của mình. Hãy làm theo các bước sau:

  • Bước 1: Trong WordPress Dashboard, đi tới Elementor>My Templates.
  • Bước 2: Nhấp vào nút Add New.
  • Bước 3: Chọn Single Product làm template và nhấp vào Create Template.
Chỉnh sửa trang WooCommerce
Chỉnh sửa trang WooCommerce
  • Bước 4: Elementor Library sẽ được load.
  • Bước 5: Tiếp theo, chọn template được thiết kế sẵn hoặc tạo một template từ đầu.
Chọn template trong thư viện Elementor
Chọn template trong thư viện Elementor
  • Bước 6: Trong template, thêm các tiện ích sản phẩm khác nhau để tùy chỉnh trang của bạn.
Tùy chỉnh các tiện ích sản phẩm
Tùy chỉnh các tiện ích sản phẩm
  • Bước 7: Khi bạn đã sẵn sàng để Preview trang của mình, hãy nhấp vào biểu tượng con mắt trên bảng điều khiển dưới cùng bên trái.
  • Bước 8: Nhấn Settings, sau đó chọn sản phẩm muốn hiển thị. Nó có thể trông như sau:
elementor

Bước 9: Để Publish trang của bạn, hãy nhấp vào nút Publish xanh lá cây ở bảng điều khiển dưới cùng bên trái.

Lời kết

Hiện nay, Elementor được đánh giá rất cao trong trình Page Builder và nó được cập nhật và tích hợp thêm nhiều tính năng hấp dẫn mà bạn có thể trải nghiệm được nhiều hơn ở phiên bản Elementor Pro. Nhưng Elementor bản miễn phí cũng đủ để bạn có thể thiết kế một trang website cơ bản.

Hy vọng những thông tin, kiến thức và một số bước hướng dẫn ở trên hữu ích đối với bạn. Nếu có bất kỳ thắc mắc nào, bạn có thể để lại bình luận phái bên dưới nhé.

5/5 - (3 bình chọn)

Vietnix hiện đang có chương trình khuyến mãi lớn nhất trong năm

Giảm giá: Giảm giá TRỌN ĐỜI:
  • 40% Hosting Giá Rẻ, Hosting Cao Cấp & Business Hosting.
Ngoài ra, khi sử dụng dịch vụ VPS và Hosting, quý khách sẽ được tặng bộ Theme & Plugin Wordpress bản quyền trị giá đến 800$/năm. Đăng ký dùng thử ngay và Vietnix sẽ hoàn tiền 100% nếu quý khách không hài lòng với chất lượng sản phẩm, dịch vụ! Nếu bạn có thắc mắc hay có vấn đề cần hỗ trợ, bạn có thể liên hệ trực tiếp với Vietnix thông qua các kênh sau:
  • Hotline: 1800 1093 - 07 088 44444
  • Email: support@vietnix.vn
  • Hoặc chat trực tiếp với Vietnix thông qua biểu tượng Livechat ở góc phải màn hình. Đội ngũ chuyên viên của chúng tôi luôn sẵn sàng tư vấn và hỗ trợ bạn 24/7.
Mình là Bo - admin của Quản Trị Linux. Mình đã có 10 năm làm việc trong mảng System, Network, Security và đã trải nghiệm qua các chứng chỉ như CCNP, CISSP, CISA, đặc biệt là chống tấn công DDoS. Gần đây mình trải nghiệm thêm Digital Marketing và đã hòan thành chứng chỉ CDMP của PearsonVUE. Mình rất thích được chia sẻ và hỗ trợ cho mọi người, nhất là các bạn sinh viên. Hãy kết nối với mình nhé!
Theo dõi
Thông báo của
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả bình luận