events widget

Sync your events from Bandsintown straight to your website so your fans always know where you're performing next. The widget lists your events with all the necessary info plus ticket links. Even better: it improves your visibility on Google Search thanks to our support of Google rich cards which highlights your shows.

Get set up in just a few clicks, no coding involved: the widget automatically matches the color scheme on your website. If you prefer, you can customize it thanks to our numerous customization options: font, colors, dimensions, content. What are you waiting for?

WTM - widget.png

How to

Click on the Install button below and follow these 3 simple steps:

1. Set the artist name

  • Set the name of the artist you want to use the Events Widget for.

2. Customize the appearance

  • Use the color palette to set the colors you want to use.
  • Decide whether you want to show local events and/or past events to your website visitors.
  • Set the maximum number of events you wish to display, if any.
  • Show or hide the lineup of your events (coming soon)

3. Paste the code to your website

  • The code of your customized widget is automatically generatd at the bottom of the page.
  • Click on Copy Code and paste to your website exactly where you want it displayed.
  • Publish your updated website as you normally do. And voilà, your website is in sync with your events on Bandsintown!


  • If you prefer to let the widget automatically match the color scheme of your website rather than use your predefined colors, remove all corresponding color options and replace data-auto-style="false" by data-auto-style="true".
  • By default, the Events Widget automatically displays in your visitor's preferred language, as defined in their browser settings, among English, French, Spanish, Portugese, Italian, German and Japanese. If your visitor has a different preferred language, the Events Widget defaults to English. If you want to remove language auto-detection, just add data-language="en" or any language abbreviation among fr, es, pt, it, de, ja.

Need more customization?

You can customize the font, colors, dimensions, content of th Events Widget to your taste. Simply identify from the list below which option to use and add it within the code snippet of the Events Widget on your website before publishing it.


  • to apply the Helvetica font, add: data-font="Helvetica"
  • to limit the number of events listed to 15, add: data-display-limit="15"
  • to force your Events Widget to display in English for all visitors, add: data-language="en"
  • to set the width of your Events Widget to 50% of your page width, add: data-widget-width="50%"

Setting Name

HTML5 Attribute



Artist Name


The name of the artist for which to show events.


Text Color


Text color for the event data. HTML color code (hex or name).


Link Color


Color for the “upcoming” / “past events” links as well as the event buttons. HTML color code (hex or name).


Link Text Color


Text color for the event buttons. HTML color code (hex or name).


Background Color


Background color for the widget. HTML color code (hex or name).


Popup Background Color


Popup background color for the widget. HTML color code (hex or name).


Separator Color


Color for the separators between events in the list. HTML color code (hex or name).




Font for the widget.


Widget Width


Width in pixels or percentage. Width in CSS format is "350px" or "50%". Switches to mobile friendly layout at 414px.


Display Logo


Display the Bandsintown logo at the top of the widget (links to the artist's Bandsintown page).


Display Track Button


Display Track message at the top of the widget (links to the artist's Bandsintown page and tracks the artist when clicked).


Display Local Dates


If set to true, the browser will prompt the user for location information and show local events at the top of the event list.


Display Past Dates


If set to true, shows past dates in addition to upcoming dates.


Display Lineup


If set to true, displays the lineup for each event.


Display Details


If set to true, displays the on sale date and time and description for each event, if information is available.


Display Limit


Number of shows to display. A Show All Dates" link will appear below the concerts to expand the list if the limit is exceeded.

Show all



If set, the widget will always display in the chosen language. English, Spanish, German, French, Japanese, Portuguese and Italian are supported via the following language codes: en, es, de, fr, ja, pt, it.

Detects browser language

Auto Style


If set to true, the widget will use the parent page's styling to "guess" at good options for its styling: any additional specified options will take precedence over auto style options.


Div ID


Specifies a div for the widget render inside. If not specified, the widget will be rendered in the location of the <a> tag.


Facebook Page ID


Used to lookup an artist by Facebook page ID. If found, the artist with the matching page ID will be used, otherwise the artist name will be used: the data-artist-name property is still required when using this option. Formatted as a number or string.


Afill Code


A word to identify your application, company or band. Formatted as a string.

“js_(website domain name)”

App ID


You may specify a word to identify your application, company or band. Formatted as a string.

“js_(website domain name)”

Check our Help Center if you need help.