Real-world examples with step-by-step configurations for both Announcement Bars and Popup Campaigns. Each recipe includes the goal, recommended settings, and pro tips.
Announcement Bar Recipes #
Recipe 1: Flash Sale with Countdown Timer #
Goal: Create urgency for a limited-time sale with a ticking countdown.
Step-by-step:
- Create a new Announcement Bar and select the “Countdown Sale” template.
- Content tab: Set message to “Flash Sale! Up to 50% off everything. Ends soon!” and add a CTA button “Shop Now” linking to your sale page.
- Position tab: Set position to Top, enable Sticky Mode.
- Countdown tab: Enable countdown. Choose Fixed Date and set the end date/time of your sale. Use Digital style for visual impact.
- Targeting tab: Set to All Pages and All Devices.
- Schedule tab: Set start date to sale launch and end date to sale end.
- Publish.
Tip: Use scheduling to prepare the bar days in advance. It will automatically appear when the sale starts and disappear when it ends.
Recipe 2: Free Shipping Threshold Bar #
Goal: Encourage larger orders by promoting a free shipping threshold.
Step-by-step:
- Create a new Announcement Bar and select the “Free Shipping” template.
- Content tab: Set message to “Free shipping on orders over $50! Shop now and save.” Add CTA button “Shop Now” linking to your store.
- Position tab: Set to Top, enable Sticky Mode.
- Targeting tab: Set to All Pages. Optionally target only visitors from countries you offer free shipping to using Geographic Targeting.
- Publish.
Tip: Add multiple rotating messages. Alternate between “Free shipping over $50” and “Almost there! Add a few more items for free shipping.”
Recipe 3: New Product Launch Announcement #
Goal: Announce a new product or feature to all site visitors.
Step-by-step:
- Create a new Announcement Bar and select the “New Launch” template (PRO) or “Info Banner”.
- Content tab: Set message to “Introducing [Product Name] – Our most powerful feature yet!” Add CTA button “Learn More” linking to the product page.
- Position tab: Set to Top, enable Sticky Mode.
- Schedule tab: Set start date to launch day. Set end date 2-4 weeks later.
- Design tab: Use bold, contrasting colors to grab attention.
- Publish.
Recipe 4: Holiday/Seasonal Promotion with Schedule #
Goal: Run a seasonal campaign that automatically starts and stops on schedule.
Step-by-step:
- Create a new Announcement Bar and select the “Holiday Special” template.
- Content tab: Set message to “Holiday Sale! 30% off all items. Limited time only!” Add CTA “Shop the Sale”.
- Position tab: Top, Sticky enabled.
- Countdown tab: Enable countdown with Fixed Date timer set to the last day of the holiday sale.
- Coupon tab: Enable coupon display. Set code to “HOLIDAY30”. Enable auto-apply for WooCommerce.
- Schedule tab: Set start date to the holiday period start and end date to when the sale closes.
- Design tab: Use festive, seasonal colors that match the holiday theme.
- Publish.
Recipe 5: Coupon Code with Auto-Apply (WooCommerce) #
Goal: Display a coupon code that automatically applies to the visitor’s WooCommerce cart.
Step-by-step:
- First, create a coupon in WooCommerce > Coupons (e.g., “SAVE20” for 20% off).
- Create a new Announcement Bar and select the “Coupon Display” template.
- Content tab: Set message to “Use code SAVE20 for 20% off your order!”
- Coupon tab: Enable coupon. Set code to “SAVE20”. Set label to “Your discount code:”. Enable Auto-Apply to WooCommerce.
- Position tab: Top, Sticky enabled.
- Targeting tab: Target all pages or WooCommerce shop pages specifically.
- Publish.
Tip: With auto-apply enabled, visitors don’t need to copy the code manually. The discount is automatically added to their cart, reducing friction.
Popup Campaign Recipes #
Recipe 6: Email Newsletter Signup (Lead Capture + Mailchimp) #
Goal: Build your email list by capturing visitor emails with automatic Mailchimp integration.
Step-by-step:
- Create a new Popup Campaign and select a Lead Capture template from the templates library.
- Basic tab: Set campaign type to Lead Capture. Position: Center Modal.
- Content tab: Set heading to “Join Our Newsletter”. Body text: “Get exclusive deals, tips, and updates delivered to your inbox.” Add an enticing image.
- Form tab: Add Email field (required) and Name field. Set success message to “Welcome! Check your inbox for a confirmation email.” Configure Mailchimp API key, select your audience list, and enable double opt-in.
- Triggers tab: Set to Time Delay – 5 seconds.
- Frequency tab: Set to Once Per Session.
- Targeting tab: Target Guests only (no need to show to existing subscribers who are logged in).
- Animation tab: Choose Fade In for a smooth, non-intrusive entrance.
- Publish.
Recipe 7: Exit Intent Discount Offer #
Goal: Recover leaving visitors with a last-chance discount offer. Studies show this can recover 10-15% of abandoning visitors.
Step-by-step:
- Create a new Popup Campaign and select an Exit Intent template from the templates library.
- Basic tab: Set campaign type to Exit Intent. Position: Center Modal.
- Content tab: Set heading to “Wait! Don’t Leave Empty-Handed”. Body text: “Here’s 15% off your first order. This offer won’t last forever!” Add a primary button “Claim My Discount” linking to your shop.
- Coupon tab: Enable coupon. Set code to “STAY15”. Style: Dashed.
- Triggers tab: Set to Exit Intent.
- Frequency tab: Set to Once Per Session.
- Targeting tab: Target All Pages but Exclude checkout and cart pages.
- Publish.
Tip: Exclude checkout pages. Showing a discount popup during checkout can interrupt the purchase flow and increase cart abandonment.
Recipe 8: Welcome Popup for New Visitors #
Goal: Greet first-time visitors with a welcome message and offer.
Step-by-step:
- Create a new Popup Campaign and select a Welcome template from the templates library.
- Basic tab: Set campaign type to Welcome. Position: Center Modal.
- Content tab: Set heading to “Welcome to [Your Store]!” Body text: “Thanks for visiting! Here’s 10% off to get you started.” Add your brand image and a button “Start Shopping”.
- Coupon tab: Enable coupon. Set code to “WELCOME10”.
- Triggers tab: Set to Time Delay – 3 seconds.
- Frequency tab: Set to Once Ever (PRO) so returning visitors only see it once. Or use Once Per Session.
- Targeting tab: Target Homepage Only and Guests only.
- Publish.
Recipe 9: Cookie Consent Popup (GDPR) #
PRO Feature: Cookie Consent campaign type requires HashBar Pro.
Goal: Display a GDPR-compliant cookie consent notice to all visitors.
Step-by-step:
- Create a new Popup Campaign.
- Basic tab: Set campaign type to Cookie Consent. Position: Bottom Left or Bottom Right.
- Content tab: Set heading to “Cookie Notice”. Body text: “We use cookies to enhance your browsing experience. By continuing, you agree to our use of cookies.” Add primary button “Accept” and secondary button “Learn More” linking to your privacy policy.
- Triggers tab: Set to Immediate.
- Frequency tab: Set to Once Ever (PRO) so once accepted, it never shows again.
- Targeting tab: All Pages, All Devices, All Users.
- Design tab: Use a subtle design that doesn’t obstruct content.
- Publish.
Recipe 10: Black Friday Countdown Popup #
Goal: Create maximum urgency for a Black Friday sale with countdown timer and coupon.
Step-by-step:
- Create a new Popup Campaign and select a Promotion template from the templates library.
- Basic tab: Set campaign type to Promotion. Position: Center Modal (or Fullscreen for maximum impact – PRO).
- Content tab: Set heading to “Black Friday Mega Sale!” Body text: “Our biggest sale of the year. Up to 70% off everything.” Use a bold, attention-grabbing image. Button: “Shop Black Friday Deals”.
- Countdown tab: Enable countdown. Use Fixed Date timer set to the end of Black Friday. Style: Boxes for visual impact.
- Coupon tab: Enable coupon. Set code to “BF70”. Style: Ticket (PRO) for a premium look.
- Triggers tab: Set to Time Delay – 2 seconds.
- Frequency tab: Set to Once Per Day so visitors see it each day of the event.
- Schedule tab: Set start to Black Friday start and end to Cyber Monday end.
- Animation tab: Use Zoom In (PRO) for dramatic entrance.
- Design tab: Use dark background with bold accent colors (red, gold) for urgency.
- Publish.
Bonus Recipes #
Engaged Reader Lead Capture (Scroll Trigger – PRO) #
Goal: Capture emails from engaged blog readers who scroll through your content.
| Setting | Value |
|---|---|
| Campaign Type | Lead Capture |
| Position | Bottom Right (non-intrusive) |
| Trigger | Scroll Depth – 50% |
| Frequency | Once Per Session |
| Targeting | Blog posts only, Guests |
| Form Fields | Email (required), Name |
| Heading | “Enjoying this article?” |
| Body | “Subscribe for more tips and tutorials.” |
Inactivity Re-engagement (PRO) #
Goal: Re-engage visitors who stopped interacting with your page.
| Setting | Value |
|---|---|
| Campaign Type | Promotion |
| Position | Center Modal |
| Trigger | User Inactivity – 30 seconds |
| Frequency | Once Per Session |
| Heading | “Still browsing?” |
| Body | “Here’s a special offer just for you.” |
| Coupon | Enable with discount code |
Rotating Multi-Message Bar #
Goal: Display multiple different offers in a single announcement bar.
| Setting | Value |
|---|---|
| Message 1 | “Free shipping on orders over $50” |
| Message 2 | “New arrivals just dropped! Shop now” |
| Message 3 | “Use code SAVE10 for 10% off” |
| Rotation Interval | 8 seconds |
| Position | Top, Sticky |
| Target | All Pages, All Devices |
General Tips for All Campaigns #
- Start simple. Begin with one announcement bar and one popup. Monitor performance before creating more.
- Don’t overwhelm visitors. Avoid running too many campaigns at once on the same page.
- Use analytics. Check your campaign metrics regularly and adjust based on what the data tells you.
- A/B test everything. Test different headlines, offers, colors, and triggers to find what converts best (PRO).
- Match the message to the moment. Exit intent needs a compelling “don’t go” offer. Welcome popups should be warm and inviting.
- Respect the visitor. Use frequency control so visitors aren’t bombarded with the same popup repeatedly.
- Preview before publishing. Always check the Live Preview to ensure your campaign looks correct on desktop and mobile.
Related Guides #
- Getting Started with Announcement Bar – First-time setup guide
- Getting Started with Popup Campaign – First-time popup setup guide
- Announcement Bar Editor Guide – Complete setting reference (9 tabs)
- Popup Campaign Editor Guide – Complete setting reference (12 tabs)
- Countdown Timer Guide – Timer types, styles, and strategies
- Coupon Display Guide – Coupon configuration and WooCommerce integration
- Targeting & Triggers Guide – Advanced targeting and trigger options
- Analytics Guide – Track and measure campaign performance
- A/B Testing Guide – Test and optimize your campaigns (PRO)
That covers all the major use cases and recipes for HashBar. Use these examples as starting points, then customize to match your brand and goals. If you need additional assistance, feel free to contact our support team.