Aller au contenu
TIKTOK LIVE → TOKELEMENTS → OBS

TIKTOK LIVE :
DES OVERLAYS
QUI RÉAGISSENT.

Transforme les cadeaux, follows, likes et messages de ton live TikTok en alertes, objectifs, classements et widgets sur mesure pour TikTok LIVE Studio et OBS, en temps réel.

Créer mon overlay gratuit Regarde la création d’un widget en action
SANS MOT DE PASSE TIKTOKUN SEUL LIEN OBSGRATUIT POUR COMMENCER
KA@kaicenat LIVE1.2k
OBJECTIF PIÈCES36%
mia.la
a envoyé Lion
MI
mia.la cet overlay est dinguetobi_zockt BUT BUT BUT
Événement reçugift · 14ms
OBS connectésource navigateur
gift → alert.play()
PRÊT EN 3 ÉTAPES

De l’inscription à ta première alerte

  1. 1

    Entre ton nom d’utilisateur TikTok

    Inscris-toi gratuitement et tape ton @nom. Pas de mot de passe TikTok, rien à installer.

  2. 2

    Ajoute une URL dans OBS ou LIVE Studio

    Colle le lien de ton overlay dans une source navigateur, puis envoie un cadeau test pour le voir.

  3. 3

    Lance ton live

    Cadeaux, follows, likes et chat s’affichent tout seuls sur ton stream.

Créer mon overlay gratuit
01 / CRÉATEUR DE WIDGETS IA

CRÉE TES OVERLAYS
TIKTOK AVEC L’IA
EN QUELQUES SECONDES.

Décris ce que tu veux, par exemple une alerte cadeau qui fait trembler l’écran ou un objectif de followers avec un brocoli de chaque côté. L’assistant écrit le widget, le relie à tes événements TikTok LIVE et le place sur ton overlay OBS. Sans code. Tu peux aussi créer depuis Claude Code et ChatGPT via MCP.

Créer mon premier widgetComment ça marche
  • ~10 s par widget
  • Cadeaux · follows · likes · chat déjà reliés
  • Claude & ChatGPT via MCP

Kits de widgets de la communautédes overlays complets, faits par des créateurs

Roblox Widget KitFortnite Widget KitPUBG Widget KitGTA Widget KitMinecraft Widget KitPublie le tien
Roblox Widget Kitpar la communautéGratuit

Roblox New Gift Alert

Roblox New Follower Alert

Roblox Live Chat Frame

Roblox Gift Goal Progress

Roblox Follower Counter

Fortnite Widget Kitpar la communautéGratuit

Fortnite New Gift Alert

Fortnite Follower Counter

Fortnite Live Chat Frame

Fortnite New Follower Alert

Fortnite Gift Goal Progress

PUBG Widget Kitpar la communauté

PUBG New Gift Alert

PUBG New Follower Alert

PUBG Live Chat

PUBG Gift Goal

PUBG Followers Counter

GTA Widget Kitpar la communauté

Los Santos New Gift Alert

Los Santos New Follower Alert

Los Santos Live Chat

Los Santos Gift Goal

Los Santos Follower Counter

Minecraft Widget Kitpar la communauté

New Gift Alert

Minecraft Live Chat Frame

Minecraft Gift Diamond Goal

Minecraft New Follower Alert

Minecraft Follower Counter Artwork

VRAIS WIDGETS · SIGNAL EN DIRECT

Une scène. Quatre calques live.

01 / 04

Des alertes qui claquent

Chaque cadeau, follow et partage déclenche un popup animé avec du son, instantanément, en plein stream.

…

02 / 04

Des objectifs remplis par tes fans

Les objectifs de pièces et de followers montent en direct. Objectif atteint, tout l’overlay fait la fête.

36%
Objectif pièces
1,780 / 5,000
Monte en direct à chaque cadeau ↑
03 / 04

Des classements qui se disputent

Les top donateurs se battent pour la première place en temps réel. Rien ne pousse aux cadeaux comme la compétition.

Top donateurs
MImia.la
2733
KAkayra99
11,204
TOtobi_zockt
3310
4nachtfalke128
04 / 04

Code tes propres widgets

Écris du HTML, CSS et JS directement dans l’éditeur. Crée n’importe quel overlay, avec l’aperçu live pendant que tu tapes.

