GuidesSans code

ElevenAgents dans Framer

Découvrez comment déployer un agent ElevenLabs dans Framer

Ce tutoriel vous guide pour ajouter votre agent ElevenLabs à votre site Framer.

Prérequis

  • Un agent ElevenLabs Agents créé en suivant ce guide
  • Un compte et un site Framer, créez-en un ici
Projet d’exemple Convai Framer

Guide

1

Accéder à votre éditeur Framer

Ouvrez votre site dans l’éditeur Framer et cliquez sur le bureau principal à gauche.

2

Ajouter le composant ElevenAgents

Copiez et collez l’URL suivante dans la page à laquelle vous souhaitez ajouter l’agent ElevenLabs :

https://framer.com/m/ConversationalAI-iHql.js@y7VwRka75sp0UFqGliIf

Vous verrez alors une ressource ElevenAgents dans la barre « Layers » à gauche et les détails du composant ElevenAgents à droite.

3

Renseigner les détails de l’agent

Activez l’agent ElevenLabs en renseignant l’ID de l’agent dans la barre à droite. Vous trouverez l’ID de l’agent dans le Dashboard ElevenLabs.

Vous rencontrez des difficultés ? Assurez-vous que le composant ElevenAgents est placé sous le composant de bureau dans le panneau des calques.

Projet d’exemple Convai Framer
Projet d’exemple Convai Framer

Prochaines étapes

Maintenant que vous avez ajouté votre agent ElevenLabs à votre site Framer, vous pouvez :

  1. Personnaliser le widget dans le Dashboard ElevenLabs pour l’adapter à votre marque
  2. Ajouter d’autres langues
  3. Ajouter des fonctionnalités avancées telles que des outils et une base de connaissances.