Wix Integrations
Updated over a week ago

What is Wix?

Wix makes it possible for artists to create high-quality websites without knowing how to code.

Learn more about Wix on their website.

Bandsintown tools for Wix

Bandsintown offers four different tools to promote your events, build your Bandsintown following and grow your fan contacts through Wix. Learn more about each below.

  1. The Bandsintown App for Wix is the easiest way to add tour dates to your site in a few clicks.

  2. The Advanced Events Widget is an event listing with a fully customizable text, look and feel to match your style

  3. The Follow Button a simple call to action button allowing site visitors to follow you on Bandsintown without leaving your site

  4. The Signup Form is an embedded email signup form to allow fans to join your Bandsintown mailing list without leaving your site

Display upcoming live shows on your website with the Bandsintown App for Wix

Install the Bandsintown App on Wix to let your fans know when you're performing next and get info and tickets without leaving your site.

On your website, add an element by clicking on the ‘+’ left of your website editor page.

Then click the Music tab.

Scroll down to the Related Apps section and locate the Bandsintown app.

Click Add to add the app to your website.

Click Settings at the bottom of the newly added app window.

Click the Main option on the left-hand menu, and click Connect Account. Enter the artist’s name to sync their data from Bandsintown.

The artist name should match exactly what’s on the artist’s Bandsintown account, or use the Bandsintown artist ID (e.g., ‘id_123456789’ where 123456789 is replaced by the number found in the artist page URL.

Click Design to edit the widget's font, background color and button color.

For more customization options, use the native Bandsintown Events Widget or the Bandsintown Events API.

Display upcoming live shows on your website with the Advanced Events Widget

Use the Widget builder to customize your Widget with no coding required, copy your embed code, and add it to your website.

The Events Widget is compatible with all website builders that support HTML editing, including Wix, WordPress, Squarespace, Shopify and more.

Step 1: Create your custom Widget

Use the default install settings to have the Widget automatically match your website's color scheme, or dig deeper to customize fonts, colors, content, and more.

Step 2: Copy your Widget code

Once you’ve finished customizing your Widget, click Copy Code to copy the embed code to your clipboard.

Step 3: Paste your code into your Wix page

  1. From your Wix account, go to Edit Site

  2. Select the page where you want to display your tour dates, or create a new one

  3. Click on the + in the top left, then select Embed » Custom Embeds » Embed a Widget

  4. Click Edit Code

  5. Specify you want to add Code then paste your Bandsintown Widget code, and click Update

  6. Note that you won’t see a preview, as Wix disables scripts while you are editing your site

  7. Click Publish to update your website

Your events, info and ticket links are now listed on your Wix and will sync in real-time with your listings on Bandsintown.

Grow your Bandsintown following and contact list with the Follow Button

Build your Follow button URL, then add the URL to a new button on your Wix page.

Step 1: Build your Follow button URL

Start with this template:

Next, replace certain elements of the URL with your personal details:

  1. Replace “2619661” with your own Bandsintown artist ID

    1. Your artist ID can be found by viewing your Bandsintown page in your browser and taking note of the unique number in the URL

  2. Replace “{yourappid}” with “WIX_” followed by your artist name, with hyphens for spaces. For example “WIX_Justin-Bieber”

  3. replace “{your_affiliation_code}” with the affiliation code you already use to call the Bandsintown API, or remove the “&affil_code={your_affiliation_code}” parameter altogether if you don’t already have one

  4. Optionally, you can customize the URL further using these parameters as examples

    1. &bg-color=%231A1A1A

    2. &border-color=%23FFFFFF

    3. &cta-bg-color=%23FFFFFF

    4. &cta-border-color=%23FFFFFF

    5. &cta-border-radius=0px

    6. &cta-border-width=3px

    7. &cta-text-color=%23FFFFFF

    8. &font=Helvetica%20Neue

    9. &text-color=%23FFFFFF

Step 2: Add your URL to a Wix button

Once your URL is ready, create a new Wix button and attach your URL to it.

  1. Click + to select the type of button you want to insert on your page

  2. Place the button on your page and click Change Text & Icon

  3. Change your button label and click on Add a link.

  4. Select Web Address then paste your URL

  5. Click Publish

When clicked, your button should open the Fan Acquisition Form.

Grow your contact list with the embedded Signup Form

Use the Signup Form builder to customize your form, then copy your embed code and add it to your website.

Step 1: Customize your Signup Form

Adjust the background color, layout, alignment, title, header text, font and text style to your liking.

Step 2: Copy your embed code

Once you’ve finished customizing your Signup Form, click Copy Code to add it to your clipboard.

Step 3: Paste your embed code into your Wix page

  1. From your Wix account, go to Edit Site

  2. Select the page where you want to display your Signup Form, or create a new one

  3. Click + in the upper left, then select Embed » Custom Embeds » Embed a widget

  4. Click Edit Code

  5. Specify you want to add Code then paste your Bandsintown Signup Form code and click Update

  6. Note that you won’t see a preview, as Wix disables scripts while you are editing your site

  7. Click Publish to update your website

Your Mailing list form and subscription button are not listed on your website and will sync in real-time with your Bandsintown account

Site visitors can now easily subscribe to your contact list.

Other Parameters you could add to the URL to customize colors, sizes and fonts:

  • &bg-color=%231A1A1A

  • &border-color=%23FFFFFF

  • &cta-bg-color=%23FFFFFF

  • &cta-border-color=%23FFFFFF

  • &cta-border-radius=0px

  • &cta-border-width=3px

  • &cta-text-color=%23FFFFFF

Did this answer your question?