Notification Section

This section allows you to add a floating contact card and a Notification bar to your website. The card will display contact details like your phone number, email address, etc for the customer to reach you. The notification bar can be used to display promotional details or sale updates to your customers.

Notification Box

This option allows you to add a notification card.


1. From the Homepage, click on Edit Website.

2. Click on Add Section.

3. From the Following slider, click on Notification.

4. If you want to view a notification, hover over the notification and click on .

5. The preview will look as follows. Click on Add This section to add this template to the website.

A new Notification tag is added to the website.

6. If you want to add styling elements for images present in this section, click on Edit present on the image icon.

The following options get displayed.

To know more about customizing images, click here.

7. If you want to add styling elements for text present in this section, click on Edit present on the text area.

The following options get displayed.

To know more about customizing the text, click here.

8. If you want to customize the border width, border styling, color, animation effects of the existing notification, click on Edit present on the notification tab.

To know more about styling, click here.

9. If you want to delete a notification tab, just click on Edit > .

The notification tab gets deleted.


Note
This functionality is currently unavailable for mobile. You can customize the notification tab only through the computer.

Notification Bar

This option allows you to add a notification block above the Header section.


1. From the Homepage, click on Edit Website.

2. Click on Add Section.

3. From the Following slider, click on Notification.

4. Select the Notification Bar option.

The Notification column is added to the website.

5. If you want to style the notification bar’s background, hover over the notification bar and click on the Background option.

The background customization options get displayed. To know more about customizing the background, click here.

6. If you want to display the notification bar for either computer, mobile, or both, click on Settings.

7. Select the option from the slider and click on Update. The Notification bar will be shown on the selected device.

8. If you want to style the notification bar button, hover over the button and click on Edit. It will display the button’s customization options.

To know more about button customization, click here.

9. You can modify the text present on the notification bar by clicking on Edit, next to the text. The text could include sale drive-related alerts or information about upcoming events in the store.

The text customization options get displayed. To know more about text customization, click here.

10. If you wish to delete the notification bar, hover over the notification bar and click on Delete Section.

The notification bar gets deleted. You can click on Undo immediately if you want to revert the changes.

1. From the Homepage, tap on Edit Website.

2. From the Website, tap on .

3. Tap on Add Section Above.

4. Tap on Notification.

5. Select the Notification Bar option.

A Notification column is added to the website.

6. If you want to style the notification bar background, tap on , next to the notification bar and tap on Background.

The background customization options get displayed. To know more about customizing the background, tap here.

7. If you want to display the notification bar for either computer, mobile, or both, tap on Settings.

8. Select the option from the page and tap on Update. The Notification bar will be shown on the selected device.

9. If you want to style the notification bar button, tap on the button, displaying the button customization options.

To know more about button customization, tap here.

10. You can modify the text present on the notification bar by tapping on the text. The text could include sale drive-related alerts or information about upcoming events in the store.

To know more about text customization, tap here.

11. If you wish to delete the notification bar, tap on , next to the notification bar and tap on Delete Section.

The notification bar gets deleted. You can tap on Undo immediately if you want to revert the changes.

Was this Article Helpful?
Yes
No
Glad We Could Help You!

3 thoughts on “Notification Section”

  1. how to add floating contact card on website | how to add notification box on website ~ #notificationbox

  2. how to add notification bar on website | how to add notification block for sale updates and discount reminders ~ #notificationbar

Comments are closed.