Embed Your ElevenLabs Voice Agent Anywhere – Widget Setup & Customization

ElevenLabs · Beginner ·🖊️ Copywriting & Content Strategy ·7mo ago
Put your conversational agent directly on your website. This video explains how to copy and paste the widget embed code and shows a live example on an e‑commerce site. You’ll also see how to customize the widget’s size, colours, button text and call‑to‑action via the UI or the Agents Platform SDK. ElevenLabs widgets integrate instantly and can be customized through the UI or via type‑safe SDKs. SDK overrides give you full control over styling and behaviour. New to conversational AI agents? Get started here: Build your first agent → https://youtu.be/fnivYSh0Cqk Twilio telephony integration → https://youtu.be/1_ebl-acp6M Chapters: 00:00 – Introduction: why embedding improves customer experience. 00:25 – Copying the widget embed code: navigating to the widget section. 00:50 – Inserting code on your website: adding the snippet to your footer. 01:10 – Testing the widget: user clicks, accepts the microphone and converses with the agent. 01:40 – Customising appearance: choosing compact/full size, brand colours and shapes. 02:10 – Editing text & call‑to‑action: custom messaging and label text. 02:40 – Saving and previewing changes: see updates instantly on your site. 03:20 – Advanced customization: using the SDK for complete control over styling and client tools. Watch the rest of the series: Customise with the React SDK → https://youtu.be/ftf-8F91bAc Webhooks & server tools → https://youtu.be/pB33QxKN8P8 Security & authentication → https://youtu.be/8hZ4IWL7iqw
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from ElevenLabs · ElevenLabs · 0 of 60