STUDIO DE WIDGETS PERSO APERÇU LIVE
HTMLCSSJS
1TE.on('gift', event => {
2 const alert = createAlert({
3 user: event.user,
4 gift: event.gift
5 });
6 overlay.show(alert);
7});
événement cadeau reçu 18ms
APERÇU LIVEAUTO
mia.la
a envoyé Rose10
MI
Aucune erreurSauvegarde autoTE SDK 1.0
02 / DU PSEUDO À OBS

RÈGLE-LE UNE FOIS.
PASSE EN LIVE.

ÉTAPE 01 / 03

Connecte ton pseudo

Saisis ton nom d’utilisateur TikTok public. Ton mot de passe TikTok reste à toi.

ÉTAPE 01 / 03

Connecte ton pseudo

Saisis ton nom d’utilisateur TikTok public. Ton mot de passe TikTok reste à toi.

PSEUDO TIKTOK PUBLIC
kaicenat TROUVÉ
À L’ÉCOUTE DES ÉVÉNEMENTS LIVE

Pas de mot de passe TikTok. Ton pseudo public suffit.

CALQUE 01 · Connecte ton pseudo
ÉTAPE 02 / 03

Personnalise-le

Choisis un widget, règle son look et teste chaque interaction avant de passer en live.

ÉDITEUR DE WIDGETAPERÇU LIVE
mia.la
a envoyé Rose
MI
ACCENTANIMATION · POP
CALQUE 02 · Personnalise-le
ÉTAPE 03 / 03

Ajoute-le dans OBS

Colle le lien privé de source navigateur une seule fois. Les événements live font le reste.

OBS · SOURCE NAVIGATEURPRÊT
URL PRIVÉE DE L’OVERLAY
tokelements.app/overlay/••••••••
Signal connectéChaque événement live apparaît maintenant dans OBS.
CALQUE 03 · Ajoute-le dans OBS
03 / AU-DELÀ DES WIDGETS
01 / 06

Éditeur d’overlay

Place et superpose chaque élément live sur un seul canevas visuel.

OVERLAY · SCÈNE PRINCIPALE1920 × 1080
Alerte cadeauObjectif subathon
OUTIL CRÉATEUR · APERÇU LIVE
01

Éditeur d’overlay

Place et superpose chaque élément live sur un seul canevas visuel.

OVERLAY · SCÈNE PRINCIPALE1920 × 1080
Alerte cadeauObjectif subathon
02

Système de points

Récompense les viewers avec des points, des soldes et des actions à échanger.

POINTS DES VIEWERSSYSTÈME ACTIF
KAkaicenat12,480 PTS
Mettre mon message en avant 500Ajouter 2 minutes 1,200Lancer des confettis 2,500
03

Simulateur d’événements

Teste cadeaux, follows et objectifs en toute sécurité avant l’arrivée du public.

SIMULATEUR D’ÉVÉNEMENTSMODE TEST SÉCURISÉ
TYPE D’ÉVÉNEMENTCadeau · Lion ×1
14:32:08 l’overlay a reçu un événement cadeau 200 OK
04

Trigger API

Envoie des événements à tes widgets depuis ton propre bot ou tes outils, avec une clé API à portée limitée.

TRIGGER APICONNECTÉ
POST /api/v1/trigger{ "event": "gift", "user": "kaicenat", "coins": 2999 }
200 OK · 18ms
05

Demandes Spotify

Laisse les viewers influencer la file d’attente sans quitter ton LIVE.

DEMANDES SPOTIFYFILE · 04
EN COURSDemande d’un viewerAjouté par @pokimane
À SUIVREDemandé par @xqc03:24
06

Scènes live

Change de scène plein écran (intro, pause, live), chacune avec son fond et sa transition.

SCÈNESÀ L’ANTENNE · INTRO
PROGRAMMEMINUIT · FONDU
DÉBUT DANS4:58
IntroFonduÀ L’ANTENNEJe reviens viteGlissementInactiveLiveCoupeCaméra
04 / AVANT TON LIVE

TOUT
EST CLAIR.

Des réponses courtes aux questions qui comptent avant ton premier stream.

FAQ · 01Comment ajouter un overlay TikTok LIVE à OBS ?

