Step 1- Add New Announcement Bar

Apps give you the option to create beautiful bars on your website. You can create more than one bar using this option. Using this option you can activate and inactive the announcement bar.

How to active & inactive Announcement bar

You can activate and inactive the announcement bar in a very easy way, for this you just have to click on the apps option, now you have to click on the announcement bar, all the announcement bars you have created will appear on the dashboard, now here  Click on the option of active and inactive buttons.

Step 2

How to edit announcement bar

You can edit the announcement bar in an easy way, for this you have to click on apps, now you have to click on the announcement bar, click on the edit options button here, from here you can edit your announcement bar.

How to delete announcement bar

You can delete the announcement bar in an easy way, for this you have to click on apps, now you have to click on the announcement bar, click on the delete option button here, from here you can delete your announcement bar.

Step 3

General Setting

How to rename your Announcement bar

You can easily create & rename your announcement bar. For this you just going on the edit button click after click you have to click on the setting option, here you have seen the setting option now first set in a general setting.
Here you can rename of Announcement bar.

How to Enable & Disable announcement bar of your Website

If be you want Enable & Disable Announcement bar your website.
For this, you have to use Enable & Disable button.

How to position set top & bottom announcement bar of your website

You can easy way to set the announcement bar top & bottom of your website. For this, you have to click on the top & bottom check boxes according to your website.

How to set announcement bar Fix & Scroll Sticky option

You can set your announcement bar Fix & Scroll have to use the sticky option.
For this you have to just click on the general setting, here you have to click on the sticky option, now click on Fix & Scroll check box according to you.

How to set Announcement Bar Background color

Using this setting, you can set the background color of the Announcement bar. For this, just go to General Settings and use the background color option.

How to display the announcement bar on different pages

You get the option to display the Announcement bar on different pages here.
For this, only you can go to the general setting (where to display, selected page & display pages) option can be used.

How to show Announcement bar in a different country

By using this setting, you can show and hide your announcement bar in any country according to your liking.
For this, you have to go to General Settings and use the Is (Country Specific and Countries to Display) option.

Step 4

How to Hide & Show massage Button in the Announcement bar

If you don’t want to show the button on your website, then you can also remove it, for this you have been given the setting of enable or disable.

How to Style Massage text configurator

You can ( format, font style, font size, and alignment) to massage text using the massage text configurator setting option. You can style the text using these settings.
Also, you can set the Massage text Background color.

Step 5

How to Hide & Show Button Configurator in the Announcement bar

If you don’t want to show the button configurator on your website, then you can also remove it, for this you have been given the setting of enable or disable.

How to set Button label & Link of Announcement Bar

You can set the button label and link by going to the button Configurator settings, for this you have to go to the button configurator setting, after that you can use the button label and link option.

How to set button font family & Size

You can manage the button font family and size of the website announcement bar button in a very easy way.

How to style of button

You have been given facility for button style, you can use these settings to give the width of the button, the color of the border, and style of the border.

How to target button same page or other pages

Target the button on the same page and other pages, you have to follow the below docs, here you are given the settings from which you can set.

Step 6

How to show & hide Coupon in the Announcement bar

You can hide and show the announcement bar coupon on your website, for this you have to follow the below settings, here is the setting of enable and disable.

How to set coupon title & Coupon Font family

Style of coupon title and font family, you can set coupon title and family by going to coupon bar configurator settings.

How to set Coupon font size & text color

Change coupon font size and text color, you can style the announcement bar coupon by going to coupon bar configurator settings.

How to set Coupon BG Color & Radius

You can style coupon bg color and radius according to your Announcement bar, for this you can set the following docs by following them.

How to style of Coupan Border

There are some settings to make coupons in the best way, using them you can style the width, color, and coupon border of the coupon border.

Step 7

How to hide & show Countdown in Announcement Bar

You have been given a setting to hide and show countdown, for this you have to go to the countdown configurator setting and use the enable and disable button.

How to set Start time & End time countdown in Announcement Bar

You have to go to the countdown configurator settings, in this, you have been given the option of start time and end time, using these settings you can set the time in the countdown.

How to set countdown Type & Digit Radius

To use the settings for countdown type and digit radius, one has to go to the countdown configurator, here you can set the countdown type and digit radius.

How to style digit text color or digit bg color

To use the settings of digit text color and digit bg color, one has to go to the countdown configurator, here you can set the digit text color and the digit bg color.
Apart from this, you can also set the color of the label from here.

How to set time end or auto-repeat timer in countdown

To use both these settings, go to the countdown configurator, nowhere is the check box, where you can set the end time and repeat time by clicking on it.

How to Hide & show Timer Format

The hide timer format option will appear after going into the countdown configurator settings to hide and show the countdown timer, from here you can use this setting by clicking the check box.

Step 8

How to Hide/Show Social Sharing Icons

The social icon sharing has been given the option to head and show. Go to the social sharing option and just click the enable and disable button.

How to display social icons in the announcement bar

For this, you have to click on the simple check box

How to style Social icon in the announcement bar

You can style the icon color and the icon bg color, for this you have to go to the social sharing option, here you can style the icon color and icon bg color set using it.
Apart from this, you can also add a link to the social icon.

Step 9

How to hide or show Close button in Announcement Bar

After going into the close button configurator setting, here you can use the enable and disable close.

How to style the close button

You can style the close button text color, background color, close button type and button radius, for this you have to go to the close button configurator, here are all the settings, using which you can style the close button.
Here you can also set the border-radius.

Step 10

How to Arrange Notification bar

You can arrange the notification bar as per your convenience, for this, you have to go to arrange notification bar, from here you can manage the notification bar by drag & drop.

Step 11

How to Enable or Disable & use Custom CSS button in Announcement Bar?

You can add custom CSS according to you, for this you have to go to the custom CSS settings and turn the button on, now paste the CSS here

 

Leave a Reply

Your email address will not be published. Required fields are marked *