← Previous Next →
1 AI Multilingual TTS Demo | ElevenLabs
AI Multilingual TTS Demo | ElevenLabs
ElevenLabs
2 Professional Voice Cloning Demo | ElevenLabs
Professional Voice Cloning Demo | ElevenLabs
ElevenLabs
3 Introducing: Projects
Introducing: Projects
ElevenLabs
4 ElevenLabs Dubbing Studio
ElevenLabs Dubbing Studio
ElevenLabs
5 ElevenLabs Speech to Speech
ElevenLabs Speech to Speech
ElevenLabs
6 Sound Effects are Coming Soon to ElevenLabs
Sound Effects are Coming Soon to ElevenLabs
ElevenLabs
7 It Started to Sing
It Started to Sing
ElevenLabs
8 It Started to Sing (Jazz)
It Started to Sing (Jazz)
ElevenLabs
9 Broke my Heart
Broke my Heart
ElevenLabs
10 My Love
My Love
ElevenLabs
11 ElevenLabs Dubbing API
ElevenLabs Dubbing API
ElevenLabs
12 ElevenLabs Audio Native
ElevenLabs Audio Native
ElevenLabs
13 Increasing reader engagement with Audio Native [June 2024 Webinar]
Increasing reader engagement with Audio Native [June 2024 Webinar]
ElevenLabs
14 ElevenLabs Text to Sound Effects API Demo
ElevenLabs Text to Sound Effects API Demo
ElevenLabs
15 ElevenLabs Voiceover Studio
ElevenLabs Voiceover Studio
ElevenLabs
16 ElevenLabs Speech to Speech Tutorial
ElevenLabs Speech to Speech Tutorial
ElevenLabs
17 ElevenLabs Voice Isolator API Demo
ElevenLabs Voice Isolator API Demo
ElevenLabs
18 ElevenLabs Turbo v2.5
ElevenLabs Turbo v2.5
ElevenLabs
19 ElevenLabs Reader App - Android
ElevenLabs Reader App - Android
ElevenLabs
20 ElevenLabs Impact Program
ElevenLabs Impact Program
ElevenLabs
21 We’ve reduced our pricing.
We’ve reduced our pricing.
ElevenLabs
22 Sound Effects Explore
Sound Effects Explore
ElevenLabs
23 Behind the Voice - Michael Marshall
Behind the Voice - Michael Marshall
ElevenLabs
24 X to Voice
X to Voice
ElevenLabs
25 Huberman Labs now Dubbing with ElevenLabs
Huberman Labs now Dubbing with ElevenLabs
ElevenLabs
26 GenFM, Now Playing on ElevenReader: Smart Podcasts Produced by Generative AI
GenFM, Now Playing on ElevenReader: Smart Podcasts Produced by Generative AI
ElevenLabs
27 Introducing ElevenLabs Conversational Agents
Introducing ElevenLabs Conversational Agents
ElevenLabs
28 Meet Flash
Meet Flash
ElevenLabs
29 Transforming media production with AI sound effects & dubbing
Transforming media production with AI sound effects & dubbing
ElevenLabs
30 ElevenLabs Conversational AI Webinar
ElevenLabs Conversational AI Webinar
ElevenLabs
31 ElevenLabs - Text to Speech, Dubbing, Sound Effects and more
ElevenLabs - Text to Speech, Dubbing, Sound Effects and more
ElevenLabs
32 Talk to Santa
Talk to Santa
ElevenLabs
33 Year in Review with special guest TIME's CTO Burhan Hamid
Year in Review with special guest TIME's CTO Burhan Hamid
ElevenLabs
34 Conversational AI Voice Agents that can issue refunds
Conversational AI Voice Agents that can issue refunds
ElevenLabs
35 Prenez une longueur d'avance avec ElevenLabs
Prenez une longueur d'avance avec ElevenLabs
ElevenLabs
36 Studio is now available to everyone, with new features (walkthrough)
Studio is now available to everyone, with new features (walkthrough)
ElevenLabs
37 Build Conversational AI agents with Gemini 2.0 Flash
Build Conversational AI agents with Gemini 2.0 Flash
ElevenLabs
38 Meet Alexis & El – Support Agents Handling 4,000 Calls a Day
Meet Alexis & El – Support Agents Handling 4,000 Calls a Day
ElevenLabs
39 Transform your Speech with ElevenLabs Voice Changer
Transform your Speech with ElevenLabs Voice Changer
ElevenLabs
40 Personalize conversational AI phone calls with Twilio
Personalize conversational AI phone calls with Twilio
ElevenLabs
41 Spotify is now accepting Audiobooks Narrated by ElevenLabs
Spotify is now accepting Audiobooks Narrated by ElevenLabs
ElevenLabs
42 Build Outbound AI Sales Agents
Build Outbound AI Sales Agents
ElevenLabs
43 Meet Scribe
Meet Scribe
ElevenLabs
44 Build a multilingual speech transcription bot with the ElevenLabs transcriber API
Build a multilingual speech transcription bot with the ElevenLabs transcriber API
ElevenLabs
45 Streaming and Caching Speech with Supabase
Streaming and Caching Speech with Supabase
ElevenLabs
46 Meet GibberLink, Conversational AI's secret language
Meet GibberLink, Conversational AI's secret language
ElevenLabs
47 Building a Personal AI Receptionist
Building a Personal AI Receptionist
ElevenLabs
48 Cross-platform AI Voice Agents with Expo React Native
Cross-platform AI Voice Agents with Expo React Native
ElevenLabs
49 Automatic Language Detection for Conversational AI
Automatic Language Detection for Conversational AI
ElevenLabs
50 Native Retrieval-Augmented Generation (RAG) in Conversational AI
Native Retrieval-Augmented Generation (RAG) in Conversational AI
ElevenLabs
51 Text to Bark from ElevenLabs
Text to Bark from ElevenLabs
ElevenLabs
52 Meet KUBI the Conversational Robot Barista
Meet KUBI the Conversational Robot Barista
ElevenLabs
53 Introducing the ElevenLabs MCP server
Introducing the ElevenLabs MCP server
ElevenLabs
54 Collect and analyze data with Conversational AI
Collect and analyze data with Conversational AI
ElevenLabs
55 Agent Transfer - Conversational AI
Agent Transfer - Conversational AI
ElevenLabs
56 Sound Effects are now available in Studio
Sound Effects are now available in Studio
ElevenLabs
57 How to Make your Professional Voice Clone.
How to Make your Professional Voice Clone.
ElevenLabs
58 Get unique AI Voiceovers in CapCut
Get unique AI Voiceovers in CapCut
ElevenLabs
59 Transfer to human - Conversational AI
Transfer to human - Conversational AI
ElevenLabs
60 Use HeyGen Avatar IV to Make AI Movie Characters
Use HeyGen Avatar IV to Make AI Movie Characters
ElevenLabs

Related AI Lessons

Wie oft sollte man einen Text vor Abgabe prüfen?
Learn how to effectively review and edit your writing to ensure clarity and accuracy, and why multiple checks are crucial before submission
Dev.to AI
How to Keep Humanity in the Writing of a Technical World
Learn to maintain humanity in technical writing by focusing on storytelling, empathy, and clarity, making your content more relatable and engaging to readers.
Medium · Machine Learning
How copywriters attract leads right now: Proven 10x plays (not 2x tactics)
Copywriters use 10x plays to attract leads without free work or cold spam
Copyhackers
The authority book move that separates you from every copywriter with a ChatGPT account
Creating an authority book showcases copywriting expertise that AI can't replace
Copyhackers

Chapters (8)

Introduction: why embedding improves customer experience.
0:25 Copying the widget embed code: navigating to the widget section.
0:50 Inserting code on your website: adding the snippet to your footer.
1:10 Testing the widget: user clicks, accepts the microphone and converses with the
1:40 Customising appearance: choosing compact/full size, brand colours and shapes.
2:10 Editing text & call‑to‑action: custom messaging and label text.
2:40 Saving and previewing changes: see updates instantly on your site.
3:20 Advanced customization: using the SDK for complete control over styling and cl
Up next
🕘 How to start a copywriting career in just 1-hour/day
Alex Cattoni
Watch →