To understand how to effectively utilize this plugin, please watch the video provided below. Additionally, we have listed all the necessary codes and shortcodes for your convenience.
Shortcode Usage Examples:#
Discover how to utilize shortcodes in HashBar to personalize your notification bars to your needs and preferences. Below, you will find some examples that demonstrate different usages of the shortcode HashBar offers
Default:#
Use the default HashBar shortcode to display a standard notification bar.
[hashbar_btn]
Button with Custom Text:#
Customize the button text within your notification using this shortcode
[hashbar_btn btn_text="Button custom text"]
Button with Link: #
Incorporate a link into the notification's button for redirecting to a specific URL.
[hashbar_btn btn_link="www.devitems.com"]
Button Background Color: #
Modify the background color of the notification's button to match your website's aesthetics.
[hashbar_btn btn_bg_color="#EEC116"]
Button Text Color: #
Adjust the text color of the notification button for better visibility and style.
[hashbar_btn btn_text_color="#000000"]
Open Button in a New Window: #
Make the button open a new browser window when clicked, using the shortcode below:
[hashbar_btn btn_target="_blank"]
Button Style 1: #
Apply a predefined style to the notification's button for a visually appealing design.
[hashbar_btn btn_style="style_1"]
Button Style 2: #
Implement an alternate predefined style to the notification's button for a unique look and feel.
[hashbar_btn btn_style="style_2"]
Usage of All Parameters Together:#
Combine multiple parameters within the shortcode to create a fully customized notification bar, with custom text, link, background color, text color, and style for the button that opens a new browser window upon clicking.
[hashbar_btn btn_text="Button custom text" btn_link="www.devitems.com" btn_bg_color="#EEC116" btn_text_color="#000000" btn_style="style_2" btn_target="_blank"]
Newsletter HTML Code:#
Utilize this HTML code example to integrate a subscription form within your notification, allowing users to subscribe to your newsletter effortlessly.
<div class="ht_notification_newsletter">
<h2>Subscribe to our Newsletter</h2>
<p>Get Latest Updates via Email</p>
<p>
<input type="email" name="EMAIL" placeholder="Your email address" required />
<input type="submit" value="Subscribe" />
</p>
</div>
Feel free to use these shortcodes and HTML code examples to customize and enhance your notification bar according to your requirements. If you have any further questions or need additional assistance, don't hesitate to reach out!