View Categories

How To Configure A Notification Bar In Gutenberg With NotificationX?

1 min read

Notification Bars on the top of a web page help you display product discounts, announcements, promotions, CTAs, and other critical information. With NotificationX, you can easily configure a notification bar in Gutenberg and display your required information or sales promotions on your website for free. Follow the step-by-step guide below to learn how you can do that.

How To Configure A Notification Bar In Gutenberg With NotificationX? #

Before getting started, make sure you have ইনস্টল এবং সক্রিয় NotificationX on your WordPress website.

ধাপ 1: নতুন বিজ্ঞপ্তি যোগ করুন #

আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে যান এবং নেভিগেট করুন wp-admin → NotificationX. Then, right at the top, click on ‘নতুন যুক্ত করুন'

configure a notification bar in Gutenberg

Step 2: Choose Press Bar As Source #

After completing step 1, you will be redirected to the ‘সূত্র’ tab page of your NotificationX. You can also set a title and select ‘বিজ্ঞপ্তি বার’ as your Notification type. Then, ‘প্রেস বার’ will be automatically selected as your Source. Afterward, go ahead & click on the ‘পরবর্তী' বোতাম।

configure a notification bar in Gutenberg

Step 3: Customize The Design #

থেকে 'ডিজাইন’ tab, you can choose a theme and customize it as per your preference. To use a notification bar in Gutenberg, use a layout and customize depending on your needs, hit the ‘Built With Gutenberg' বোতাম।

configure a notification bar in Gutenberg

You will get multiple layouts built with the Gutenberg editor for notification bar alerts. Select one depending on your design and content needs and hit the ‘Import' বোতাম।

configure a notification bar in Gutenberg

After selecting a layout, you can also choose to edit and customize the design and content to match your website brand tone. For that, hit the ‘Edit With Gutenberg' বোতাম।

configure a notification bar in Gutenberg

You also have the flexibility to use the ‘উন্নত নকশা’ option to modify the notification to reach the maximum potential.

configure a notification bar in Gutenberg

Once done, tap the ‘পরবর্তী’ button to go to the ‘বিষয়বস্তু’ tab.

Step 4: Customize The Content #

configure a notification bar in Gutenberg

From the ‘Content’ tab, you can enable ‘Countdown Timer’ and select to close permanently with a permanent close box. On the Countdown section, you can choose text, start date, end date, etc. However, if you want advanced features like ‘চিরসবুজ টাইমার’, you need to install and activate NotificationX PRO.

Step 5: Customize The Display #

After customizing the content, you can choose your notification bar destination pages and audiences. Pick your preferences from the options and go next.

configure a notification bar in Gutenberg

Step 6: Customize Behaviour & Timing #

You can further customize your notification behavior, including its position, mobile visibility, overlapping, etc. Additionally, you can set an initial delay.

configure a notification bar in Gutenberg

Step 7: Publish Notification #

Once done with all the customizations, hit the ‘প্রকাশ করুন’ button. You can not take a ‘Preview’ or visit your site to check your new notification bar built with Gutenberg.

configure a notification bar in Gutenberg

This is how easily you can configure a notification bar in Gutenberg with NotificationX.

আপনি যদি কোনও সমস্যার মুখোমুখি হন তবে আমাদের সাথে যোগাযোগ করতে পারেন সহায়তা দল.

দ্বারা চালিত BetterDocs

Wait… Before You Leave

Enter 2025 with BIG savings & a boost to your business.

  • 00দিনগুলি
  • 00ঘন্টার
  • 00Mins
  • 00Secs