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

NotificationX allows you to design a stunning Notification Bar with Trình tạo trang phần tử. With the introduction of Elementor integration, you will have the flexibility to choose and customize beautifully designed ready-made Elemetor templates on your WordPress website for free. You can display your latest sales, discounts, or urgent announcements amazingly on the website to influence your potential customers to buy your products or take your services.  Check out the below guideline to see how to configure the 'Thanh thông báo' using NotificationX and 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'. Or you can also simply go to the ‘Add New’ tab from the sidebar. 

notification bar with Elementor

Sau khi hoàn tất, bạn sẽ được chuyển hướng đến 'Nguồn' Tab page of your NotificationX user interface. 

Give a title and select  'Thanh thông báo' as your notification type. Your notification source will automatically be chosen to be ‘Press Bar’. Then click on the ‘Next’ button.

Notification bar with ELementor

Step 2: Configure The Design  #

Từ 'Thiết kế' tab, you will find a few pre-built themes to choose from and the 'Xây dựng với Elementor' option. Simply by click on the button, you will find all the pre-made layouts for your Notification Bar.

Note: Make sure you have Elementor installed into your WordPress website. Or, click on the ‘Install Elementor’ button to proceed.

Notification bar with Elementor

After choosing your preferred template, simply go ahead & hit the ‘Import’ button, as shown above.

Once the design is imported, you will find button on the user interface ‘Edit With Elementor. By clicking on it, you will be redirected to the Elementor editor where you can design and customize the Notification Bar section any way you want with your preferred styling options.

Notification bar with Elementor

If you want, you can add new Elementor widgets and customize the design as per your preference and create a stunning notification bar.

notification bar with Elementor

Besides, Notification Bar comes with two more ready layouts to configure and showcase the GDPR Cookie Consent bar on your Elementor site.  Check out this documentation on GDPR Cookie Consent Bar to know in detail.   

Sau đó, nhấn 'Kế tiếp' nút sẽ chuyển hướng bạn đến ‘Content’ tab of the Notification Bar alert. Here, you can click on the checkbox to enable an advanced evergreen timer on your notification bar to create more urgency by using Tiếp thị FOMO among your users. To learn more, check out this documentation.  

notification bar with Elementor

Next, you will be redirected to the ‘Display’ tab of your Notification Bar configuration process. You can now configure its settings to choose the location of your site where you want to display your notification bar and for whom you want to display the alert. 

notification bar with Elementor

Afterward, simply configure the settings from the 'Tùy chỉnh' tab and configure the notification bar’s appearance, timing, and behavior. You can choose the position of where to showcase the notification bar on your WordPress website, whether you want to display the bar on mobile devices, and also select if you want to add a close button. 

notification bar with Elementor

Sau khi bạn đã hoàn thành bước 6, nhấp vào 'Công bố' button. As a result, the ‘Email Subscription’ will be successfully created. 

notification bar with Elementor

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

By following these mentioned steps and a bit more modifying, this is how your Notification Bar will appear on your WordPress website. For more information on cách cấu hình thanh thông báo, you can check out this detailed documentation.

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.

Getting stuck? If you face any issues or queries, you can contact our Support Team.

Cung cấp bởi BetterDocs