bonus bar builder

Bonus Bar Builder

How to Use This App

Enter your Bonus Headline, Subtext, and Bonus Link.
Click one of the style buttons below to preview your bonus banner.
Copy or download the generated code block and paste it into your funnel page.
Use the “Show Bonus” toggle on your preview bar to test it live.

Bonus Headline: Bonus Subtext: Bonus Link URL:

Live Preview

Promote Your Offers to 5M+ Active Buyers without spending on ads! — Grab this List of 50 High-traffic Facebook Groups FREE!

Access Bonus

Your Code:

<div id="bonusBar" style="font-family:'Playfair Display',serif;
  background:linear-gradient(90deg,royalblue,magenta);
  color:gold;padding:0.5rem 0.75rem;position:fixed;top:0;left:0;right:0;z-index:9999;
  display:flex;align-items:center;justify-content:space-between;animation:pulse 2s infinite;">
  <span><strong>Promote Your Offers to 5M+ Active Buyers without spending on ads!</strong> — Grab this List of 50 High-traffic Facebook Groups FREE!</span>
  <div style="display:flex;align-items:center;gap:0.5rem;">
    <a href="https://funnelmates.com/landing/gift-50-high-traffic-fb-promo-groups-c/" style="padding:0.4rem;background:gold;color:royalblue;
      text-decoration:none;border-radius:5px;font-weight:bold;" target="_blank">Access Bonus</a>
    <button onclick="document.getElementById('bonusBar').style.display='none';
      document.getElementById('showBonus').style.display='block';"
      style="background:gold;color:royalblue;border:none;font-size:1.2rem;width:28px;
      height:28px;border-radius:50%;cursor:pointer;">×</button>
  </div>
</div>
<div id="showBonus" style="display:none;position:fixed;bottom:10px;right:10px;
  z-index:9999;">
  <button onclick="document.getElementById('bonusBar').style.display='flex';
    this.style.display='none';" style="background:gold;color:royalblue;
    padding:0.4rem;border:none;border-radius:5px;font-weight:bold;">
    Show Bonus</button>
</div>

If you found this tool helpful, please rate it:
★ ★ ★ ★ ★

Scan to open this app on your phone: