GrassGigs Embed Widget

Bring bluegrass events to your website with our free embeddable map

Quick Start

Add the GrassGigs event map to your website by copying and pasting this code:

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed.html?region=europe" 
          width="100%" 
          height="600" 
          frameborder="0"
          title="Live Bluegrass Events - GrassGigs">
  </iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    Live bluegrass events powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

Note: The embed widget is completely free to use and automatically updates with new events. No API key or registration required. Please keep the attribution link below the widget.

Configuration Options

Customize the widget using URL parameters:

Parameter	Values	Description
`region`	`europe`, `us`, `all`	Filter events by geographic region (shows 365 days of events)
`countries`	`DE,FR,NL`	Comma-separated list of country codes (ISO 3166-1 alpha-2)
`state`	`NY`, `NC,VA`	Filter by US state(s) - comma-separated 2-letter state codes
`city`	`nashville`	Filter by city name (case-insensitive, partial match)

Examples

European Events Only:

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed.html?region=europe" 
          width="100%" height="600" frameborder="0"
          title="European Bluegrass Events - GrassGigs"></iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    European bluegrass events powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

US Events Only:

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed.html?region=us" 
          width="100%" height="600" frameborder="0"
          title="US Bluegrass Events - GrassGigs"></iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    US bluegrass events powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

UK Events Only:

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed.html?countries=GB" 
          width="100%" height="600" frameborder="0"
          title="UK Bluegrass Events - GrassGigs"></iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    UK bluegrass events powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

UK & Ireland Events:

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed.html?countries=GB,IE" 
          width="100%" height="600" frameborder="0"
          title="UK and Ireland Bluegrass Events - GrassGigs"></iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    UK & Ireland bluegrass events powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

Specific Countries (Germany, France, Netherlands):

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed.html?countries=DE,FR,NL" 
          width="100%" height="600" frameborder="0"
          title="Bluegrass Events in Germany, France and Netherlands - GrassGigs"></iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    Bluegrass events powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

New York State Events:

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed.html?state=NY" 
          width="100%" height="600" frameborder="0"
          title="New York Bluegrass Events - GrassGigs"></iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    New York bluegrass events powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

Multiple States (North Carolina & Virginia):

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed.html?state=NC,VA" 
          width="100%" height="600" frameborder="0"
          title="NC and VA Bluegrass Events - GrassGigs"></iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    Bluegrass events powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

All Events Worldwide:

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed.html?region=all" 
          width="100%" height="600" frameborder="0"
          title="Worldwide Bluegrass Events - GrassGigs"></iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    Bluegrass events powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

Band Tour Map Widget

Embed a single band's upcoming shows with an interactive tour map. Shows are numbered in date order, plotted on the map, and connected with a route line so visitors can see the tour at a glance. Ideal for a band's own website.

<div style="max-width: 100%; margin: 1rem 0;">
  <iframe src="https://grassgigs.com/embed-band.html?band=Balsam+Range"
          width="100%"
          height="600"
          frameborder="0"
          title="Tour Dates - GrassGigs">
  </iframe>
  <p style="text-align: center; font-size: 0.85rem; margin-top: 0.5rem;">
    Tour dates powered by <a href="https://grassgigs.com" target="_blank" rel="noopener">GrassGigs</a>
  </p>
</div>

Band Widget Parameters

Parameter	Values	Description
`band`	`Balsam+Range`	The band name exactly as it appears on GrassGigs (URL-encode spaces as `+` or `%20`)
`slug`	`balsam-range`	Alternative to `band`: the band's GrassGigs page slug (from `grassgigs.com/band/<slug>`)

Tip: Use the exact band name for the most reliable match. If no upcoming shows are found, the widget shows a friendly empty message. Shows without map coordinates still appear in the list, numbered in date order.

Live Demo

See the European events widget in action:

Features

Interactive map with event markers and clustering
Per-band tour map with numbered shows and a connected route line (embed-band.html)
Chronological event list with band and venue details
Shows events up to 1 year in advance
Automatically updates with new events
Fully responsive design (mobile, tablet, desktop)
Matches GrassGigs brand styling
Clickable band and venue links to GrassGigs pages
Professional venue name formatting
Fast loading with optimized performance

Partner Showcase

European Bluegrass Music Association (EBMA)

Official partner using GrassGigs embed for European event listings

Visit EBMA

Want to be featured here? If you're using the GrassGigs embed widget on your website, let us know at support@grassgigs.com.

Technical Details

Browser Support

The embed widget works on all modern browsers:

Chrome, Edge, Firefox, Safari (latest versions)
Mobile browsers (iOS Safari, Chrome Mobile)

Performance

Lightweight initial load
Marker clustering for fast rendering with many events
Lazy loading of map tiles
Efficient event filtering and display

Data Updates

Events are automatically updated:

Real-time: Widget fetches latest events on page load
Source: GrassGigs scrapes band websites monthly
Time range: Shows events up to 365 days in advance
No action required: Your embed stays current automatically

Event Information

Each event displays:

Band name (linked to band page on GrassGigs)
Venue name (linked to venue page when available)
Location (city and country/state)
Date and time (time hidden if not provided)
Interactive map marker with popup details

Support & Contact

Need help or have questions about the embed widget?

Email: support@grassgigs.com
Website: grassgigs.com
Documentation: This page

Visit GrassGigs