Music Apps: Adding and Setting Up the Bandsintown App

Important:

The BandsIntown app is no longer available for new installations.

With the Bandsintown app, fans can RSVP and buy tickets to your upcoming shows directly from your site. The app automatically displays upcoming events and direct ticket links from your Bandsintown profile. Visitors can also share their interest in your shows on their social media.

Step 1 | Add the Bandsintown app to your site

Wix Editor

1. Go to your editor.

2. Click Add Apps

   

   on the left side of the editor.

3. Search for the Bandsintown app in the search bar.

4. Click Add to Site.

1. Click Agree & Add to confirm.

Studio Editor

1. Go to your editor.

2. Click App Market

   

   on the left side of the editor.

3. Search for the Bandsintown app in the search bar.

4. Click Add to Site.

1. Click Agree & Add to confirm.

Dashboard

1. Go to the Wix App Market in your site's dashboard.

2. Search for the Bandsintown app in the search bar.

3. Click Add to Site.

1. Select the relevant site and click Continue.

2. Click Agree & Add to confirm.

Step 2 | Set up the app

Next, connect your Bandsintown account to the app. Choose what information and social icons to display.

To set up the app:

1. Click the app in your editor and click Settings.

2. Connect your Bandsintown account:

   1. Click Connect Account.

      Note: If you don't yet have an account, click Create a Free account and return to this panel once you've created one.

   2. Enter your Bandsintown name in the Artist Name field.

   3. Click the toggles to choose what info you want to display on the app:

      • Display Info:

        • Title: Display a title at the top of your list. (If necessary) Edit the title in the Add a title field.

        • Show Description: The description of the show taken from your Bandsintown account.

      • Show Social Buttons:

        • Track Artist: Include a link to the artist's page on Bandsintown.

        • Facebook & Twitter: Include a link to the artist's Facebook and Twitter accounts.

Step 3 | Customize the app's design

Lastly, customize the design of the app's text, background and buttons to complement your site's style.

To customize the app's design:

1. Click the app in your editor and click Design.

2. Choose what you'd like to customize:

Text

• Top Bar: Choose a font and color for the app's title and menu.

• Tour Dates: Choose a font and color for the app's info and description.

Background

• Title Background: Select a color and adjust the opacity background behind the artist's name.

• Menu background: Select a color and adjust the opacity background behind the menu.

• Strip No. 1: Select a color and adjust the opacity of the background of every other tour date.

• Strip No. 2: Select a color and adjust the opacity of the background of the rest of the tour dates.

• Strip Margins: Increase or decrease the space between each tour date.

• Show dividers: Click the toggle to show or hide dividers between tour dates.

• Divider Color: Select a divider color and adjust the opacity.

• Show Border: Click the toggle to show or hide a border around the Bandsintown app.

  • Opacity & color: Select a border color and adjust the opacity.

  • Width: Adjust the border width.

Buttons

• Social Buttons: Choose a font, color and background color of the social icons and text.

• RSVP & Tickets: Choose a font, text color and border color for the RSVP and Tickets buttons.

Troubleshooting Bandsintown issues

If the Bandsintown app is showing a "No Upcoming Shows" error after you connected your band’s account, please check the following:

1. You've got shows in the future and not in the past, as the app only displays upcoming shows.

2. You connected the right band and not another one with the same or similar name.

What information should I include if I need to reach out for assistance?

For us to best assist you, it helps to have the following information ready:

• The artist's name whose account you're connecting to.

• The name and version of the web browser you're using.

• The name and version of your computer's operating system.

• A screenshot of your console view (see below for steps)

How do I take a screenshot of my console view?

1. Open an incognito window in Google Chrome (Ctrl + Shift + N).

2. Sign in to Wix and open your editor.

3. Go to the area where you noticed the issue and try to repeat the steps.

4. Press Ctrl + Shift + J (PC) or Cmd + Option + J (Mac) to open the Console.

   Tip: If the shortcut doesn’t work, right-click the page and select Inspect.

5. Click the Console tab at the top, then press F5 to refresh the page.

6. Take a screenshot of this tab.

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!