Spotify Search Integration

The Pathfix Spotify Search plugin enables integration from your Bubble app to your user's Spotify account. The plugin will render the Connect button (UI) and calls the Spotify Search API automatically. No configurations required to get the plugin working.

The plugin calls the Spotify Search API. You get complete access to the API:

  • Artist
  • Albums
  • Tracks
  • Shows
  • Episodes

This documentation will show setup guide and a few example use cases.



Setup

The plugin is available in the Bubble Plugin store.

IMPORTANT: You need to install the Pathfix OAuth Connector first before proceeding to install this plugin



  • Click on Add Plugin
  • Pick the Spotify Search API Connector plugin by Pathfix Inc. and install it (click here to access the plugin)

  • Under x-partner-key (shared headers), add your Pathfix x-partner-key from the Keys section of your Pathfix account
  • If you do not have a Pathfix account, enter the x-partner-key provided by the Pathfix OAuth Connectorplugin in preview mode.



Important

The x-partner-key generated by the Pathfix OAuth plugin keys are intended for testing and not production environments. Login to your account and add the provider to use your own keys in Pathfix.



Image: plugin page
Image: plugin page



  • Navigate to the Design section and select the Pathfix Connector element and enable Spotify from the list of providers



Image: Enable Spotify
Image: Enable Spotify



Once installed and activated, the Connect button for Spotify will load. You will need to Connect to Spotify before accessing any Search Data (Spotify does not share info without Authorizing first).



Image: Connect to Spotify (OAuth)
Image: Connect to Spotify (OAuth)



There are no additional configurations required to get the Plugin to work. You will have access to the Spotify Search API instantly.



Using The Search API

You can design and setup your Bubble App to have Search Input field, Repeating Group and select the Data Source as the Spotity Search Plugin.



Image: Search Spotify
Image: Search Spotify



Setup your Repeating group to pull Dynamic content



Image: Dynamic Content
Image: Dynamic Content



Whitelabel

The plugin works with a Pathfix ClientID and ClientSecret. This means that when your user goes through the OAuth process to grant access, they will see the request by Pathfix.

You can use your own ClientID and ClientSecret in the plugin and whitelabel it.

Follow this document to Whitelabel Your Connectors



Works with

Bubble.io