✨ Event Time Widget

Show Event Times inYour Visitor's Timezone

Stop confusing your global audience. Our widget automatically detects your visitor's timezone and displays your event time in their local time. Perfect for event organizers, conference hosts, and global businesses.

❌ "Event at 2pm EST" (confusing)✅ "Event at 7pm your time" (clear)

🚀 Quick Start

1. Add the Widget

<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>

2. That's It!

The widget will automatically:

• Detect your visitor's timezone
• Convert your event time to their local time
• Display it in a clean, branded widget
• Provide "Add to Calendar" functionality

✨ Key Features

🌍

Automatic Timezone Detection

Detects visitor's timezone using their browser settings. No manual configuration required.

📅

Calendar Integration

One-click 'Add to Calendar' with proper timezone support for all major calendar platforms.

⚡

Lightning Fast

Caches conversions in localStorage for instant loading on repeat visits.

🎨

Customizable Design

Dark and light themes with optional branding. Matches your site's design perfectly.

📱

Mobile Responsive

Optimized for all devices and screen sizes with touch-friendly interactions.

♿

Accessibility First

Screen reader friendly with proper ARIA labels and keyboard navigation.

🎯 Perfect For

🎪Event Organizers

Conference hosts, webinar organizers, and event planners who need to reach global audiences.

Examples: Product launches, virtual conferences, workshops, meetups

💼Global Businesses

Companies with international customers who need to schedule meetings and support calls.

Examples: Sales demos, customer support, team meetings, interviews

🎓Educational Institutions

Online courses, webinars, and virtual classrooms with students from around the world.

Examples: Online classes, office hours, study sessions, exams

🎬Content Creators

Streamers, podcasters, and creators who want to announce live events to global audiences.

Examples: Live streams, Q&A sessions, community events, launches

💡 Implementation Examples

Enhanced Event with Countdown

Event with location, countdown timer, and current local time display.

Implementation

<script
  async
  src="https://www.pastetime.com/embed/embed.js"
  data-event-time="2024-03-20T10: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>

Light Theme Widget

Clean widget with light theme for bright backgrounds.

Implementation

<script
  async
  src="https://www.pastetime.com/embed/embed.js"
  data-event-time="2024-04-10T16:00:00Z"
  data-event-timezone="Asia/Tokyo"
  data-event-title="Team Meeting"
  data-theme="light"
></script>

Minimal Widget

Minimized card content for the smallest footprint: branding and actions hidden.

Implementation

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

Full‑Featured Widget

All common options enabled: title, location, duration, countdown, local time, theme, and branding.

Implementation

<script
  async
  src="https://www.pastetime.com/embed/embed.js"
  data-event-time="2024-06-01T15:00:00Z"
  data-event-timezone="Europe/London"
  data-event-title="Conference Keynote"
  data-event-location="https://zoom.us/j/123456"
  data-event-duration="2"
  data-show-countdown="true"
  data-show-local-time="true"
  data-theme="dark"
  data-show-brand="true"
  data-show-calendar="true"
></script>

⚙️ Configuration Options

Required Parameters

data-event-timerequired

Event time in ISO 8601 format (e.g., "2024-02-15T14:00:00Z")

data-event-timezonerequired

Event timezone in IANA format (e.g., "America/New_York", "Europe/London")

Optional Parameters

data-event-titleoptional

Event name/title. If omitted, the widget hides the header. Calendar downloads will use "Event" as a fallback title.

data-event-locationoptional

Event location or meeting link (e.g., Zoom URL)

data-event-durationoptional

Event duration in hours (default: 1)

data-show-countdownoptional

Show countdown to event ("true" or "false", default: "false")

data-show-local-timeoptional

Show visitor's current local time ("true" or "false", default: "false")

data-themeoptional

Theme ("light" or "dark", default: "dark")

data-show-brandoptional

Show "Powered by Pastetime" branding ("true" or "false", default: "true")

data-show-calendaroptional

Show "Add to Calendar" button ("true" or "false", default: "true"). If false and no location is provided, the actions section is hidden.

🛡️ Error Handling

❌Timezone Detection Failure

If the widget cannot detect the visitor's timezone, it will:

• Display the event time in the original timezone
• Show a helpful message about timezone detection
• Provide a direct link to Pastetime's converter for manual conversion

⚠️API Errors

If the conversion API fails, the widget will:

• Display an error message
• Provide a direct link to manually convert the time
• Maintain the widget's visual integrity

🌐 Browser Support

Supported Browsers

Chrome, Firefox, Safari, Edge

Mobile browsers (iOS Safari, Chrome Mobile)

Screen readers and accessibility tools

Cross-origin embedding on any domain

Performance

~15KB minified JavaScript

External CSS with caching

LocalStorage for repeated visits

Minimal API calls (only when necessary)

Ready to Get Started?

Start showing event times in your visitor's timezone today. No registration required.

View Implementation Examples