Merge pull request #2594 from appwrite/add-elevenlabs-integration-guide

Add ElevenLabs integration guide

Author: adityaoberai

bun.lock

@@ -0,0 +1,67 @@
+---
+layout: integration
+title: Text to speech with ElevenLabs
+description: Transform text into natural, human-like speech
+date: 2025-11-12
+featured: true
+isPartner: true
+isNew: true
+cover: /images/integrations/ai-elevenlabs-text-to-speech/cover.png
+category: ai
+product: 
+    avatar: '/images/integrations/avatars/elevenlabs.png'
+    vendor: ElevenLabs
+    description: 'ElevenLabs is an advanced AI voice technology platform that generates natural, human-like speech from text using cutting-edge voice synthesis and cloning technology.'
+platform: 
+    - 'Self-hosted'
+    - 'Cloud'
+images: 
+    - /images/integrations/ai-elevenlabs-text-to-speech/cover.png
+    - /images/integrations/ai-elevenlabs-text-to-speech/api-key.png
+    - /images/integrations/ai-elevenlabs-text-to-speech/template.png
+    - /images/integrations/ai-elevenlabs-text-to-speech/variable.png
+---
+
+ElevenLabs provides developers with powerful tools to integrate realistic, human-like voice capabilities into their applications through APIs and SDKs.
+
+ElevenLabs’ Text to Speech API converts written text into spoken audio with very natural sounding voices, capturing realistic intonation, pacing, emotion and context awareness.
+
+# How does the integration work?
+
+You can utilize a pre-built Appwrite Site template with text-to-speech capabilities implemented using ElevenLabs. This allows you to convert any piece of text to a human-like voice and download the generated audio.
+
+# How to implement
+
+To implement the ElevenLabs text-to-speech integration, there are several steps you must complete:
+
+## Step 1: Sign up for ElevenLabs
+
+First, you must [sign up for an ElevenLabs account](https://elevenlabs.io/app/sign-up). Once your account is set up, navigate to the [Developers](https://elevenlabs.io/app/developers) page from the sidebar, click on the **API Keys** tab, and generate an **API key** with the **Text to Speech** endpoint access enabled. Save this API key for further usage.
+
+![Create API key](/images/integrations/ai-elevenlabs-text-to-speech/api-key.png)
+
+## Step 2: Create the Appwrite Site
+
+For this step, you must [create an account on Appwrite Cloud](https://cloud.appwrite.io/register) or [self-host Appwrite](/docs/advanced/self-hosting) if you haven’t already. If you decide to self-host Appwrite, there are [additional setup steps](/docs/advanced/self-hosting/configuration/sites) to use Appwrite Sites templates.
+
+Head over to the Appwrite console, navigate to the **Sites** page, click on **Create site** and select the **Clone a template** option, and search for the **Text-to-speech with ElevenLabs** site template.
+
+![Site template](/images/integrations/ai-elevenlabs-text-to-speech/template.png)
+
+During the setup process, add the **ElevenLabs API key** in the **Variables** section.
+
+![Environment variables](/images/integrations/ai-elevenlabs-text-to-speech/variable.png)
+
+## Step 3: Test the site
+
+Once all the steps are complete, it is time to test the site! You can enter any text you like (or use the pre-filled example), update the additional configuration options, and generate an audio file.
+
+# Read more about ElevenLabs and Appwrite Sites
+
+If you would like to learn more about ElevenLabs and Appwrite Sites, we have some resources that you should visit:
+
+- [Sign up for ElevenLabs](https://elevenlabs.io/app/sign-up)
+- [ElevenLabs text to speech docs](https://elevenlabs.io/docs/capabilities/text-to-speech)
+- [Appwrite Sites docs](/docs/products/sites)
+- [Build with Appwrite Sites templates](/docs/products/sites/templates)
+- [Appwrite Sites API reference](/docs/references/cloud/server-nodejs/sites)

src/routes/integrations/ai-elevenlabs-text-to-speech/+page.markdoc

@@ -3,7 +3,7 @@ layout: integration
 title: OAuth with Google
 description: Authenticate users with an existing Google account
 date: 2024-07-30
-featured: true
+featured: false
 isPartner: true
 isNew: false
 cover: /images/integrations/oauth-google/cover.png