View Categories

Cách thiết kế thanh thông báo với Elementor & NotificationX

2 phút đọc

NotificationX cho phép bạn thiết kế Thanh thông báo tuyệt đẹp với Trình tạo trang phần tử. Với sự ra đời của tích hợp Elementor, bạn sẽ có thể linh hoạt để lựa chọn và tùy chỉnh các mẫu Elemetor làm sẵn được thiết kế đẹp mắt trên trang web WordPress của mình miễn phí. Bạn có thể hiển thị đáng kinh ngạc các đợt giảm giá, chiết khấu hoặc thông báo khẩn cấp mới nhất của mình trên trang web để tác động đến khách hàng tiềm năng mua sản phẩm hoặc sử dụng dịch vụ của bạn. Hãy xem hướng dẫn bên dưới để biết cách định cấu hình 'Thanh thông báo' sử dụng NotificationX và Elementor:

Bước 1: Tạo thanh thông báo #

Chuyển đến Bảng điều khiển WordPress của bạn và điều hướng đến wp-admin -> NotificationX -> Tất cả NotificationX. Sau đó, ở trên cùng, nhấp vào 'Thêm mới'. Hoặc bạn cũng có thể chỉ cần chuyển đến tab 'Thêm Mới' từ thanh bên. 

notification bar with Elementor

Sau khi hoàn tất, bạn sẽ được chuyển hướng đến 'Nguồn' Trang tab của giao diện người dùng NotificationX của bạn. 

Đặt tiêu đề và chọn  'Thanh thông báo' như loại thông báo của bạn. Nguồn thông báo của bạn sẽ tự động được chọn là 'Nhấn Thanh '. Sau đó nhấp vào nút 'Tiếp theo'.

Notification bar with ELementor

Bước 2: Định cấu hình thiết kế  #

Từ 'Thiết kế' , bạn sẽ tìm thấy một số chủ đề được tạo sẵn để lựa chọn và 'Xây dựng với Elementor' Lựa chọn. Chỉ cần nhấp vào nút, bạn sẽ tìm thấy tất cả các bố cục được tạo sẵn cho Thanh thông báo của mình.

Lưu ý: Hãy chắc chắn rằng bạn có Elementor đã được cài đặt vào trang web WordPress của bạn. Hoặc, nhấp vào nút 'Install Elementor' để tiếp tục.

Notification bar with Elementor

Sau khi chọn mẫu ưa thích của bạn, chỉ cần tiếp tục và nhấn nút 'Nhập', như được hiển thị ở trên.

Sau khi thiết kế được nhập, bạn sẽ tìm thấy nút trên giao diện người dùng 'Chỉnh sửa với Elementor'. Bằng cách nhấp vào nó, bạn sẽ được chuyển hướng đến trình chỉnh sửa Elementor, nơi bạn có thể thiết kế và tùy chỉnh phần Thanh thông báo theo bất kỳ cách nào bạn muốn với các tùy chọn kiểu dáng ưa thích của mình.

Notification bar with Elementor

Nếu muốn, bạn có thể thêm các widget Elementor mới và tùy chỉnh thiết kế theo sở thích của mình và tạo một thanh thông báo tuyệt đẹp.

notification bar with Elementor

Bên cạnh đó, Thanh thông báo đi kèm với hai bố cục sẵn sàng khác để định cấu hình và hiển thị Thanh đồng ý cookie GDPR trên trang Elementor của bạn. Kiểm tra tài liệu này trên Thanh đồng ý cookie GDPR để biết chi tiết.   

Sau đó, nhấn 'Kế tiếp' nút sẽ chuyển hướng bạn đến Tab 'Nội dung' của cảnh báo Thanh thông báo. Tại đây, bạn có thể nhấp vào hộp kiểm để bật bộ hẹn giờ thường xanh nâng cao trên thanh thông báo của mình để tạo ra tính cấp thiết hơn bằng cách sử dụng Tiếp thị FOMO giữa những người dùng của bạn. Để tìm hiểu thêm, kiểm tra tài liệu này.  

notification bar with Elementor

Tiếp theo, bạn sẽ được chuyển hướng đến 'Trưng bày' tab của quy trình cấu hình Thanh thông báo của bạn. Bây giờ bạn có thể định cấu hình cài đặt của nó để chọn vị trí của trang web nơi bạn muốn hiển thị thanh thông báo và người bạn muốn hiển thị cảnh báo. 

notification bar with Elementor

Sau đó, chỉ cần định cấu hình cài đặt từ 'Tùy chỉnh' và định cấu hình giao diện, thời gian và hành vi của thanh thông báo. Bạn có thể chọn vị trí hiển thị thanh thông báo trên trang web WordPress của mình, cho dù bạn có muốn hiển thị thanh trên thiết bị di động hay không và cũng có thể chọn xem bạn có muốn thêm nút đóng hay không. 

notification bar with Elementor

Sau khi bạn đã hoàn thành bước 6, nhấp vào 'Công bố' cái nút. Kết quả là 'Đăng ký Email' sẽ được tạo thành công. 

notification bar with Elementor

Kết quả cuối cùng #

Bằng cách làm theo các bước đã đề cập này và sửa đổi thêm một chút, đây là cách Thanh thông báo của bạn sẽ xuất hiện trên trang web WordPress của bạn. Để biết thêm thông tin về cách cấu hình thanh thông báo, bạn có thể kiểm tra tài liệu chi tiết này.

notification bar with ELementor

Với sự trợ giúp của NotificationX, đây là cách bạn có thể dễ dàng tạo và thiết kế Thanh thông báo với Elementor & tăng chuyển đổi của bạn trong quá trình này.

Bạn đang gặp khó khăn? Nếu bạn gặp bất kỳ vấn đề hoặc thắc mắc nào, bạn có thể liên hệ với Nhóm hỗ trợ của chúng tôi.

Cung cấp bởi BetterDocs

  • 00Ngày
  • 00Giờ
  • 00Phút
  • 00Giây

Wait... before you go!

Checkout now to Save