Build No Code Voice-Activated AI in Bubble.io - Integrate VAPI.ai and Save Chat Transcripts
Save transcripts from your AI voice assistant built with Bubble.io.
Unlock the power of AI voice: Learn how to create a pirate-speaking assistant and save chat transcripts in Bubble!
Master Bubble workflows: Discover how to seamlessly integrate Vapi API and save conversation data with just a few clicks.
Elevate your no-code skills: Transform your API connections and build engaging voice-activated features in your Bubble app.
Integrating VAPI.ai with Bubble.io
Now we've got our AI voice powered pirate assistant working just like this. R Matey, ye be talkin like a proper pirate now. Keep up the good work and soon you'll be speaking like a salty sea dog on the open ocean. R how do we save what is said into our Bubble app? Well, let me show you in this quick Bubble tutorial video, but before I launch into it, if you're building an app with Bubble, it's because you've got a business idea and you're wanting to bring it to life with no code.
Accelerating Your No-Code Development Process
And if you want to accelerate that process, then click the link down in the description and head over to our website where we've got hundreds of resources for people just like you. But let's dive in here. We're using a plugin that allows us to connect to the Vapi API, and that's all been demoed in an earlier video, but we can take a certain amount of data out of that plugin. Now, this plugin was only released a week or so ago and it is already immensely powerful. But go and show the plugin developer some support on the forums, and also you can go ahead and request additional features.
Adding Transcript Functionality to Your Bubble App
So let's dive into it. We simply need to add in like a text label here, and then I just refer to the vapi element on the page and I can say transcript of the current call, or I can get either side of the conversation what the assistant said or what the user said. Let's just get everything. I'm going to give this a little bit of margin on the top and then go back into our demo so we can preview it. Can you help me speak like a pirate by teaching me some key pirate phrases?
Demonstrating the Pirate Voice Assistant
Aye, me hearty. I'd be happy to help you speak like a pirate. Let's start with some key phrases that instead of saying yes, ye can say I like a true buccaneer instead of you or your, ye can say ye and yer, and instead of hello, you can say ahoye. Give it a try, maybe. Perfect.
Saving Conversation Data in Bubble
So now let's end that call. You can see the data is coming in, so how do we save that? Well, we simply need to add a workflow action to our end call button. So I'm going to say create a new thing. Now, this is an app that I've done probably hundreds of demos with, so there's all of these existing data types in there.
Creating a Transcript Data Type
So I'm going to use a transcript data type. I've probably used that with an AssemblyAI demo in the past, but we'll use it for here because we'll simply say content text.
Saving the Transcript Before Ending the Call
And then I'm just taking the Vapis transcript from current call and I'm probably going to save that before I end the call. I'm going to just see how well that works. So let's go back, refresh it.
Testing the Pirate Voice Assistant
Can you teach me to speak more like a pirate? R matey? Ye be speaking like a landlubber here. Be how ye can talk like a true pirate. Instead of saying you, ye say ye.
Verifying Saved Transcript Data
Instead of saying I am. So I've clicked end call and let's go ahead and look in the database. So in my transcript database.
There you go. So that's from today. And you can see that I have the transcript from my conversation with the AI saved in my Bubble database.
Can't find what you're looking for?
Search our 300+ Bubble tutorial videos. Start learning no code today!
Flexible Pricing Plans to Fit Your No-Code Journey
Choose the plan that aligns with your goals and start building your startup today.
Have questions?
We have answers!
Find answers to common questions about our membership plans, programs, and more.
Both plans offer full access to our learning resources, community, and support. The Annual plan provides a significant discount (over 15%) compared to paying monthly, and it allows you to lock in your rate for a full year.
Absolutely! You can easily upgrade or downgrade your membership plan at any time by logging into your account and selecting the desired plan. Any unused portion of your current plan will be prorated and applied to your new plan.
As a Planet No Code member, you'll receive a discount on our Bubble coaching sessions. Monthly members receive a 10% discount, while Annual members receive a 17.5% discount. To redeem your discount, simply log into your account and book a coaching session through our platform.
Our 8-week intensive mentorship program is designed to provide personalized guidance and support to help you accelerate your startup journey. You'll be matched with a startup expert who will work with you one-on-one to set goals, overcome challenges, and make rapid progress.
To apply for the Mastery Program, simply click the "Request Invitation" button on our pricing page and fill out the application form. Our team will review your application and schedule a call with you to discuss your goals and determine if the program is a good fit for your needs.
We accept all major credit cards, including Visa, Mastercard, American Express, and Discover.
While we don't offer a free trial, we do provide a 14-day money-back guarantee. If you're not completely satisfied with your membership within the first 14 days, simply contact our support team, and we'll issue a full refund.
If you decide that Planet No Code isn't the right fit for you, you can cancel your membership at any time by logging into your account and navigating to the subscription management page. Click the "Cancel Membership" button, and your membership will be terminated at the end of your current billing cycle.