Demo to preview the settings
Introduction
Sign up and log in users with their Dribbble credentials. You can also retrieve user details for the authenticated user.
Prerequisites
- You must have the Dribbble account.
How to set up
Register your application
Log in to your Dribbble account and navigate to your accounts > applications tab to create a new app here: https://dribbble.com/account/applications/new
Copy App ID and Secret + Callback URL
Once registered, you'll be given a Client ID and a Client Secret (App Secret), which you will enter into the plugin settings.
Also, enter your Callback URL while you're here. This is the page in your app that will trigger the workflow (be mindful of the debugger and "version-test").
Now copy these two values into your plugin settings area:
Client ID (Dribbble) goes to App ID/API Key (Bubble).
Client Secret (Dribbble) goes to App Secret (Bubble).
Signup / Login Workflow
Add a button to your page design to trigger the signup / login with social network action, and select "Dribbble" as the OAuth provider:
The user will be taken to a login screen to enter their Dribbble credentials and accept this authorization:
Once they're authorized, they'll automatically be redirected back to your Bubble app and be logged in.
User Information
This plugin also comes with a data source to get extra information about the authenticated user.
For example, you can set up a group with this data source to display these details -- just select "Get data from external API", then choose "Dribbble - User"
Make sure the Group's "Type of content" is also "User (Dribbble)"
Now, inside the group, you can display that Dribbble user's information:
Now you're ready to authenticate your users with their Dribbble accounts!
