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.
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
- 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.

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

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).

There are no additional configurations required to get the Plugin to work. You will have access to the Spotify Search API instantly.
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.

Setup your Repeating group to pull Dynamic content

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
Bubble.io
