hero_4.png

NEW

EVENTS WIDGET UPGRADE

(FANS / ARTISTS?)

events widget

The Events widget lets you easily list your tour information and ticket links on your website and is synchronized with your Bandsintown Manager account. Just like on Bandsintown, your visitors can see where you're performing next and get tickets without leaving your site. This widget automatically matches the color scheme on your website but you can also fully customize it to fit your exact taste.

tourdatesWidget2_@2x.jpg

step-by-step

1. Customize your widget

Pick the artist page you want to use with the Events widget and customize the widget.

2. Get your code

Click the Get Code button to generate your Events widget code.

3. COPY & PASTE to your website

Copy and paste the snippet into the HTML of your website.


Need more customization?

In addition to the settings above, you can also change the following:

Setting Name

HTML5 Attribute

Description

Default

Artist Name

data-artist-name

The name of the artist for which to show events.

None

Text Color

data-text-color

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

#000000

Link Color

data-link-color

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

#000000

Link Text Color

data-link-text-color

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

#FFFFFF

Background Color

data-background-color

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

Transparent

Popup Background Color

data-popup-background-color

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

#FFFFFF

Separator Color

data-separator-color

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

#7C7C7C

Font

data-font

Font for the widget.

Helvetica

Widget Width

data-widget-width

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

100%

Display Limit

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

Display Local Dates

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

false

Display Past Dates

data-display-past-dates

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

true

Language

data-language

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

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

false

Div ID

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

None

Facebook Page ID

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

None

Afill Code

data-afill-code

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

“js_(website domain name)”

App ID

data-app-id

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

“js_(website domain name)”

Click here if you need help.