Bạn có muốn biết các tính năng tốt nhất để sử dụng thành thạo trên Elementor Pro không?

Tất cả người dùng WordPress đều đã biết đến nó. Elementor là một trong những trình tạo trang phổ biến nhất. Là một plugin miễn phí, bạn có thể tận hưởng trải nghiệm tạo một trang đẹp theo cách trực quan bằng Elementor với tùy chọn nâng cấp lên phiên bản chuyên nghiệp để mở khóa các tính năng nâng cao hơn.

Đọc hướng dẫn của chúng tôi về: Cách cài đặt Elementor trên WordPress

Thực tế có hai cách để mở rộng chức năng Elementor. Bên cạnh việc nâng cấp lên phiên bản chuyên nghiệp, bạn cũng có thể cài đặt các tiện ích bổ sung của bên thứ ba được phát triển bởi các nhà phát triển nổi tiếng như weDevs, Nhà phát triển WP, đến cá sấu. Nếu bạn muốn nâng cấp lên Elementor Pro thay thế và vẫn băn khoăn không biết mình có thể mở khóa những tính năng nào, thì đây là danh sách.

20 tính năng hàng đầu của Elementor Pro

1. Trình tạo chủ đề

WordPress được viết bằng PHP. Điều đó nói rằng, để tạo một plugin hoặc một theme WordPress, bạn cũng cần thành thạo PHP và các ngôn ngữ hỗ trợ như JavaScript. Nhưng đó là trước đây. Hôm nay bạn có thể tạo của riêng bạn theme WordPress mà không cần mã hóa nhờ tính năng trình tạo chủ đề được cung cấp bởi một số plugin trình tạo trang như Elementor.

Trình tạo chủ đề là gì?

Để hiểu khái niệm về trình tạo chủ đề, trước tiên bạn phải hiểu các thành phần của một trình tạo chủ đề. theme WordPress. Một chủ đề WordPress bao gồm các tệp mẫu. Mỗi tệp mẫu kiểm soát bố cục của một phần của chủ đề. Ví dụ: tập tin header.php kiểm soát bố cục của tiêu đề của chủ đề, trong khi tệp footer.php kiểm soát bố cục của chân trang của chủ đề. Hầu hết Chủ đề WordPress có các tệp mẫu sau:

  • header.php: Để kiểm soát bố cục của tiêu đề.
  • footer.php: Để kiểm soát bố cục của footer.
  • single.php: Để kiểm soát bố cục của một bài viết (bài đăng trên blog).
  • sidebar.php: Để kiểm soát bố cục của thanh bên.
  • archive.php: Để kiểm soát bố cục của các trang lưu trữ.
  • page.php: Để kiểm soát bố cục của trang.

Trình tạo chủ đề cho phép bạn tạo các mẫu tùy chỉnh để thay thế các mẫu ở trên, cũng như các mẫu khác thuộc về một chủ đề. Bạn có thể tạo mẫu tùy chỉnh bằng cách sử dụng trình chỉnh sửa trực quan của trình tạo trang mà bạn đang sử dụng (Elementor trong trường hợp này).

elementor-pro-awesome-features-to-master

Một trong những lợi thế của việc sử dụng trình tạo chủ đề thay vì chủ đề là bạn có thể xác định nơi mẫu tùy chỉnh sẽ được áp dụng. Ví dụ: bạn có thể xác định một mẫu tiêu đề tùy chỉnh để áp dụng cho một bài đăng, trang nhất định, các bài đăng thuộc các danh mục nhất định, toàn bộ trang web, v.v.

Nói cách khác, bạn có thể có các bố cục khác nhau của một phần nhất định của chủ đề (ví dụ: tiêu đề) bằng cách tạo nhiều mẫu tùy chỉnh cho cùng một phần. Một lợi thế khác, bạn có các tùy chọn tùy chỉnh không giới hạn.

2. Trình tạo WooCommerce

Bạn có trang web Thương mại điện tử được hỗ trợ bởi WooCommerce không? Elementor Pro cũng có khả năng đưa thiết kế trang web Thương mại điện tử của bạn lên một tầm cao mới bằng cách cho phép bạn tạo các mẫu tùy chỉnh cho cửa hàng trực tuyến WooCommerce của mình. Không cần mua chủ đề WooCommerce.

