Bubble.io and Thinkific integration: Step-by-Step Guide 2024

Step 1: Create an Account on Bubble and Thinkific

The first stage in integrating Bubble.io with Thinkific involves creating an account on both platforms if you don't already have one.

• To sign up on Bubble.io, visit Bubble.io's website (https://bubble.io/), click on 'Get Started for Free' and then follow the instructions.

• For Thinkific, visit Thinkific's website (https://www.thinkific.com/), locate the 'Get Started for Free' button, and follow the prompts to create your account.

Step 2: Set Up Your Apps

Next, you will have to create a new app on Bubble.io and set up your course in Thinkific.

• On Bubble.io, click on the 'New App' button after signing in successfully. Fill in the name of your app, choose a template if you prefer and then click on 'Create New App'.

• On Thinkific, after signing in, click on 'Manage Learning Content', then 'Courses', and create a new course or use an existing one.

Step 3: Locate Thinkific's API Key and Subdomain

On Thinkific, to locate the API Key and Subdomain;

• Click on 'Settings' in the dashboard.
• Proceed to 'API'.
• Note down the 'API KEY' and 'SUBDOMAIN' listed there. You will need them later.

Step 4: Bubble.io API Connector Configuration

In your Bubble.io ‘App Editor’:

• Navigate to the 'Plugins' tab and search for 'API Connector'.
• Download and install the API Connector plugin if not already in your plugins list.
• After adding the API Connector plugin, click on 'Add another API'.
• Enter a name for the new API (for instance, 'Thinkific') to identify it.

Step 5: Configure Thinkific's API in Bubble.io

On Bubble.io in API Connector:

• You need to define call types, so press the 'Add another call' button.
• Name the call (e.g., 'Get courses').
• Choose 'Get' as the 'Method'.
• Paste this into the URL box - https://SUBDOMAIN.mythinkific.com/api/public/v1/courses where 'SUBDOMAIN' is your Thinkific subdomain noted down in Step 3.
• Under 'Header Keys', Add 'X-Auth-API-Key' in the first box and your Thinkific API Key in its corresponding value box.
• Click on 'Initialize call'.

Bubble will fetch sample data from Thinkific indicating that your API has been connected successfully.

Step 6: Repeat API Call Configuration for Other Actions

You should repeat Step 5 for all actions you want your Bubble app to perform on Thinkific (get users, enroll in a course, etc.). The Thinkific API documentation (https://developers.thinkific.com/api/api-documentation/) can be referred to get information about other call types.

Step 7: Use API Call in Bubble.io Workflows

After all API calls have been added, you can now use the API calls in your app workflows.

For instance, to list Thinkific courses in your Bubble app:

• Go to the Bubble.io ‘App Editor’ and then 'Design' tab.
• Add a Repeating Group to your page where the courses will be listed.
• Under the Repeating Group's 'Data Source', Choose 'Get data from an external API', then choose the 'Get courses' API call you added earlier. The listed courses will now be available for dynamic use.

Now, you've successfully integrated Bubble.io with Thinkific.

Additional steps would be required in setting up workflows for other actions based on their corresponding API calls. Always remember to refer to Thinkific API documentation for any ambiguities in API call setups.