Give Your Agent Control of the UI – Client Tools & Front-End Actions Explained

ElevenLabs · Beginner ·🤖 AI Agents & Automation ·5mo ago
Learn how to let your AI agent interact with your website or app using Client Tools. This tutorial shows how ElevenLabs Agents can trigger DOM actions, navigate pages, toggle dark/light mode, and send push notifications — bringing real front-end automation to conversational agents. You’ll see how to expose safe client-side functions, test them live, and combine them with server webhooks for full-stack control. Chapters: 00:00 – Introduction: recap & goals of client tools. 00:20 – Embedding your agent and why front-end actions matter. 00:45 – Granting DOM access safely: triggers, selectors and…
Watch on YouTube ↗ (saves to browser)

Chapters (8)

Introduction: recap & goals of client tools.
0:20 Embedding your agent and why front-end actions matter.
0:45 Granting DOM access safely: triggers, selectors and limits.
1:15 UI automation examples: navigation, mode toggles and modals.
2:00 Integrating in mobile apps: notifications and native events.
2:40 Security & best practices for exposing functions.
3:10 Testing and debugging live on your site.
3:40 Next steps: linking client and server tools.

Playlist

Uploads from ElevenLabs · ElevenLabs · 0 of 60

← Previous Next →
1 AI Narrates The Great Gatsby
AI Narrates The Great Gatsby
ElevenLabs
 2 AI Multilingual TTS Demo | ElevenLabs
AI Multilingual TTS Demo | ElevenLabs
ElevenLabs
 3 Introducing: Voice Library | ElevenLabs
Introducing: Voice Library | ElevenLabs
ElevenLabs
 4 Professional Voice Cloning Demo | ElevenLabs
Professional Voice Cloning Demo | ElevenLabs
ElevenLabs
 5 Eleven Multilingual v2 TTS Demo
Eleven Multilingual v2 TTS Demo
ElevenLabs
 6 Introducing: Projects
Introducing: Projects
ElevenLabs
 7 AI-dubbing demo | ElevenLabs
AI-dubbing demo | ElevenLabs
ElevenLabs
 8 ElevenLabs | AI Dubbing Product Demo
ElevenLabs | AI Dubbing Product Demo
ElevenLabs
 9 ElevenLabs Dubbing Studio
ElevenLabs Dubbing Studio
ElevenLabs
 10 ElevenLabs Voice Actor payouts
ElevenLabs Voice Actor payouts
ElevenLabs
 11 ElevenLabs Speech to Speech
ElevenLabs Speech to Speech
ElevenLabs
 12 Sound Effects are Coming Soon to ElevenLabs
Sound Effects are Coming Soon to ElevenLabs
ElevenLabs
 13 filmFAST Competition Winners
filmFAST Competition Winners
ElevenLabs
 14 It Started to Sing
It Started to Sing
ElevenLabs
 15 It Started to Sing (Jazz)
It Started to Sing (Jazz)
ElevenLabs
 16 Broke my Heart
Broke my Heart
ElevenLabs
 17 My Love
My Love
ElevenLabs
 18 ElevenLabs Dubbing API
ElevenLabs Dubbing API
ElevenLabs
 19 ElevenLabs Audio Native
ElevenLabs Audio Native
ElevenLabs
 20 ElevenLabs Text to Sound Effects
ElevenLabs Text to Sound Effects
ElevenLabs
 21 Increasing reader engagement with Audio Native [June 2024 Webinar]
Increasing reader engagement with Audio Native [June 2024 Webinar]
ElevenLabs
 22 ElevenLabs Text to Sound Effects API Demo
ElevenLabs Text to Sound Effects API Demo
ElevenLabs
 23 ElevenLabs Voiceover Studio
ElevenLabs Voiceover Studio
ElevenLabs
 24 ElevenLabs Speech to Speech Tutorial
ElevenLabs Speech to Speech Tutorial
ElevenLabs
 25 ElevenReader App by ElevenLabs
ElevenReader App by ElevenLabs
ElevenLabs
 26 ElevenLabs Iconic Voices - Judy Garland
ElevenLabs Iconic Voices - Judy Garland
ElevenLabs
 27 ElevenLabs Voice Isolator API Demo
ElevenLabs Voice Isolator API Demo
ElevenLabs
 28 ElevenLabs Behind the Voice - Bob Carter
