Limited Time Offer: Watch All Our Bubble Tutorial Videos for Only $99 per Year!

Perplexity AI no-code app with Bubble.io

In this Bubble tutorial delve into the integration of the powerful AI tool, Perplexity AI, into Bubble.io apps.

Perplexity AI and its Capabilities

Perplexity AI is a fantastic AI tool for organizing, accessing, and taking a deep dive into knowledge, even into scientific papers and a real depth of academic literature.

Exploring Perplexity AI Example

Here's an example I just did in the previous video, looking at a question about a concept in psychology. You can see that not only does it return a lot of text from OpenAI, but it also includes sources or citations that you can click through to.

Perplexity API and its Current Features

The perplexity API seems to be a bit behind what you can get through the web interface as it doesn't provide sources. However, it seems like sources are on the way as someone asked about it 20 days ago on one of their forums or subreddits.

Tutorial: Adding Perplexity AI to Your Bubble App

In this tutorial video, I'm going to demonstrate how you can add the amazing knowledge base AI tool of perplexity AI into your Bubble app.

Learning Bubble with Planet No Code

Before we dive into the tutorial, if you're learning Bubble, there is no better way to do that than heading to planetnocode.com. You can get access to our exclusive no code members community and hundreds of Bubble tutorial videos.

Adding Perplexity AI to Bubble App: Step-by-Step Guide

Now, let's go ahead and dive into the process of adding perplexity AI into your Bubble app. We'll start by accessing the API documentation and then proceed to the API connector in Bubble.

Using API Connector in Bubble

To add the API connector in Bubble, you can find it in the plugins section. It's an official plugin by Bubble that allows integration with various services, including perplexity AI.

Step 1: Setting Up Perplexity AI in API Connector

Once you have the API connector, you can add perplexity AI and set up the required fields. Copy the cURL example provided in the API documentation and import it into your Bubble app. Then, configure the fields accordingly.

Step 2: Configuring the API Call for Perplexity AI

In this step, you'll modify the imported API call to suit your requirements. For example, you can change the action to be accessible as a workflow action and make necessary adjustments to the content type and system/user settings.

Step 3: Asking Questions to Perplexity AI

To interact with perplexity AI, you need to ask a question and receive a response. Modify the API call to include the question as user input, making sure it's formatted as JSON safe. API keys should be kept private and securely added to the API call.

Step 4: Initializing the API Call and Receiving Responses

Once all the necessary configurations are in place, you can initialize the API call and receive responses from perplexity AI. The response will contain a message from the assistant fulfilling your query.

Adding Perplexity AI to a Bubble Page

To incorporate perplexity AI into a Bubble page, create a new page and design the user interface elements required for the question and answer functionality. Use a custom state to temporarily store the response data.

Setting Up Workflow for Perplexity AI

Configure the workflow by integrating the perplexity AI plugin, retrieving the question from user input, and setting the custom state to store the response data.

Running the Perplexity AI Workflow

Test the workflow by asking a question and checking if you receive a response. Remember that perplexity AI is particularly effective for basic questions and academic contexts.

Conclusion and Future Development

Perplexity AI offers a powerful knowledge base, especially for academic purposes. While it may not be ideal for conversational use, it excels in providing accurate and up-to-date information. Hopefully, future updates will include sources and additional data to enhance the user experience.

Latest videos

menu