Conditional CTA: Free Embeds Component by Jephthah Ledum

Shows a live CTA when you're open — and a friendly offline fallback when you're not. Powered by real business hours logic with DST-safe time zone support. Drop it in, set your schedule, and your site handles availability automatically.

What It Does

Conditional CTA is a smart scheduling card that reads the visitor's current time against your configured business hours and renders one of two polished states: an online state with a pulsing live badge and a booking CTA, or an offline state with a dynamic "back at…" message that tells visitors exactly when you return. The switch between states is animated and re-evaluates every 60 seconds without a page reload.

Capabilities

Business hours logic

Set opening and closing times using 24-hour format (e.g. 9 = 9am, 18 = 6pm)
DST-safe — uses the browser's native Intl.DateTimeFormat API with IANA timezone strings, so no manual offset math breaks on daylight saving transitions
17 time zone options across all major regions (UTC, London, Lagos, New York, Tokyo, Sydney, and more)

Active day scheduling

Three schedule modes: Mon–Fri (default), Every day, or Custom
Custom mode exposes individual toggles for each day of the week
The "back at…" message intelligently walks forward through your schedule to find the next available day — works correctly even for non-contiguous custom schedules (e.g. Mon, Wed, Fri only)

Two-state UI

Online: green pulsing dot badge, your headline, subtext, and a filled accent-colored CTA button linking to your booking URL
Offline: muted grey badge, your offline headline, a computed "Back [day] at [time]" message, and a ghost-style fallback CTA button linking to a message/contact URL

Customizing it

Business hours

Opens at / Closes at — Set your working window using 24h values
Time zone — Pick your IANA time zone from the dropdown; covers all major regions
Active days — Choose Weekdays, Every day, or Custom; Custom mode reveals individual day toggles

Content

Headline / Subtext / Button label / Button URL — Full copy control for the online state
Offline headline / Offline button / Offline URL — Full copy control for the offline fallback state

Appearance

Accent — Drives the pulsing dot, ambient glow, badge tint, and CTA button color
Background — Sets the card fill color
Text — Controls the primary text color
Border — Card border color; supports rgba for transparency
Radius — Corner radius for the card (0–40px); the button radius scales down automatically