website logo
HomeAutomationLogin
⌘K
BUBBLE SETUP DOCS
Introduction
Pathfix and Bubble Setup
Custom OAuth Button
Capturing User Consent
Multiple Connection Auth
Custom Redirect Domain
Provider reference
Pathfix keys
Error codes
Provider Setup Docs
NO CODE PLUGINS
No-code Plugins
Pathfix OAuth Connector
Single Sign-on (SSO) Login
Facebook Connector
Google Calendar Integration
Google Mail Integration
Instagram Integration
LinkedIn Integration
Microsoft Calendar Integration
Mailchimp Integration
Quickbooks Integration
Slack Integration
Spotify Search Integration
Twilio Integration
Twitter Integration
Twitter V2 Integration
Xero Integration
Whitelabel Your Connectors
Docs powered by archbee 
8min

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



Updated 03 Mar 2023
Did this page help you?
Yes
No
UP NEXT
Twilio Integration
Docs powered by archbee 
TABLE OF CONTENTS
Setup
Important
Using The Search API
Whitelabel
Works with