Crée et personnalise un widget, copie son URL privée de source navigateur, puis ajoute cette URL comme Source navigateur dans OBS.

FAQ · 02Est-ce que ça marche avec TikTok LIVE Studio ?

Oui. Ajoute le lien de ton overlay dans TikTok LIVE Studio comme source Lien, ou dans OBS comme Source navigateur. Chaque widget que tu places s’affiche dans ton live.

FAQ · 03Dois-je me connecter avec mon compte TikTok ?

Non. Connecte-toi avec ton nom d’utilisateur TikTok public : TokElements ne te demande jamais ton mot de passe TikTok.

FAQ · 04Puis-je créer des widgets entièrement sur mesure ?

Oui. Utilise l’éditeur HTML, CSS et JavaScript intégré, avec aperçu live et vraies données d’événements TikTok LIVE.

FAQ · 05Puis-je afficher un écran « ça commence bientôt » ou de pause ?

Oui. Crée plusieurs scènes sur un même overlay (intro, pause, live), chacune avec son fond plein écran (un préréglage intégré, une couleur ou ta propre image) et ses propres widgets. Passe de l’une à l’autre en direct : elles se fondent avec une transition, puis dévoilent ta caméra.

05 / TARIFS

GRATUIT POUR STREAMER.
PRO POUR CRÉER.

Overlays, alertes, objectifs, chat, classements et tous les modèles restent gratuits, sans période d’essai. Pro sert à écrire tes propres widgets.

GRATUIT
$0pour toujours

Tout ce qu’il faut pour mettre un overlay live dans OBS. Sans carte, sans filigrane.

  • Overlay dans OBS, une seule source navigateur
  • Tout le catalogue de modèles
  • Alertes, objectifs, chat, classements et points
  • Crée tes propres widgets dans l’éditeur de code
  • Modifie le html, css et js de n’importe quel widget
  • Crée des widgets avec l’IA, directement dans l’éditeur
  • Base de points pour 25 000 viewers (gratuit : 1 000)
  • Rôle Pro sur Discord
Créer un compte gratuit
PRO
$18par mois

Ou $151.20 par an, soit $12.60 par mois. Facturé en USD, résiliable à tout moment.

  • Overlay dans OBS, une seule source navigateur
  • Tout le catalogue de modèles
  • Alertes, objectifs, chat, classements et points
  • Crée tes propres widgets dans l’éditeur de code
  • Modifie le html, css et js de n’importe quel widget
  • Crée des widgets avec l’IA, directement dans l’éditeur
  • Base de points pour 25 000 viewers (gratuit : 1 000)
  • Rôle Pro sur Discord
Prendre Pro

Les paiements passent par Creem en tant que marchand officiel (merchant of record) ; les taxes sont ajoutées au paiement lorsqu’elles sont dues. Un abonnement se renouvelle pour la même durée jusqu’à ce que tu le résilies dans tes paramètres. Pas satisfait de ton premier paiement ? Écris-nous dans les 7 jours et il est remboursé. Détails dans les Conditions.

06 / COMMUNAUTÉ

REJOINS NOTRE
DISCORD.

Des streamers qui aident des streamers. Obtiens des réponses de gens qui sont en live tous les jours, montre ce que tu as créé et vote pour les prochaines nouveautés. Les membres Pro ont le rôle Pro sur leur nom.

Rejoindre notre DiscordGRATUIT · SUPPORT EN 7 LANGUES, DONT LE FRANÇAIS · OUVERT À TOUS
  • SupportOBS, la connexion TikTok, un widget qui ne se déclenche pas. De vraies personnes, des réponses rapides.
  • VitrinePublie tes overlays, pioche des idées chez d’autres streams, reçois des retours avant ton live.
  • RoadmapVote pour des fonctionnalités et regarde-les sortir. Les meilleures idées viennent de ceux qui streament.
  • Rôle ProRelie Discord une fois dans les Paramètres et le rôle Pro apparaît automatiquement sur ton nom.
07 / TON PROCHAIN STREAM

FAIS VIBRER
CHAQUE MOMENT.

Crée ton premier overlay TikTok LIVE et ajoute-le à OBS avec un seul lien privé.

Créer mon overlay gratuitSANS MOT DE PASSE TIKTOK · GRATUIT POUR COMMENCER · PRO DÈS $12.60/MOIS