Lire: Cách tạo trang tùy chỉnh của cửa hàng WooCommerce với Elementor

Thay vào đó, bạn có thể tự mình tùy chỉnh các phần của WooCommerce bằng trình chỉnh sửa trực quan của Elementor. Các phần WooCommerce mà bạn có thể tạo các mẫu tùy chỉnh là:

  • Trang sản phẩm đơn lẻ
  • Trang lưu trữ sản phẩm (danh mục và thẻ)
  • Trang cửa hàng

Bạn có các tiện ích con sau để tạo các mẫu tùy chỉnh cho WooCommerce:

Sản phẩm Đánh giá sản phẩm
Đường dẫn WooC Commerce Kho sản phẩm
Thêm vào giỏ hàng tùy chỉnh Meta sản phẩm
Trang thương mại Woo Mô tả ngắn
Danh mục Sản phẩm Nội dung sản phẩm
Menu Giỏ hàng Các tab dữ liệu sản phẩm
Tiêu đề sản phẩm thông tin bổ sung
Hình ảnh sản phẩm Sản phẩm liên quan
Sản phẩm Giá Upsells
Thêm vào giỏ hàng

3. Trình tạo biểu mẫu

elementor-pro-awesome-features-to-master

Elementor Pro cung cấp cho bạn quyền truy cập vào tiện ích Biểu mẫu. Bạn có thể sử dụng tiện ích này để thêm biểu mẫu vào mẫu trình tạo trang / chủ đề mà bạn đang làm việc. Tiện ích này cho phép bạn tạo nhiều loại biểu mẫu khác nhau, nhờ hỗ trợ loại trường rộng rãi của nó. Dưới đây là các loại trường được hỗ trợ bởi tiện ích Biểu mẫu của Elementor:

bản văn Chấp thuận
E-mail Thành viên ẩn danh
Văn bản HTML
URL Mật khẩu
Điện thoại File Upload
Chọn Thời gian
Checkbox Ngày
radio Con số

Bạn có thể nhúng biểu mẫu của mình vào reCAPTCHA để bảo vệ nó khỏi những kẻ gửi thư rác. Với một mẹo nhỏ, bạn cũng có thể sử dụng tiện ích Biểu mẫu để tạo trang đăng ký trên trang web của bạn. Elementor cũng cho phép bạn tạo một biểu mẫu trong một số bước để cho phép bạn tạo một biểu mẫu dài được đơn giản hóa, cũng như cung cấp trải nghiệm người dùng tốt nhất cho người dùng của bạn.

Bản thân Elementor không có chức năng mặc định để xử lý việc gửi biểu mẫu. Tiện ích biểu mẫu của Elementor hỗ trợ tích hợp với các dịch vụ phổ biến GetResponse, ActiveCampaign, ConvertKit, Discord, v.v.

4. Trình tạo cửa sổ bật lên

Trình tạo cửa sổ bật lên là một trong những tính năng mà bạn có thể mở khóa sau khi nâng cấp lên Elementor Pro. Tính năng này cho phép bạn tạo các cửa sổ bật lên đẹp mắt trên trang web của mình mà không cần viết mã. Bạn thậm chí có thể sử dụng các mẫu biểu mẫu tạo sẵn được cung cấp để hợp lý hóa quy trình làm việc của mình.

Có hơn 100 mẫu cửa sổ bật lên tạo sẵn được cung cấp bởi Elementor.

elementor-pro-awesome-features-to-master

Bản thân trình tạo cửa sổ bật lên của Elementor hỗ trợ các loại trình kích hoạt sau:

  • Khi tải trang - Khi tải trang
  • Khi cuộn - Khi cuộn
  • Khi cuộn đến phần tử - Khi cuộn đến phần tử
  • Khi nhấp - Khi nhấp
  • Sau khi không hoạt động - Sau khi không hoạt động
  • Mục đích thoát trên trang - Mục đích thoát trên trang

