Skip to content
Sticky bar Announcement Online store

Sticky announcement bar (CTA)

Full-width top/bottom bar with a message and CTA button. Perfect for promos & announcements. Dismissible, analytics-tracked.

Expected: 1–4% CVR (category estimate)
✦ Customize with AI
Plan required
Free
Setup time
~2 min
Complexity
simple
Used by
0
What this template does

The third widget with a finished runtime. A bar pinned to the top or bottom with a message and a button linking anywhere you choose. Dismissible (stays closed for the session). Message, button label, link, color and placement are editable; default copy auto-translates. Clicks fire an analytics conversion event.

Key features
  • Top or bottom bar, full width
  • Message + CTA button with a link
  • Dismissible (once per session)
  • Editable color, text and placement
  • Auto-translates to the browser language
  • Analytics events (view, click, dismiss)
Triggers
Fires when
on page load
Only on
Frequency
until dismissed
Targeting
Devices
desktop, mobile
Visitor
new & returning
Consent
n/a
Example configurations

The same widget, set up for a specific industry: starting copy and tips on how to configure it. You can change everything in the editor later.

For: Online store

🎟️ Store sticky bar (promo code)

A sticky bar with a promo code and a shop button. It stays on screen while the shopper scrolls categories, so the code is in view all the way to the cart.

Weekend code WEEKEND15: 15% off your whole order
Start shopping
How to set it up

A promo code has one weakness: the shopper reads it on the home page, scrolls through three categories and has forgotten it by checkout. A sticky bar fixes that simply — it stays at the top or bottom of the screen for the whole visit. For a one-off code promotion it suits better than the announcement strip, which scrolls away and has no button. Put the code in capitals right in the message and point the button at the category the promotion covers. On phones choose the bottom of the screen so the bar does not cover your logo and search. Remember that you create the code in your store platform — the bar only displays it.

Will the bar apply the discount?
No. The bar shows the code and a link. You create and manage the code in your store platform.

Top or bottom of the screen?
At the top the bar can push the page down so it does not cover the menu. On phones the bottom is often handier, as it leaves the header area free.

For: SaaS / B2B

🎙️ SaaS sticky bar (webinar signup)

A sticky bar inviting visitors to a product webinar, with a registration button. Shown on the blog and docs, where readers are already interested in a rollout.

Live webinar: rolling the tool out to your team in a week
Register
How to set it up

A SaaS webinar has a short life: two or three weeks of promotion and a single date. An e-mail to your list reaches current customers, but not the people reading your blog or docs today who are still evaluating the product. For them a sticky bar is the simplest invitation: one sentence with the topic and a button to the registration page in your webinar tool (the link opens in a new tab, so their reading is not lost). Name the topic after the problem the webinar solves, not after a feature. After the event, do not leave the old bar up — change the message to “Watch the recording” with a link, or switch the widget off.

Does the bar collect registrations?
No. It links to the registration page in your webinar tool. ClickMeMaybe analytics shows impressions and clicks.

Should I show it inside the app?
You can if the snippet is there, but it is better to limit the bar with URL rules to the public site, blog and docs.

For: Education

📝 School sticky bar (course enrolment)

A sticky bar for the enrolment period, with a button to the group list and signup form. Parents and learners see it on every page of the school site.

Enrolment for the new term is open
Pick a group
How to set it up

For a language or dance school, enrolment is a few weeks a year when the site has one job: getting a parent or learner to sign up. The trouble is they arrive from all over — the price list, the “About” page, class photos — and do not always find the form. A sticky bar with a button to the group list solves that on every page. In the message, say what enrolment is for (term, level, age group), and name the button after the next step. If you have a real closing date, you can include it; if you add groups as demand comes in, do not pretend time is running out.

Can the bar show only during enrolment?
You switch the widget on and off in the panel. There is no automatic schedule, so turn it off when enrolment closes.

Can the button link to an external enrolment system?
Yes. You enter any URL, and the link opens in a new tab.

FAQ
Does the bar cover content?
It sticks to the top or bottom of the viewport; you pick the placement in the editor.
Where does the button lead?
To the URL you set in the "CTA link" field (opens in a new tab).
Does it collect leads?
No — it's an announcement/CTA widget. Clicks are reported to analytics.
Installation

One snippet. ~2 minutes.

Use this template now or copy it into your dashboard. Drop the ClickMeMaybe snippet into your site's <head>, click "Publish", done.

Read installation docs →

Ready to publish?

Copy this template to your workspace, customize, and ship.

✦ Customize with AI

Stop guessing. Start converting.

Install in 5 minutes. Publish your first widget today.

Start Free Now