Build a tap-to-call bar that sticks to the bottom of the screen, set your number, label, and colors, watch it update live in a phone preview, then copy a self-contained snippet you own forever. No monthly fee, no branding, no code required.
A call bar is one small piece. We build fast, conversion-focused sites for local service businesses, with call tracking and the works. Get a free mockup or audit.
Get a free mockup or audit →For a local service business, the phone is the sale. Yet most sites bury the number in a header a visitor has to scroll back up to find. A sticky call bar fixes that: it pins a one-tap call button to the bottom of every screen, so the moment someone is ready to call, the button is right there. This generator builds that bar and hands you the code to keep.
Enter your phone number and the label you want on the button (most service businesses use "Call Now" or "Tap to Call"). Pick a background and text color to match your brand, and decide whether the bar should appear on phones only. The preview updates as you type, and the code box below gives you a self-contained snippet of HTML, CSS, and JavaScript. There are no libraries, no external requests, and no account. You paste it once and it is yours.
The well-known sticky bar tools are built around email capture and pop-style offers. Sticky bars are a paid feature in Unbounce (around 74 dollars a month on the annual plan) and part of the OptinMonster and Hello Bar subscriptions. None of them are free, none give you code you own, and none are built phone-call-first. A service business does not need another newsletter signup. It needs the phone to ring. This bar drives one action, the call, and it does it without a recurring bill or a third-party logo on your site.
Drop the snippet in just before the closing </body> tag, or into your theme footer or a custom HTML block. It works on WordPress, Wix, Squarespace, Shopify, and hand-coded sites because it is plain web code with nothing to install. If you turn on "show on mobile only," a media query hides the bar above 768px so desktop visitors are not crowded.
The Pro version adds click and call tracking, A/B tested CTAs, and analytics so you know exactly how many leads the bar drives.
Get early access, book a free call →Type a phone number, a button label, and two colors, and the phone preview redraws as you type. The number gets stripped down to digits, keeping a leading plus sign if you used one, and dropped into a tel: link. Anything shorter than seven digits is refused rather than turned into a broken button. The label falls back to Call Now if you leave it empty. Both color fields accept the picker or a typed hex code, three or six characters, and stay in sync.
The output is a self-contained block of HTML and CSS: a short style block for a bar fixed to the bottom of the viewport in your colors, an inline SVG phone icon, and a single link carrying an aria-label so screen readers announce it. There is no JavaScript in it, no library, and no outside request, so nothing about it depends on this site staying online. Tick show on mobile only and the code gains one media query that hides the bar above 768 pixels wide. Paste it before the closing body tag, or into a theme footer or custom HTML block.
What it does not do is count. The bar is a link, so no taps or calls get reported back to you or to us, and that number needs analytics or call tracking wired in separately. It cannot verify your phone number is dialable, so a typo becomes a typo in the dialer. It does not judge your color pair, and a pale label on a bright background is unreadable in sunlight. It will not add bottom padding to your pages, so confirm the bar is not sitting on your footer links. A call bar is a small fix on top of the site you already have, not a substitute for the design underneath it. The rest of the free tools library covers the neighboring problems.
It is plain HTML and CSS with no libraries and no external requests, so anywhere you can paste custom code, it runs: WordPress, Wix, Squarespace, Shopify, and hand-coded sites. The one thing to check afterward is your own theme. If your template already pins something to the bottom of the screen, a cookie notice or a chat bubble, the two can overlap and you will want to adjust the spacing.
Yes, it is yours to keep. The styles sit in a plain style block under a single class name, so height, font size, shadow, and the mobile breakpoint are all easy to change by hand. Nothing phones home and nothing expires, so an edited copy keeps working whether or not you ever come back here.