Trình tạo cửa sổ bật lên của Elementor Pro cũng hỗ trợ các điều kiện hiển thị, cho phép bạn xác định vị trí cửa sổ bật lên sẽ xuất hiện. Nó cũng cho phép bạn hiển thị một cửa sổ bật lên dựa trên các điều kiện sau:

  • Sau x lần xem trang
  • Sau x phiên
  • Khi đến từ một url nhất định
  • Khi công cụ tìm kiếm đến
  • Chỉ hiển thị cửa sổ bật lên cho người dùng chưa đăng nhập
  • Hiển thị trên các loại thiết bị cụ thể (máy tính để bàn, máy tính bảng, điện thoại thông minh)
  • Hiển thị trong các trình duyệt web cụ thể

Với sự hỗ trợ của trình kích hoạt nhấp chuột, bạn cũng có thể sử dụng trình tạo cửa sổ bật lên để tạo cả hai menu toàn màn hình và một menu bên ngoài canvas.

5. Tích hợp của bên thứ ba

Như đã đề cập ở trên, bạn có thể sử dụng widget Biểu mẫu của Elementor để tạo một loạt các biểu mẫu nhờ sự hỗ trợ rộng rãi của nó cho các trường biểu mẫu. Một trong số chúng cho phép bạn sử dụng tiện ích Biểu mẫu để tạo biểu mẫu đăng ký email nhằm tạo khách hàng tiềm năng.

Bạn có thể kết nối biểu mẫu của mình với các dịch vụ tiếp thị qua email phổ biến như ActiveCampaign, GetResponse, v.v.

Dưới đây là các dịch vụ của bên thứ ba mà bạn có thể tích hợp biểu mẫu của mình:

  • GetResponse
  • ActiveCampaign
  • MailerLite
  • ConvertKit
  • Nhà Thơ Thư
  • Mailchimp
  • nhỏ giọt
  • Slack
  • Discord
  • HubSpot

Các tích hợp của bên thứ ba này đặc biệt hữu ích nếu bạn muốn sử dụng Elementor để tạo trang đích.

6. CSS tùy chỉnh

Đúng là Elementor cho phép bạn tạo các trang đẹp trên trang web WordPress của mình mà không cần phải xử lý CSS. Tuy nhiên, nếu bạn muốn tạo một trang web hoàn toàn độc đáo, bạn có thể sử dụng các kỹ năng CSS của mình. Tính năng này cho phép bạn triển khai các tính năng CSS chưa có trên Elementor, chẳng hạn như CSS Transform để thêm hiệu ứng di chuột phong cách cho Elementor.

Đọc cũng: Cách nhập hoặc xuất mô hình trong Elementor

Bạn có thể thêm CSS tùy chỉnh vào từng phần tử Elementor. Cho dù đó là một phần, cột hay tiện ích con. Bạn có thể truy cập khối CSS tùy chỉnh dưới tab tiên tiến từ bảng cài đặt (bảng ở bên trái) trong trình chỉnh sửa Elementor để thêm CSS tùy chỉnh.

7. Hiệu ứng chuyển động

Elementor Pro đi kèm với các tùy chọn điều chỉnh để cho phép bạn áp dụng các hiệu ứng chuyển động cho một phần tử trên trang bạn đang làm việc. Bạn có thể sử dụng tính năng này để thêm hiệu ứng hoạt ảnh vào trang của mình mà không cần hiểu JavaScript.

Các hiệu ứng chuyển động do Elementor Pro cung cấp chia thành hai loại: hiệu ứng cuộn và hiệu ứng chuột. Bên cạnh đó, bạn cũng có thể áp dụng tùy chọn dính cho phần và widget.

8. Hơn 90 vật dụng

Như bạn đã biết, Elementor được phát hành dưới dạng một plugin freemium, có nghĩa là có một phiên bản miễn phí để bạn tận hưởng trải nghiệm người dùng Elementor mà không phải tốn một xu nào. Mặc dù Elementor Free cung cấp các widget cơ bản, nhưng phiên bản pro đi kèm với các widget nâng cao hơn như Biểu mẫu, Bài đăng, Đăng nhập, Bảng giá, v.v.

Dưới đây là các tiện ích bạn có thể mở khóa sau khi nâng cấp lên Elementor Pro.

