MARKETPLACE
PLUGINS
ELEVENLABS - CONVERSATIONAL AI
ElevenLabs - Conversational AI logo

ElevenLabs - Conversational AI

Published February 2025
   •    Updated this month

Plugin details

ElevenLabs Conversational AI takes innovation further by combining advanced language generation with smooth voice interaction, empowering developers to create highly natural and immersive conversational experiences.
Whether it's building sophisticated virtual assistants or enabling real-time customer support, this cutting-edge solution unlocks limitless potential for voice-first applications.

This plugin uses an external service to provide streaming capabilities.

Demo Link: https://elevenlabsconversationalai.bubbleapps.io/version-test

Editor Link: https://bubble.io/page?id=elevenlabsconversationalai-editor&tab=tabs-1

💡 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻𝘀 𝗮𝗿𝗲 𝗽𝗿𝗼𝗿𝗮𝘁𝗲𝗱. 𝗜𝗳 𝘆𝗼𝘂 𝗶𝗻𝘀𝘁𝗮𝗹𝗹 𝗮𝗻𝗱 𝘂𝗻𝘀𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 𝘁𝗵𝗶𝘀 𝗽𝗹𝘂𝗴𝗶𝗻 𝗶𝗻 𝗼𝗻𝗲 𝗱𝗮𝘆 𝘁𝗼 𝘁𝗲𝘀𝘁 𝗶𝘁 𝗼𝘂𝘁, 𝘆𝗼𝘂'𝗹𝗹 𝗼𝗻𝗹𝘆 𝗯𝗲 𝗰𝗵𝗮𝗿𝗴𝗲𝗱 𝟭/𝟯𝟬𝘁𝗵 𝗼𝗳 𝘁𝗵𝗲 𝗺𝗼𝗻𝘁𝗵𝗹𝘆 𝘀𝘂𝗯𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻 𝗳𝗲𝗲.

📖 𝗦𝘁𝗲𝗽-𝗯𝘆-𝗦𝘁𝗲𝗽 𝗶𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗶𝗼𝗻𝘀 𝗮𝗿𝗲 𝘁𝗵𝗲 "𝗜𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗶𝗼𝗻𝘀" 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗮𝗻𝗱 𝗗𝗲𝗺𝗼 𝗘𝗱𝗶𝘁𝗼𝗿 𝗶𝘀 𝗶𝗻 𝘁𝗵𝗲 "𝗟𝗶𝗻𝗸𝘀" 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗼𝗳 𝘁𝗵𝗲 𝗣𝗹𝘂𝗴𝗶𝗻 𝗣𝗮𝗴𝗲.

Contact us at [email protected] for any additional feature you would require or support question.

$15

Per month

5.0 stars   •   1 ratings
31 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

wise:able logo
wise:able
Joined 2020   •   122 Plugins
View contributor profile

Instructions

ELEVENLABS - CONVERSATIONAL AI =================================

📋 ELEMENT DESCRIPTION
--------------------------------
ELEVENLABS - CONVERSATIONAL AI provides ElevenLabs' Conversational AI capabilities to your app, enabling real-time voice conversations with AI agents.

🔧 STEP-BY-STEP SETUP
--------------------------------
0) Register on ElevenLabs and get your ELEVENLABS API KEY.

1) Create an agent in your ElevenLabs app. Make sure to set in ADVANCED settings > CLIENT EVENTS > AUDIO, USER_TRANSCRIPT, AGENT_RESPONSE, INTERRUPTION

2) Register on plugins.wiseable.io. Create a new Credential which associates your BUBBLE APP URL and your ELEVENLABS API KEY.
The registration service will generate your PUBLIC ACCESS KEY. This key serves as a secure proxy for your real API key. It allows your application to communicate with the service without exposing your real API key. Since this PUBLIC ACCESS KEY is explicitly tied to your registered BUBBLE APP URL, it can only be used from that domain, ensuring that even if the key is publicly visible, it remains safe and cannot be misused by unauthorized sources.

3) In the Plugin Settings, enter your PUBLIC ACCESS KEY generated at the previous step.