ElevenLabs Behind the Voice - Bob Carter
ElevenLabs
 29 ElevenLabs Turbo v2.5
ElevenLabs Turbo v2.5
ElevenLabs
 30 ElevenLabs Reader App - Android
ElevenLabs Reader App - Android
ElevenLabs
 31 Introducing three new languages: Hungarian, Vietnamese and Norwegian
Introducing three new languages: Hungarian, Vietnamese and Norwegian
ElevenLabs
 32 Introducing ElevenStudios
Introducing ElevenStudios
ElevenLabs
 33 ElevenLabs Impact Program
ElevenLabs Impact Program
ElevenLabs
 34 Our Reader App is now available worldwide
Our Reader App is now available worldwide
ElevenLabs
 35 We’ve reduced our pricing.
We’ve reduced our pricing.
ElevenLabs
 36 Behind the Voice - Sanna Hartfield
Behind the Voice - Sanna Hartfield
ElevenLabs
 37 Sound Effects Explore
Sound Effects Explore
ElevenLabs
 38 Behind the Voice - Michael Marshall
Behind the Voice - Michael Marshall
ElevenLabs
 39 Behind the Voice - Jessica Anne Bogart
Behind the Voice - Jessica Anne Bogart
ElevenLabs
 40 Explore ElevenReader like never before
Explore ElevenReader like never before
ElevenLabs
 41 ElevenLabs Voice Design
ElevenLabs Voice Design
ElevenLabs
 42 X to Voice
X to Voice
ElevenLabs
 43 Huberman Labs now Dubbing with ElevenLabs
Huberman Labs now Dubbing with ElevenLabs
ElevenLabs
 44 GenFM, Now Playing on ElevenReader: Smart Podcasts Produced by Generative AI
GenFM, Now Playing on ElevenReader: Smart Podcasts Produced by Generative AI
ElevenLabs
 45 Introducing ElevenLabs Conversational Agents
Introducing ElevenLabs Conversational Agents
ElevenLabs
 46 ElevenLabs x Hedra Voice Your Character Competition
ElevenLabs x Hedra Voice Your Character Competition
ElevenLabs
 47 Meet Flash
Meet Flash
ElevenLabs
 48 Transforming media production with AI sound effects & dubbing
Transforming media production with AI sound effects & dubbing
ElevenLabs
 49 ElevenLabs Conversational AI Webinar
ElevenLabs Conversational AI Webinar
ElevenLabs
 50 ElevenLabs - Text to Speech, Dubbing, Sound Effects and more
ElevenLabs - Text to Speech, Dubbing, Sound Effects and more
ElevenLabs
 51 Talk to Santa
Talk to Santa
ElevenLabs
 52 Year in Review with special guest TIME's CTO Burhan Hamid
Year in Review with special guest TIME's CTO Burhan Hamid
ElevenLabs
 53 Behind the Voice - August Kamp
Behind the Voice - August Kamp
ElevenLabs
 54 Conversational AI Voice Agents that can issue refunds
Conversational AI Voice Agents that can issue refunds
ElevenLabs
 55 Prenez une longueur d'avance avec ElevenLabs
Prenez une longueur d'avance avec ElevenLabs
ElevenLabs
 56 Talk to DeepSeek R1 with ElevenLabs Conversational AI
Talk to DeepSeek R1 with ElevenLabs Conversational AI
ElevenLabs
 57 Studio is now available to everyone, with new features (walkthrough)
Studio is now available to everyone, with new features (walkthrough)
ElevenLabs
 58 Build Conversational AI agents with Gemini 2.0 Flash
Build Conversational AI agents with Gemini 2.0 Flash
ElevenLabs
 59 Meet Alexis & El – Support Agents Handling 4,000 Calls a Day
Meet Alexis & El – Support Agents Handling 4,000 Calls a Day
ElevenLabs
 60 Transform your Speech with ElevenLabs Voice Changer
Transform your Speech with ElevenLabs Voice Changer
ElevenLabs
Zero to AI Tester: Building End-to-End Automation with KaneAI | TestMu AI X GeeksforGeeks
Next Up
Zero to AI Tester: Building End-to-End Automation with KaneAI | TestMu AI X GeeksforGeeks
GeeksforGeeks