Connect ElevenLabs
Connect an ElevenLabs API key with text-to-speech access, add narration and verify audio playback in your mobile app.
Turn text into spoken narration. Begin with a short passage so you can check the connection, voice and playback controls on a phone.
On this page
Create a key with voice access
Open API Keys in ElevenLabs
Sign in and go to Developers → API Keys, following ElevenLabs’ setup guide.
Allow the feature you need
Create a key and enable the text-to-speech access required by your app. Review its credit quota and expiration if configured. Keep restrictions appropriate to the feature rather than enabling unrelated account access.
Copy the value privately
Copy the full key when ElevenLabs shows it. The name or final characters displayed later are not a replacement for the complete credential.
Connect ElevenLabs to this app
Open the app in Studio
Select App options (+) → Connectors → ElevenLabs. A Connect ElevenLabs request in the conversation opens the same setup. Connections belong to the app you have open.
Save the credential privately
Paste your credential into API Key and select Save. Keep it out of the conversation and app source. RNBlocks stores the credential for this app; the saved value is masked in this form.
Return to your conversation
Close the connection panel and continue the feature you requested. Connected means a credential is saved; the feature still needs a successful request and a test in your app.
1 / 4 · App optionsThe actual App options menu above the + button. It contains separate Supabase, Connectors and App memory actions.
The actual connection screens. Empty form and illustrative saved state; no credential is shown.
- Open App options (+) → Connectors in the app you want to connect.
- Choose ElevenLabs in the catalogue, then enter your API Key in its private form and select Save.
- Return to the conversation and test the feature. Connected means a credential is saved, not that a provider request has succeeded.
Hear it on a phone
For example: “Read each story aloud using ElevenLabs. Add Play and Pause controls, show when narration is being prepared and stop the current audio before playing another story.”
Generate narration for a short paragraph in the iOS or Android preview.
Check the selected voice, pronunciation, volume and Play/Pause behavior.
Move between screens and start another narration. Confirm that two clips do not play over each other.
If the app promises a saved audio library, reopen it and confirm the files remain playable. Text-to-speech alone does not establish persistent storage.
If the app stays silent
| What happened | What to check |
|---|---|
The request is rejected | Check key expiration, text-to-speech permissions, provider quota and access to the chosen voice. |
Audio was generated but cannot be heard | Check phone volume and playback controls, then tell Studio which device and action failed. |
Only long passages fail | Start with a short passage and ask Studio to inspect the selected model’s input limits and request size. |
Costs and the information your app sends
Your connected provider handles its own API usage and billing. Those charges are separate from RNBlocks credits used while building your app. Review the provider’s quota and billing before testing with a large audience.
An AI feature sends the information needed for that request to its provider. Decide what your app should send, explain that clearly to your users, and test any permission and decline choices before release. Connecting a service does not automatically add a saved history, private file library or every feature in that provider’s API.
Update or disconnect
Open App options (+) → Connectors → ElevenLabs. To replace the saved credential, enter the new value and select Update, then test the feature again.
Disconnect removes this app’s saved ElevenLabs credential. Features that use it will need a working connection again. It does not close your provider account, cancel provider billing, revoke the original key at the provider, or erase data already sent there. Reopen Connectors to check the saved connection state.