ULTRAKIT · WIDGET #141

A contact bar that follows visitors: a bottom bar or floating pill on phones, a side dock or speed-dial button on desktop. It knows your opening hours and tells Google Analytics which button people tap.

10 actionsbottom bar · pill · speed dialside dock on desktopopening-hours awarehide on scrollGA4 / GTM eventsiPhone safe area

👉 It’s live on this page — look at the right edge of your screen (or the bottom on your phone).

FOUR BUSINESSES · FOUR STYLES

The same element in four real set-ups. Tap the round button on the dental clinic phone to open its speed dial.

bottom barfloating pillspeed dialdark bar
Bottom bar

Emergency plumber

Calling is the main job, so the Call button sits raised in the middle with a soft pulse.

Floating pill

Neighborhood restaurant

Icons for call, directions and menu, and a wide “Order online” button that stands out.

Speed dial

Dental clinic

One calm round button that opens five choices — booking first.

Dark bar

Real estate agent

WhatsApp in the middle with a ready-made message, on a dark bar that matches a luxury site.

OPENING HOURS

It knows when you’re closed

Type your hours once — like “Mon-Fri 8am-6pm”. Outside those hours the Call button fades and shows when you open again, so people text instead of calling an empty shop.

Left: a shop that is closed right now. Right: the same bar during opening hours. Your site’s time zone is used, so it’s right for every visitor.

After hours

Closed right now

The Call button shows when you open next.

Open

Open right now

The main action pulses gently to invite the tap.

MEASURE IT

GA4 event

Every tap sends a contact_click event with the button type — call, sms, whatsapp…

Tag Manager

The same event is pushed to the dataLayer for GTM triggers and conversions.

No setup

If GA4 or GTM is on your site, it just works. If not, nothing is sent.

THREE STEPS

Phone numbers in 555 format and all businesses on this page are examples.

1

Add it once

Put the element in your footer template (or on any page) — it moves itself to the edge of the screen.

2

Pick the buttons

Call, text, WhatsApp, email, directions, Messenger, booking, quote, menu or any link. Mark one as the main action.

3

Choose the look

Bottom bar, floating pill or speed dial on phones; side dock, pill or speed dial on desktop.