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.

After add the announcement bar you will click on the add button, now you going on the setting option
  1. Announcement Bar Name– Here you can change your Announcement Bar Rename..
  2. Enable/Disable Notification Bar – You can turn the notification bar on and off using this setting..
  3. Position Notification Bar – you can set your announcement bar position top & Bottom Side.
  4. Background Color– You Can set the Background Color Announcement bar..
  5. Text Background Color – You can set Text background colors.
  6. Background Image– You can set the background image in the announcement bar using this setting.
  7. Where To Display -You get the option to display the Announcement bar on different pages here
  8. Selected pages -You Can set pages according to you
  9. Display Page -you can display an announcement bar according to a separate page.
  10. Is Country Specific -using this setting, you can show and hide your announcement bar in any country according toyour liking.
  11. Countries To Display -Using this setting, you can show the announcement bar in different countries as per your wish.

Step 2- How to add Massage & Style Text Configurator Announcement Bar

You have been given the option to enable/disable the message text configurator setting, from here you can turn on this setting.


You can style the massage text configurator using the settings given below.

  1. Paragraph Format– Here you can manage the paragraph format set.
  2. Font – You can set font Family.
  3. Size – you can set font size.
  4. Text Color– You Can set font color.
  5. Text Background Color – You can set Text background colors.
  6. Text Bold– You get the option text bold
  7. Text Italic -You Can set italic style
  8. Text Align -You Can set text Alignment
  9. Massage Background Color -You Can set Massage background colors

Step 3- How to add button Configurator in Announcement Bar

You have been given the option to enable/disable the Button configurator setting, from here you can turn on this setting.

You can style the Button configurator using the settings given below.

  1. Button Label– Here you give a button label according to your choice.
  2. Button URL – You can set the Button URL.
  3. Button Font Family – you can set font Family.
  4. Button Font Size– You Can set font size.
  5. Text Color – You can set Text colors.
  6. Background Color– You get the option text background Color
  7. Button Radius -Here You Can set a button radius.
  8. Border Width -You Can set the border width
  9. Border Color -You Can set button border colors
  10. Border Styles -You Can set border style
  11. Target -Target the button on the same page and other pages

Step 4- How to add coupon bar in Announcement Bar

You have been given the option to enable/disable the Coupon configurator setting, from here you can turn on this setting.

You can style the Coupon Bar using the settings given below.

  1. Coupon Title– Here you give a Coupon title according to your choice.
  2. Coupon Font Family – You can set font family.
  3. Coupon Font Size – you can set font size.
  4. Coupon Text Color– You Can set the text color.
  5. Coupon BG Color – You can set coupon BG Color.
  6. Coupon Radius– You get the option coupon radius
  7. Coupon Border Width -Here You Can set coupon border width.
  8. Coupon Border Color -You Can set coupon border-color
  9. Coupon Border styles -You Can manage border styles

Step 5- How to add countdown bar in Announcement Bar

You have been given the option to enable/disable the Countdown configurator setting, from here you can turn on this setting.

You can style the Countdown Configurator using the settings given below.

  1. Start Time– Here you set the start time of the countdown.
  2. End Time – You can set End Time of Countdown.
  3. Countdown Type – you can manage Countdown type.
  4. Digit Radius– You Can manage Countdown Digit Radius.
  5. Digit Text Color – You can set Digit Text color.
  6. Digit Bg Color– You get the option Digit BG Color
  7. Label Color -Here You Can set Countdown label color.
  8. Remove timer when time-end -You Can set Time end of the countdown.
  9. Auto-repeat timer -You Can manage Repeat timer.
  10. Hide Timer Format -Also you can hide timer format.

Step 6- How to add social share in Announcement Bar

You have been given the option to enable/disable the social sharing set, from here you can turn on this setting.

You can style the Social Sharing using the settings given below.

  1. Social Share Hide/Show– Here you Hide/Show social icon according to your choice.
  2. Icon Color – You can set social icons.
  3. Icon BG Color – you can set Icon Bg Color.
  4. Sharing URL – You Can add Social Link Here.

Step 7- How to add Close Button in Announcement Bar

You have been given the option to enable/disable the Close Button, from here you can turn on this setting.

You can style the Close Button using the settings given below.

  1. Text Color– Here you can change Text Color.
  2. BG Color – You can set the Bg-color of the close button.
  3. Close Button Type – you can set the type of close button.
  4. Button Radius – You Can manage the Button radius.

 

Step 8- How to add arrange notification bar in Announcement 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 9-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 *