Skip to main content
Customize your Widget

Customize colors, fonts, content and more

Updated over a month ago

The Widget can be set to automatically match your website’s color scheme or customized manually to adjust colors, fonts, content and more without any coding.

Click the arrow under the Widget tool in the Tools section of the Bandsintown for Artists Dashboard.

Advanced customizations

Customize which events are displayed

You can control which events are displayed on your Bandsintown Widget, providing more flexibility and precision in managing event visibility.

For example, you can choose to display certain dates through the Widget on one website, and a different set of dates through the Widget on a different site.

To specify which events are displayed, add a new data attribute in the Widget setup code.

The format for this attribute is as follows.

data-events-to-display="106010505,106010509"

The unique strings of numbers in the new parameter correspond to unique event IDs. Any event IDs included in this attribute will determine which events are shown on the Widget. Any events not listed will be hidden.

The parameter data-events-to-display= could be added anywhere inside the widget script, but we recommend adding it just after the artist ID.

For example:

<script charset="utf-8" src="https://widgetv3.bandsintown.com/main.min.js"></script>  <a class="bit-widget-initializer"    data-artist-name="id_15516202" data-events-to-display="[INSERT HERE]" data-background-color="rgba(255,255,255,1)" data-separator-color="rgba(221,221,221,1)" data-text-color="rgba(66,66,66,1)" data-font="Helvetica" data-auto-style="true"

Replace RSVP and Tickets Buttons with VIP and Multi-Ticket Options

Replace the default RSVP and Tickets buttons with a VIP button and a multi-ticket popup.

1. Show RSVP as icon only:

This customization converts the RSVP button into a bell icon to free up space for other buttons.

Parameter:

data-event-rsvp-only-show-icon="true"

2. Prioritize Presale over VIP:

If both Presale and VIP links are provided, the widget will prioritize displaying the Presale button first. If only a VIP link is available, then the VIP button will display in place of the RSVP.

3. Configure the VIP button text:

If empty, the button text will default to "VIP." If a custom label is provided (e.g., "Exclusive VIP"), this text will display.

Parameter:

data-event-custom-ticket-text="VIP Text"

4. Modify the Tickets Button Label:

This customizes the main Tickets button to say “Tickets & VIP” and opens a multi-ticket popup for various ticket options.

Parameter:

data-event-ticket-text="Tickets & VIP"

Convert Follow Button to Presale Signup Button

Allow fans to sign up for exclusive access to tickets by replacing the Follow button with a Presale signup button.

1. Set the Presale Signup URL

This directs the Follow button to a custom URL, like a presale signup page.

Parameter:

data-follow-section-cta-url="https://www.bandsintown.com/release?release_id=aaeacaec-4023-432f-ae1d-de3e9710eab4"

2. Customize Follow Section Header Text

This message appears above the follow button, adding context for the presale.

Parameter:

data-follow-section-header-text="Don't have a presale code? Signup for presale access!"

3. Update the Follow Button Label

This changes the button label to say “Get Code” instead of “Follow,” making it clear this button is for presale access.

Parameter:

data-follow-section-cta-text="Get Code"

Learn more about the Widget here.

Did this answer your question?