bài viết Đếm ngược bài Trích
danh mục đầu tư Nút chia sẻ Hình ảnh nổi bật
Slides blockquote Hộp tác giả
Mẫu Nút Facebook Gửi bình luận
Đăng nhập Facebook Comments Điều hướng bài
Dòng tiêu đề động Nhúng Facebook Đăng thông tin
Giá biểu Trang Facebook Sản phẩm
Bảng giá Template Đường dẫn WooC Commerce
Hộp lật Logo trang web Thêm vào giỏ hàng tùy chỉnh
Kêu gọi hành động Tiêu đề trang web Trang thương mại Woo
Băng chuyền phương tiện Ngói trang Danh mục Sản phẩm
Băng chuyền chứng thực Menu Nav Menu Giỏ hàng
Đánh giá Form tìm kiếm Lottie
BẢN ĐỒ CHI NHÁNH Tiêu đề bài viết Đánh dấu mã
Danh sách phát video Nút PayPal Hotspot

Tổng cộng có hơn 90 widget mà bạn có thể mở khóa (widget miễn phí và widget chuyên nghiệp)

9. Nội dung động

Bạn không chỉ có thể sử dụng Elementor để tạo các trang web tĩnh. Với sự hỗ trợ của nó cho nội dung động, bạn cũng có thể sử dụng Elementor để tạo một trang web động chẳng hạn như blog, cổng tin tức, trang web thông báo và các loại trang web động khác. Bạn có thể thêm nội dung động vào mẫu hoặc trang của trình tạo chủ đề bằng cách sử dụng các tiện ích con sau:

  • Logo trang web
  • Tiêu đề trang web
  • Page Title
  • Tiêu đề bài viết
  • bài Trích
  • Hình ảnh nổi bật
  • Đăng thông tin
  • bài viết

10. Các trường tùy chỉnh

Các widget mà chúng tôi đã đề cập trong điểm 9 ở trên có thể được sử dụng để thêm nội dung động WordPress mặc định, chẳng hạn như tiêu đề bài đăng, meta bài đăng, hình ảnh nổi bật, v.v.

Điều gì về các trường tùy chỉnh? Elementor Pro cũng cho phép bạn thêm lĩnh vực tùy chỉnh. Bằng cách tối đa hóa chức năng này, bạn có thể sử dụng Elementor để xây dựng bất kỳ loại trang web nào với các plugin tối thiểu nhất có thể. Elementor Pro tương thích với các plugin trường tùy chỉnh phổ biến sau:

  • pods
  • Nâng cao Tuỳ chỉnh Fields
  • Bộ công cụ
  • Động cơ phản lực

Làm cách nào để tích hợp một plugin trường tùy chỉnh nhất định với Elementor?

Bạn có thể chỉ cần tạo nhóm trường tùy chỉnh bằng cách sử dụng plugin trường tùy chỉnh yêu thích của mình và sử dụng Elementor để hiển thị dữ liệu của các trường tùy chỉnh mà bạn đã tạo. Bạn có thể hiển thị các trường tùy chỉnh trên một mẫu. Bạn có thể đọc bài viết trước của chúng tôi để tìm hiểu cách thêm các trường tùy chỉnh trong Elementor.

Cuối cùng

Elementor là một công cụ tuyệt vời để xây dựng một trang web đẹp mà không cần xử lý bất kỳ mã nào. Cho dù đó là mã CSS, mã HTML, mã PHP hay mã JavaScript. Phiên bản miễn phí của Elementor rất tuyệt, nhưng để mở khóa tiềm năng của nó như một plugin trình tạo trang tốt nhất, bạn cần mở khóa tất cả các tính năng mà bạn có thể thực hiện bằng cách nâng cấp lên phiên bản chuyên nghiệp.

Ở đây kết thúc danh sách các tính năng đầu tiên mà bạn có thể mở khóa bằng Elementor Pro. Bạn sẽ khám phá những cái tiếp theo trong một bài viết khác.

Tải xuống Elementor Pro ngay!

Kết luận

Đây ! Đó là nó cho bài viết này giới thiệu cho bạn các tính năng tuyệt vời nhất để sử dụng thành thạo trên Elementor Pro. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...