4) Add the ELEVENLABS - CONVERSATIONAL AI ELEMENT to the page on which the chat must be integrated.

5) Integrate the logic into your application using the following ELEVENLABS - CONVERSATIONAL AI element's states and actions:

FIELDS:
- RESULT DATA TYPE: Must always be selected as GET CONVERSATION DETAILS (ELEVENLABS)    
- MICROPHONE NAME: Microphone Name to use as a source. It must be one of the items of the DEVICES state.
- ECHO CANCELLATION: Echo cancellation is a feature which attempts to prevent echo effects on a two-way audio connection by attempting to reduce or eliminate crosstalk between the user's output device and their input device.
- NOISE SUPPRESSION: Noise suppression automatically filters the audio to remove background noise, hum caused by equipment, and the like from the sound before delivering it to your code.
- AUTO GAIN CONTROL: Automatic gain control is a feature in which a sound source automatically manages changes in the volume of its source media to maintain a steady overall volume level.

EVENTS:
- ERROR: Event triggered when an error occurs.
- CALL TOOL: Event triggered when a function is triggered, as defined in TOOLS of START CONVERSATION action.

EXPOSED STATES:
Use any element able to show/process the data of interest (such as a Group with a Text field) stored within the result of the following states of the ELEVENLABS - CONVERSATIONAL AI ELEMENT:
- CURRENT CONVERSATION: Current conversation containing the current transcript with both roles and messages.
- ERROR: Error message upon Error event trigger.
- IS LISTENING: Returns true when listening is in progress.
- IS AI SPEAKING: Returns true when AI speaking is in progress.
- TOOL NAME: Name of the tool, set upon CALL TOOL event.
- TOOL ARGUMENTS: Arguments of the tool, set upon CALL TOOL event.
- TOOL CALL ID: Unique identifier of the tool call, set upon CALL TOOL event.

ELEMENT ACTIONS - TRIGGERED IN WORKFLOW:
- DETECT MICROPHONES: Detect the microphone devices. You must pass one of those values into MICROPHONE NAME.

- START CONVERSATION: Start Voice Conversation.
  Input Fields:
     - AGENT ID: The AGENT ID displays on your ElevenLabs.io console > Conversational > Agents
     - DYNAMIC VARIABLES: A JSON map of values to substitute in for variables in your agent prompt. Example: {"language":"english"}

- STOP CONVERSATION: Stop Voice Conversation.
  Input Fields:
     - INTERRUPT PLAYBACK: If true, immediately interrupt playback. If false, buffered audio will continue playing until completed.

- SEND TOOL RESULT: Send the tool results. See https://cookbook.openai.com/examples/how_to_call_functions_with_chat_models#basic-concepts.
  Input Fields:
     - TOOL CALL ID: Unique identifier of the tool call from the TOOL CALL ID state, which is set upon CALL TOOL event.
     - TOOL RESULT: Result of the tool to pass.

- SEND CONTEXTUAL INFO: Contextual updates allow your application to send non-interrupting background information to the conversation.
  Input Fields:
     - INFORMATION: Information to send to AI

🔍 IMPLEMENTATION EXAMPLE
======================
Feel free to browse the app editor in the Service URL for an implementation example.

⚠️ TROUBLESHOOTING
================
Any plugin-related error will be posted to the Logs tab, "Server logs" section of your App Editor.
Make sure that "Plugin server side logging" and "Plugin client side logging" are selected in "Show Advanced".

Always check the ERROR state of the element and implement error handling using the ERROR event to provide a better user experience.

> Server Logs Details: https://manual.bubble.io/core-resources/bubbles-interface/logs-tab#server-logs

⚡ PERFORMANCE CONSIDERATIONS
===========================
N/A

❓ QUESTIONS?
===========
Contact us at [email protected] for any additional features you would require or support questions.

Types

This plugin can be found under the following types:
Api   •   Action   •   Background Services   •   Element   •   Event

Categories

This plugin can be found under the following categories:
AI   •   Media   •   Productivity   •   Chat   •   Customer Support   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Great plugin!
October 15th, 2025
Great Support from wise:able
Bubble