✨ 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

Basic Event Widget

Simple event display with automatic timezone conversion.

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

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"
></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 (No Branding)

Clean widget without Pastetime branding for seamless integration.

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-event-title="Webinar"
  data-show-brand="false"
></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 (default: "Event")

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

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