🕒 Embed Event Times on Your Blog (Free) — Meet the Pastetime Widget

•4 min read

Paste one script to show event times in each reader’s local timezone — with optional countdown and Add to Calendar. No account needed.

TL;DR: Paste a single <script> and your post will automatically show the event time in each visitor’s local timezone — with optional countdown and Add to Calendar. No account needed. ✨ See the full Widget Guide.

Why this matters (especially for WordPress & solo bloggers) đź’ˇ

“2pm EST” = confusion; “2pm your time” = clarity. The Pastetime widget detects a reader’s timezone and displays your event cleanly right inside your post — perfect for launches, livestreams, webinars, or meetups. Learn more in the Widget Guide.

Quick start (copy–paste) ⚡

Drop this where you mention your event (e.g., in the WordPress editor’s HTML view or a custom HTML block):

<script
  async
  src="https://www.pastetime.com/embed/embed.js"
  data-event-time="2024-02-15T14:00:00Z"
  data-event-timezone="America/New_York"
  data-event-title="Product Launch"
></script>

That’s it — the widget will detect the visitor’s timezone, convert your event time, and render a tidy card.

What your readers will see đź‘€

  • Your event time (original timezone) + their local time (auto-detected)
  • Optional countdown (“Starts in…”)
  • One-click Add to Calendar (major calendars supported)
  • A small “Powered by Pastetime” attribution by default (you can hide it)

Copy-ready examples you can steal 🧩

1) Enhanced Event + Countdown ⏱️

Shows title, location (e.g., Zoom link), duration, countdown, and local time.

<script
  async
  src="https://www.pastetime.com/embed/embed.js"
  data-event-time="2025-09-10T10:00:00Z"
  data-event-timezone="Europe/London"
  data-event-title="Global Conference"
  data-event-location="https://zoom.us/j/123456"
  data-event-duration="2"
  data-show-countdown="true"
  data-show-local-time="true"
  data-show-calendar="true"
></script>

This mirrors the guide’s “Enhanced Event with Countdown” configuration.

2) Light Theme (for bright pages) 🌤️

<script
  async
  src="https://www.pastetime.com/embed/embed.js"
  data-event-time="2025-10-20T16:00:00Z"
  data-event-timezone="Asia/Tokyo"
  data-event-title="Team Meeting"
  data-theme="light"
  data-show-local-time="true"
  data-show-countdown="true"
  data-show-calendar="true"
></script>

Light theme is built-in and great on white backgrounds.

3) Minimal footprint (hide branding/actions) 🧼

<script
  async
  src="https://www.pastetime.com/embed/embed.js"
  data-event-time="2025-11-01T09:00:00Z"
  data-event-timezone="Australia/Sydney"
  data-show-brand="false"
  data-show-calendar="false"
></script>

The “Minimal Widget” keeps things tiny when space is tight.

Configuration at a glance 🧰

Required

  • data-event-time — ISO 8601, e.g. 2024-02-15T14:00:00Z
  • data-event-timezone — IANA zone, e.g. Europe/London

Optional (most popular)

  • data-event-title — widget header + calendar title
  • data-event-location — venue or meeting link (Zoom, etc.)
  • data-event-duration — hours (default 1)
  • data-show-countdown — "true"|"false" (default false)
  • data-show-local-time — "true"|"false" (default false)
  • data-theme — "light"|"dark" (default dark)
  • data-show-brand — "true"|"false" (default true)
  • data-show-calendar — "true"|"false" (default true; hides actions if false & no location)

Tip: If you skip data-event-title, the header hides automatically; calendar downloads fall back to “Event.”

Performance, compatibility & accessibility 🚀

  • ~15 KB minified JS; external CSS is cache-friendly
  • Caches conversions in localStorage for repeat visits
  • Works on Chrome, Firefox, Safari, Edge, plus mobile browsers; screen-reader friendly; cross-origin embeds are fine

Error handling (in case things go sideways) 🛡️

If timezone detection fails, the widget shows the original event time, explains what happened, and links to the converter. If the API fails, it keeps the layout intact, shows an error, and links to manual conversion.

Privacy (no creepy stuff) đź”’

Pastetime uses Umami and basic API endpoint tracking — no cookies, IP addresses, or personal identifiers. See our privacy policy for details.

đź”— Related resources

Where this shines for bloggers ✍️

  • Event announcement posts — launch times, webinars, premieres
  • Weekly community updates — kickoff times across regions
  • Course pages & office hours — post one time; readers see theirs
  • Newsletter archives — embeds survive copy-paste into your site

FAQ âť“

Does it handle daylight saving time? Yes. The conversion respects each locale’s DST rules automatically.

Can I set a default zone/time? Yes — that’s your data-event-time + data-event-timezone. The widget converts to each reader’s local zone on load.

Will it work on WordPress or Notion? Yep. It’s a plain script tag — great for Custom HTML blocks and most CMSes. (Cross-origin embedding is supported.)

Can I hide the “Powered by Pastetime” link? Sure — set data-show-brand="false". (Keeping it on helps support the free tier 💜.)

Is it really free? Do I have to sign up? Free to use, no registration required.

Ready to add it to your next post? 🚀

  • 👉 Get the widget: see the full Widget Guide with more examples — Widget Guide
  • 🧪 Test it live: drop the Quick Start snippet into a draft and preview
  • đź’¬ Questions? Ping us — we’re friendly and fast

Happy embedding & happy publishing! 🎉