Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Spotify Tour Dates on your Drona HQ website for FREE?

Keep fans in the loop with our Spotify Tour Dates widget, displaying your upcoming shows directly on your website for easy access and stronger fan connections.

How to embed Spotify Tour Dates on your Drona HQ website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
August 9, 2026 5 min read Ask ChatGPT
Quick answer

Your Spotify Tour Dates on Drona HQ website — live in 3 steps

SociableKIT syncs your spotify tour dates automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Spotify Tour Dates in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Drona HQ website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Spotify Tour Dates with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Drona HQ website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Spotify Tour Dates on your Drona HQ website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Spotify Tour Dates widget

The first part is creating your Spotify Tour Dates widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Spotify Tour Dates on your Drona HQ website for FREE?
  2. Select "Spotify Tour Dates" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Spotify Tour Dates" on the dropdown - How to embed Spotify Tour Dates on your Drona HQ website for FREE?


  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Spotify Tour Dates on your Drona HQ website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Spotify Tour Dates on your Drona HQ website for FREE?
  5. Paste the embed code and save your Drona HQ website page. Please follow the second part below to add Spotify Tour Dates widget to your Drona HQ website .

Add Spotify Tour Dates widget to your Drona HQ website

The second part is adding your Spotify Tour Dates widget to your Drona HQ website . After you customize your Spotify Tour Dates widget and copied the embed code, it is time to add it to your Drona HQ website . Follow the steps below.

  1. Copy your free Spotify Tour Dates widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Login to DronaHQ.
  3. Create a new blank page or edit your existing page.
  4. Click Advance display and select HTML.
  5. Paste the JavaScript code from SociableKIT into the code text area.
  6. Click the "Publish" button.
  7. Refresh your page. Done!

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Spotify Tour Dates on your Drona HQ site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Spotify Tour Dates widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to DronaHQ.
  4. Create a new blank page or edit your existing page.
  5. Click Advance display and select HTML.
  6. Paste the JavaScript code from SociableKIT into the code text area.
  7. Click the "Publish" button.
  8. Refresh your page. Done!
Full Drona HQ tutorial →

To embed Spotify Tour Dates on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Spotify Tour Dates widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Spotify Tour Dates on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Spotify Tour Dates widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Spotify Tour Dates on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Spotify Tour Dates widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Spotify Tour Dates on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Spotify Tour Dates widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Spotify Tour Dates on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Spotify Tour Dates widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Spotify Tour Dates on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Spotify Tour Dates widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Spotify Tour Dates on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Spotify Tour Dates widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Common questions

Frequently asked questions

Everything you need to know about embedding Spotify Tour Dates on your Drona HQ website.

What is a Spotify Tour Dates widget?

A Spotify Tour Dates widget displays an artist’s upcoming concerts and live events directly on a website. It helps fans discover where the artist is performing next without searching through several pages.

How does the SociableKIT Spotify Tour Dates widget work?

SociableKIT collects the upcoming tour dates connected to your selected Spotify artist and turns them into a website-ready event feed. Create the widget, choose your design, copy the embed code, and paste it into your website.

Where do the tour dates shown on Spotify come from?

Spotify receives concert information from supported ticketing and live-event partners. Make sure your shows are correctly published through an eligible event source before expecting them to appear in the widget.

Will new tour dates update automatically on my website?

Yes, automatic syncing is available on paid SociableKIT plans, so newly available tour information can appear without rebuilding the widget. The free plan can be refreshed using sync requests.

Do I need coding skills to install the widget?

No coding experience is required for the normal setup. SociableKIT provides one embed code that you can paste into an HTML, code, custom liquid, or embed block on your website.

Which website builders support the Spotify Tour Dates widget?

SociableKIT works with major website builders including WordPress, Wix, Shopify, Squarespace, Webflow, Weebly, Google Sites, SharePoint, and custom HTML websites. Your platform only needs to allow custom code or embedded content.

Can I customize the widget to match my artist branding?

Yes. You can customize the layout, colors, fonts, calls to action, and other design details so the tour schedule feels like a natural part of your artist or band website.

Can fans use the widget to find concert tickets?

The widget can help fans reach the event or ticket destination associated with the tour listing when that information is available from the source. Always check your published event data to make sure the ticket destination and show details are correct.

What event details can the widget display?

Available details may include the event date, artist, venue, city, and a link to view more information or find tickets. The exact information depends on what Spotify and its event partners provide for each show.

Can I use the widget on an artist, band, venue, or festival website?

It is best suited to artist and band websites that want to display tour dates connected to a Spotify artist profile. Venues, festivals, and promoters should first confirm that the selected Spotify source represents the event lineup they want visitors to see.

What should I do if a concert is missing from the widget?

First, confirm that the show appears on the correct Spotify artist profile and is listed through a supported event or ticketing source. After the source is corrected, allow time for Spotify and SociableKIT to receive the updated information before refreshing the widget.

How quickly do updated concert details appear?

Spotify says newly listed concerts typically appear within about 24 hours, although timing can vary by event provider. SociableKIT must then sync the latest available source data, so urgent changes should also be communicated directly to fans.

Can I choose which Spotify artist appears in the widget?

Yes. Connect the Spotify artist source whose upcoming shows you want to display. Double-check the artist profile before publishing, especially when several artists have similar names.

Can I hide an incorrect or unwanted event?

Content control depends on the moderation features included in your SociableKIT plan and the data available from the source. Correcting inaccurate event information at its original ticketing or event source is still the best way to keep every connected listing accurate.

Does SociableKIT offer a free Spotify Tour Dates widget?

Yes. SociableKIT offers a free plan with a working widget and no credit card required. You can upgrade when you need automatic syncing, unlimited views, branding removal, or additional premium features.

Are widget views unlimited?

Paid SociableKIT plans include unlimited widget views, so a traffic increase will not deactivate the widget because of a monthly view limit. The free plan includes a monthly view allowance.

Can I remove SociableKIT branding?

Yes. SociableKIT branding can be removed on paid plans, helping the tour schedule blend more cleanly with your artist’s visual identity.

Will the widget work well on mobile devices?

Yes. The widget is designed for responsive website layouts so fans can explore upcoming shows from desktop, tablet, or mobile devices. Preview it on different screen sizes before publishing to confirm the best layout for your site.

Can I display the widget on more than one website?

Paid SociableKIT plans support unlimited domains and websites. This is useful for artists, labels, management teams, or agencies that manage several official sites and campaign pages.

What support is available if I need help?

SociableKIT provides human support through chat and email, with 24/7 support available on paid plans. The team can help with connecting the source, embedding the code, customization, and common website-builder issues.

Add your Spotify Tour Dates widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Spotify Tour Dates widget page →