Customizing the notification options in HashBar allows you to tailor your notifications to suit your website's specific needs. Below are the customization options categorized for your convenience:
General Options: #
The “General Options” section empowers you to finely tune and customize the display, behavior, and integration of notifications within HashBar. These settings provide you with the flexibility to adapt the notifications to align with your specific website requirements and design preferences.
Where to Show: Define where the notification should appear – whether on the :
Entire Site
Homepage Only
Posts
Post Categories
Post Tags
Pages
Any Post/Page/Custom Post IDs
or even based on URL parameters.
Positioning: Choose the position of the notification – Top, Bottom, Left Wall, Right Wall, Promo Banner Top (Top Left/Top Right), or Promo Banner Bottom (Bottom Left/Bottom Right).
Theme's Header Type: Opt for the theme's header type, whether default or transparent/sticky.
Notification Area Width: Set a custom width for the notification area, useful for left/right notifications and promo banners. Leave empty for the default width.
Content Width: Define the content width as Default or Full Width, based on your design preferences.
Load as Minimized: Choose whether the notification should load as minimized initially (Yes/No).
Show Close Button: Toggle to display or hide the close button on the notification (Yes/No).
Show Open Button: Toggle to display or hide the open button on the notification (Yes/No).
Close Button Text: Customize the text for the close button.
Open Button Text: Customize the text for the open button.
Visibility Options: #
The “Visibility Options” section provides you with the options to control visibility of notifications based on user behavior and device specifications. These settings ensure that your notifications are displayed strategically and unobtrusively.
Hide on Mobile Device: Opt to hide the notification on mobile devices, preserving a seamless browsing experience for your mobile audience.
Hide on Desktop Device: Choose to hide the notification on desktop devices, tailoring its display to specific device types.
Show/Hide Notifications Based on Scroll Position: Enable or disable notifications based on the user's scroll position, allowing for a more engaging and contextually relevant user experience.
Scroll Position to Show: Set the scroll position at which the notification becomes visible, ensuring it appears when users have scrolled to a specific point on the page.
Scroll Position to Hide: Specify the scroll position at which the notification is hidden, providing a clean and unobtrusive browsing experience once users have scrolled beyond a certain point.
How Many Times to Show This Notification: Control the frequency of the notification by specifying the number of times it should be displayed to the user, enhancing user engagement without overwhelming them.
Schedule Notification Expiry Date/Time: Choose to schedule when the notification should expire, ensuring its relevance and timeliness.
Design Customization:#
The “Design Customization” settings in HashBar offer a plethora of options to refine the visual aspects of your notifications, ensuring they align seamlessly with your website's design and brand identity. These settings allow you to personalize the look and feel of your notifications to create a cohesive and engaging user experience.
Content Area: Customize the appearance of the notification's content area by adjusting the background color, adding a background image, defining the text color, setting opacity, and configuring margin and padding.
Close Button: Tailor the design of the close button to match your notification's aesthetics. Customize the background color, text color, hover color, and hover background color to ensure consistency with your overall design.
Open Button: Personalize the open button's appearance by choosing a background color, text color, hover color, and hover background color that complements your notification and enhances user engagement.
Call to Action Button: Adjust the margin and padding of the call to action button, optimizing its placement and spacing for a visually appealing and intuitive design.
Promo Banner: Set the spacing for the promo banner, defining the margins to ensure proper alignment and visual balance within the notification.
Countdown: #
The “Countdown Customization” settings in HashBar provide you with the tools to incorporate engaging countdowns into your notifications. Countdowns are an effective way to create urgency, capture attention, and drive action among your audience. Tailor these settings to match your branding and optimize the impact of your notifications.
Enable Countdown: Decide whether to activate the countdown feature for your notification. Choose “Yes” to enable or “No” to keep it inactive.
Countdown Date: Set the date after which the countdown will be disabled, creating a sense of urgency for a limited-time offer or event. Ensure this date is greater than the current date and time.
Countdown Style: Select from a variety of predefined countdown styles (Seven Countdown Styles) that best suit your notification's aesthetics and purpose.
Countdown Placement: Determine the position of the countdown within the notification. You can also utilize a shortcode for flexible placement.
Custom Labels: Opt to use custom labels for the countdown to add a personal touch and align with your notification's context.
Hide Timers: Choose to hide specific timer units such as days, hours, minutes, or seconds to tailor the countdown display to your preference.
Hide Labels: Toggle to hide or show labels for each unit in the countdown, allowing for a clean and minimalist countdown design.
Countdown Style Customize: Customize the visual aspects of the countdown by adjusting timer item, timer number, and label settings, ensuring a seamless integration with your notification's design.