TikTok devient de plus en plus populaire, malgré ses récents problèmes de réglementation, et toutes les marques et entreprises devraient en tirer parti.
J'ai donc décidé de vous montrer comment intégrer des vidéos TikTok sur n'importe quel constructeur de site web afin de tirer le meilleur parti de cette plateforme et d'améliorer les résultats de votre marque.
Ci-dessous, vous apprendrez comment intégrer TikTok à votre vie quotidienne. UGC stratégie en incluant vos vidéos TikTok et Mentions sur TikTok sur votre site web afin de susciter l'intérêt de vos visiteurs.
Guide vidéo : Intégrer un flux TikTok sur votre site web en quelques secondes
TL;DR : Regardez ce bref guide vidéo sur l'intégration d'un flux vidéo TikTok sur un site web :
Guide complet : Comment intégrer un flux TikTok sur un site web via EmbedSocial ?
La meilleure option pour intégrer des vidéos TikTok, Mentions sur TikTok, L'utilisation d'un outil tiers conçu à cet effet permet d'améliorer la qualité du contenu des sites web et de tous les autres types de contenu.
L'une de ces options est EmbedSocial, Il s'agit d'une interface de programmation directe avec TikTok, qui lui permet de présenter n'importe quel type d'image. TikTok UGC par la méthode officielle.
Utiliser EmbedSocial pour créer votre Widget UGC TikTok est très simple :
Étape 1 : Connectez-vous à votre compte EmbedSocial
Tout d'abord, vous devez disposer d'un compte EmbedSocial actif ou d'un compte Essai gratuit de 7 jours.
Étape 2 : Connectez votre compte TikTok
Ensuite, vous devez naviguer vers ‘Sources’ → ‘Gérer les comptes’ → ‘Ajouter un nouveau compte’. Ensuite, vous pouvez choisir le type de compte TikTok auquel vous souhaitez vous connecter :
Vous pouvez choisir entre un Compte de profil TikTok (extrait les informations de votre profil TikTok et vos vidéos publiques), un Compte de mentions TikTok (permet de trouver toutes les vidéos qui vous mentionnent sur TikTok, ainsi que les interactions des utilisateurs), et une fonction Compte TikTok Marketplace.
Remarque : L'API de TikTok extrait avec succès toutes les descriptions de vidéos et les informations relatives au contenu en question, afin que vous puissiez bénéficier de la même expérience que dans l'application TikTok.
Étape 3 : Ajouter votre source TikTok
Ensuite, il suffit de se rendre sur 'Sources' → 'Ajouter une nouvelle source' et sélectionnez TikTok dans la liste. Vous devrez choisir le type de source et sélectionner le compte :
En savoir plus :
Désormais, vous pouvez facilement transformer votre Les mentions TikTok dans les publicités en quelques minutes ! Vous obtenez un contenu organique et peu coûteux qui vous permet de vous mettre en valeur !
Étape 4 : Créez votre widget vidéo TikTok
Après avoir cliqué sur ‘Créer un widget’, vous serez invité à sélectionner un modèle de widget et vous accéderez à l'éditeur de widget. L'éditeur EmbedSocial vous permet de modifier tout ce qui concerne l'apparence de votre widget, des éléments qu'il inclut aux couleurs qu'il utilise :
Remarque : EmbedSocial offre de nombreuses différents modèles de widgets TikTok pour vous aider à démarrer, des widgets de mentions TikTOk achetables aux témoignages vidéo TikTok.
Étape 5 : Intégrer le widget TikTok sur votre site web
Une fois que vous êtes satisfait de l'apparence de votre widget, accédez à la section Embed' (Intégrer) dans le coin supérieur gauche et appuyez sur ‘Copier le code’, que vous devrez coller sur votre site web :
Enfin, vous devez ouvrir le logiciel de construction de site web de votre choix et naviguer jusqu'à la page en question, ajouter un bloc HTML personnalisé, et collez le code d'intégration de TikTok.
Poursuivez votre lecture car j'aborde ce processus pour toutes les plates-formes CMS les plus courantes.
Comment ajouter un flux TikTok à différents constructeurs de sites web ?
L'ajout d'un flux de posts TikTok à votre site web dépend du constructeur que vous utilisez, mais le processus est simple et ne prend que quelques clics avec le bon code d'intégration ou le bon widget :
Comment intégrer des contenus UGC sur Shopify ?
Voici comment intégrer des contenus UGC sur les sites Shopify :
- Connectez-vous à votre compte Shopify après avoir copié le code du widget intégrable dans EmbedSocial ;
- Naviguez jusqu'à la page Pages et cliquez sur Ajouter une page;
- Dans le cadre de la Contenu le code incorporable ;
- Sélectionnez la page où vous souhaitez que le code apparaisse et appuyez sur Sauvegarder.
Comment intégrer des contenus UGC sur Squarespace ?
Voici comment intégrer des contenus UGC sur les sites Squarespace :
- Copiez le code de votre widget EmbedSocial et connectez-vous à votre compte Squarespace ;
- Choisissez la page sur laquelle vous souhaitez que les avis apparaissent ;
- Cliquez sur Ajouter une nouvelle section et ensuite Ajouter un bloc à l'endroit où vous souhaitez afficher le widget ;
- Dans la liste des blocs, sélectionnez Emboîter‘;
- Cliquez sur le bloc, sélectionnez ‘Extrait de code", et cliquez sur ‘Intégrer les données" ;
- Enfin, dans la boîte de code, collez le code de révision copié ;
- Veillez à enregistrer et à publier vos modifications sur Squarespace.
Comment intégrer un contenu UGC sur Wix ?
Voici comment intégrer des contenus UGC sur les sites Wix :
- Connectez-vous à votre éditeur Wix et choisissez la page et l'emplacement pour ajouter le widget ;
- Cliquez sur le bouton Icône "+" (+) dans le coin supérieur gauche pour ajouter un nouvel élément ;
- Trouver le Embed & Social et tapez Code d'intégration;
- Collez le code et appuyez sur Mise à jour.
Comment intégrer un contenu UGC dans Webflow ?
Voici comment intégrer des contenus UGC sur les sites Webflow :
- Après avoir créé le widget dans EmbedSocial, connectez-vous à votre compte Webflow ;
- Allez dans la vue d'édition de votre site web dans Webflow ;
- Choisir de Ajouter un élément dans Webflow et sélectionnez l'option Élément "Embed;
- Faites-le glisser et déposez-le à l'endroit où vous souhaitez que vos commentaires apparaissent ;
- Dans le champ de saisie, collez le code EmbedSocial copié.
Comment intégrer un contenu UGC sur Pagecloud ?
Voici comment intégrer des contenus UGC sur les sites Pagecloud :
- Après avoir copié le code EmbedSocial, connectez-vous à votre Pagecloud compte ;
- Commencez à modifier la page web où vous souhaitez que les commentaires apparaissent ;
- Tapez sur Apps dans le menu du ruban de gauche et sélectionnez Embed' (Intégrer);
- Collez le code EmbedSocial dans le champ popup et cliquez sur Ok pour terminer le processus.
Comment intégrer des contenus UGC sur Google Sites ?
Voici comment intégrer des contenus UGC sur Google Sites :
- Une fois que vous avez copié le code de votre widget intégrable dans EmbedSocial, connectez-vous à votre compte Google Sites ;
- Naviguez jusqu'à la page où vous souhaitez intégrer le widget ;
- Utiliser le Onglet "Insérer dans Google Sites et choisissez l'endroit où vous souhaitez placer le widget ;
- Choisir 'Embarquer' dans le menu et collez le code copié dans la boîte de dialogue ;
- Cliquez sur 'Suivantet ensuiteInsérer' pour finaliser l'intégration.
Comment intégrer des contenus UGC dans Elementor ?
Voici comment intégrer des contenus UGC dans Elementor :
- Connectez-vous et accédez à la page où vous souhaitez ajouter les commentaires ;
- Appuyez sur une section vide et choisissez l'option Bloc "HTML dans la section gauche du ruban ;
- Faites-le glisser et déposez-le sur la page et collez le code du widget dans le champ vide ;
- Mettez à jour et publiez la page pour voir le widget en direct.
Comment intégrer l'UGC dans Notion ?
Voici comment intégrer des contenus UGC dans Notion :
- Après avoir copié le code du widget, se connecter à Notionet accéder à la page correspondante ;
- Tapez le /embed et, dans le menu déroulant, choisissez la commande Option "Embed" (intégrer);
- Collez l'URL et cliquez sur le lien "Embed link" (lien intégré) pour ajouter vos commentaires à Notion.
Comment intégrer des CGU sur des sites web HTML ?
Voici comment intégrer le CGU dans les sites HTML
- Copiez la revue du widget EmbedSocial à partir de la section Onglet "Embed dans le coin supérieur gauche de l'éditeur ;
- Ouvrez le fichier HTML de votre site web, qu'il s'agisse d'une nouvelle page ou d'une page existante ;
- Collez le code d'intégration EmbedSocial copié à l'endroit où vous souhaitez que les commentaires s'affichent.
Méthode officielle : Incorporer un widget vidéo TikTok sur votre site web via l'option native
Il s'avère que TikTok permet également aux utilisateurs de créer eux-mêmes des widgets intégrables à l'aide des outils natifs de la plateforme. Cependant, ils sont assortis de sérieuses limitations :
- Vous ne pouvez pas modifier le modèle du widget
- Vous ne pouvez pas personnaliser le titre, le sous-titre et les CTA.
- Vous ne pouvez pas modifier la palette de couleurs du widget
Cela dit, si vous souhaitez toujours utiliser l'option native, voici ce qu'il faut faire :
Étape 1 : Accéder à la page officielle de TikTok Embeds
TikTok propose une solution pour mettre en valeur son contenu. Juste suivre ce lien à la page TikTok Embeds, où vous pouvez prévisualiser vos embeds et copier le lien d'intégration TikTok :
Étape 2 : Choisissez le type de contenu TikTok que vous souhaitez intégrer
Pour l'instant, vous pouvez choisir entre des vidéos spécifiques, des profils, des pages de hashtags et des pages de sons. Il vous suffit de cocher le type de contenu que vous souhaitez intégrer :
Étape 3 : Copier l'URL spécifique dans le champ vide
Ensuite, vous devez trouver l'URL du contenu en l'ouvrant dans un navigateur et en appuyant sur la touche icône de flèche en bas et en tapant sur ‘Copie’ :
Étape 4 : Coller l'URL et copier le code du widget intégrable
Retourner à la page Embeds TikTok et collez l'URL que vous avez obtenue. Appuyez ensuite sur ‘Obtenir le code’ pour obtenir votre code d'intégration TikTok et un aperçu de votre intégration :
Étape 5 : Intégrer la vidéo TikTok sur votre site web
Enfin, il vous suffit de vous rendre sur la page du site web où vous souhaitez intégrer la vidéo, d'ajouter le bloc HTML correspondant et de coller le code d'intégration TikTok. J'ai expliqué comment faire tout cela avec tous les constructeurs de sites web populaires dans une section ci-dessus.
Si vous ajoutez plusieurs vidéos en appuyant sur ‘Créez le vôtre’ au cours des étapes précédentes, voici à quoi ressemblerait votre exemple d'intégration TikTok :
Remarque : La procédure est identique quel que soit le type de contenu TikTok que vous souhaitez intégrer. Il vous suffit de copier les URL de la vidéo, du profil, de la page de hashtag ou de la page de son.
De plus, si vous ne souhaitez intégrer qu'une seule vidéo TikTok, la plateforme offre les services suivants ressources pour les développeurs qui vous montrent comment obtenir immédiatement le ‘code d'intégration’ de vidéos spécifiques.
Indice : Il s'agit de la même méthode que ci-dessus, il suffit de taper sur Embed' (Intégrer) au lieu de ‘Copier’ dans le menu de partage de la vidéo. Il vous suffit ensuite de la coller sur votre site web :
Pourquoi intégrer TikTok à votre site web ?
TikTok est plus qu'un simple divertissement !
Les marques ont commencé à remarquer le potentiel marketing de cette plateforme après qu'il a été rapporté qu'elle avait plus de 800 millions d'utilisateurs actifs mensuels :
De nombreux utilisateurs passent près d'une heure par jour sur l'application. Intégrer des vidéos TikTok sur votre site web vous permet de capter cette énergie et de la transformer en conversions.
Après tout, les utilisateurs passent un 52 minutes en moyenne de navigation sur l'application ou créent des vidéos tous les jours, alors autant y promouvoir vos produits et services ! Lorsque vous déciderez enfin d'intégrer un flux TikTok à votre site web, vous bénéficierez de tous ces avantages :
- Obtenir des mises à jour de contenu en temps réel -synchroniser votre site avec votre compte TikTok pour que les nouvelles vidéos s'affichent automatiquement, ce qui permet à votre site d'être toujours à la page et à vos visiteurs d'être accrochés ;
- Améliorer l'expérience de l'utilisateurajoutez du mouvement, de la musique et des histoires à vos pages grâce à des vidéos intégrées qui rendent la navigation plus dynamique et plus agréable ;
- Collecter des CGU et afficher des preuves socialesMettez en avant de vrais utilisateurs et leurs expériences avec votre marque afin d'établir une crédibilité et une confiance instantanées ;
- Atteindre un public plus largetirer parti de la portée mondiale de TikTok pour attirer les jeunes et élargir votre base de clients et d'adeptes de TikTok ;
- Améliorez votre référencementaugmentent le temps de visite et l'engagement, signalant aux moteurs de recherche que votre site web offre un contenu de valeur ;
- Obtenir une promotion multiplateformegénérer du trafic entre votre site web et votre profil TikTok afin de renforcer les deux canaux simultanément ;
- Gagner du temps et de l'espace d'hébergementintégrer des vidéos directement à partir de TikTok, de sorte que vous n'ayez pas à télécharger ou à héberger de gros fichiers vidéo ;
- Promouvoir les campagnes de hashtagintégrer des vidéos de campagne pour inciter à la participation et faire en sorte que les hashtags de votre marque restent d'actualité.
En somme, en transformant votre site web en un centre social vivant grâce à l'intégration de vidéos TikTok, vous renforcerez votre crédibilité auprès du public le plus jeune et le plus enthousiaste qui soit.
Pourquoi choisir EmbedSocial comme plateforme UGC ?
Si vous souhaitez une solution fiable et tout-en-un pour intégrer des vidéos TikTok, EmbedSocial est votre meilleure option. Il s'agit d'une Plate-forme complète d'UGC qui se connecte directement à la les API officielles de toutes les plateformes de médias sociaux populaires, y compris TikTok, Instagram, Facebook, YouTube, Google, etc. Grâce à cette connexion, vous pouvez facilement collecter, modérer et afficher automatiquement le contenu social :
Voici pourquoi EmbedSocial se distingue :
- Connexions API officiellesEmbedSocial s'intègre directement à TikTok et à d'autres plateformes sociales, garantissant des mises à jour de contenu stables, sécurisées et en temps réel ;
- Flux vidéo automatisésconnectez votre compte TikTok une seule fois et laissez le système synchroniser chaque nouvelle vidéo automatiquement, sans avoir à l'intégrer manuellement ;
- Personnalisable widgets pour sites web-choisissez parmi les mises en page de type grille, carrousel, mur ou popup et concevez-les pour qu'elles correspondent à l'image de marque et au style de votre site web ;
- Flux d'UGC commercialisables-vous pouvez relier tous les messages UGC que vous collectez à vos pages de produits et de services existantes, ce qui simplifie le processus de collecte de données. le processus de décision du consommateur;
- Agrégation d'UGC provenant de tous les réseauxcombine des vidéos, des articles et des commentaires provenant de plusieurs plateformes en un flux dynamique qui maintient votre site Web en vie ;
- Modération et contrôlefiltrer ce qui apparaît sur votre site à l'aide d'outils de modération basés sur des mots-clés et des balises, ou approuver manuellement chaque message ;
- Analyses multiplateformesmesurer l'engagement, les impressions et les performances de toutes vos sources d'UGC à partir d'un seul tableau de bord ;
- Évolutif pour les marques à implantations multiples -gérer les CGU pour plusieurs comptes, campagnes ou magasins à partir d'un seul endroit, sans duplication ni chaos.
EmbedSocial apporte chaque élément de votre présence sociale...TikTok, Instagram, Facebook, YouTube et Google-sous un même toit. Il transforme les contenu généré par l'utilisateur en expériences de marque qui stimulent l'engagement, le référencement et la confiance sans effort.
Imaginez que vous ayez des widgets combinés qui incluent à la fois votre flux TikTok et votre flux Instagram, et qu'ils tirent automatiquement les nouveaux contenus au fur et à mesure qu'ils sont publiés. Ainsi, chaque fois que vous avez un nouveau post pour votre public cible sur TikTok, il apparaîtra également dans votre widget.
Intégrer le flux TikTok sur un site web : 5 bonnes pratiques
Si vous souhaitez ajouter un flux TikTok à votre site web, vous devez connaître quelques conseils et astuces qui vous aideront à en tirer le meilleur parti :
1. Veillez à ce que le design de votre flux TikTok soit cohérent avec votre marque
Vos vidéos TikTok intégrées doivent donner l'impression de faire partie de votre site web. Harmonisez donc les couleurs, la typographie et la mise en page de votre widget avec le design de votre site pour créer une expérience unifiée.
💡 Exemple : Une marque de mode intègre son carrousel TikTok en utilisant la même palette pastel que sa page d'accueil. La fluidité du flux visuel permet aux visiteurs d'explorer la page au lieu de rebondir.
2. Présentez vos vidéos TikTok les plus performantes
Ne surchargez pas votre fil d'actualité avec toutes les vidéos. Réunissez vos contenus les plus performants, c'est-à-dire ceux qui génèrent le plus de vues, de commentaires ou de partages. Mettez en avant les vidéos qui reflètent la personnalité de votre marque ou qui font la promotion de campagnes en cours. Ajoutez également un mur TikTok sur votre site web.
💡 Exemple : Un café filtre son flux pour afficher des extraits de recettes à la mode et des vidéos de réactions de clients, ce qui permet au site web de rester vivant et pertinent.
3. Optimiser pour la réactivité mobile
La plupart des utilisateurs de TikTok naviguent sur mobile. Veillez donc à ce que votre flux intégré s'adapte parfaitement aux petits écrans. Utilisez un widget réactif qui se redimensionne automatiquement et assure des temps de chargement rapides. Il s'agit d'un élément important de votre TikTok SEO pratiques.
💡 Exemple : Une boutique en ligne ajoute une grille réactive qui s'affiche aussi bien sur les téléphones que sur les tablettes, ce qui se traduit par des durées de session 25% plus longues.
4. Combiner TikTok avec d'autres preuves sociales
TikTok seul peut générer de l'engagement, mais l'associer à d'autres UGC, comme des photos Instagram ou des avis Google, permet d'accroître la confiance et l'authenticité. Utiliser un flux de médias sociaux pour une présentation complète de la marque.
💡 Exemple : Une marque de soins pour la peau intègre un mur d'UGC mixte comprenant des tutoriels TikTok, des photos Instagram avant et après, et des avis Google 5 étoiles, le tout sur une page dynamique.
5. Mettez régulièrement à jour votre contenu TikTok
Un flux obsolète donne l'impression aux visiteurs que votre marque est inactive. Programmez des mises à jour régulières ou connectez votre compte TikTok directement via l'API d'EmbedSocial pour vous assurer que les nouvelles vidéos apparaissent automatiquement.
💡 Exemple : Le widget TikTok en direct d'un studio de fitness est mis à jour quotidiennement avec de nouveaux défis d'entraînement, ce qui incite les visiteurs à revenir pour voir les derniers clips.
Conclusion : Incorporez un widget TikTok pour rendre votre site web plus dynamique !
Si vous souhaitez donner vie à votre site web et fournir des informations authentiques, vous pouvez vous adresser à la Commission européenne. preuve sociale pour engager et rassurer vos visiteurs, pensez à intégrer des vidéos TikTok.
Vous pouvez soit utiliser la méthode native limitée en copiant le code d'intégration d'une seule vidéo et en le collant sur votre site, soit vous appuyer sur un widget TikTok comme celui d'EmbedSocial. Vous n'avez même pas besoin d'installer un plugin ou d'apprendre à coder. Vous pouvez immédiatement intégrer un mur TikTok n'importe où.
Avec le widget de flux TikTok d'EmbedSocial, vous pouvez aller plus loin en synchronisant automatiquement vos dernières vidéos et en personnalisant l'apparence du widget pour l'adapter à votre site.
Commencez donc dès aujourd'hui à intégrer vos vidéos TikTok pour accroître votre visibilité, vous rapprocher de votre public et faire de votre site web une extension vivante de votre présence sur TikTok.
S'inscrire à EmbedSocial immédiatement ou essayez l'option Essai gratuit de 7 jours!
FAQ sur l'intégration des widgets vidéo TikTok
Peut-on intégrer une vidéo TikTok ?
Oui. TikTok vous permet d'intégrer n'importe quelle vidéo publique directement sur votre site web à l'aide de son code d'intégration officiel ou d'un widget TikTok tiers tel que EmbedSocial.
Comment intégrer un TikTok ?
Ouvrez la vidéo TikTok, cliquez sur son ‘Flèche ’Partager, sélectionner Embed' (Intégrer), Copiez le code et collez-le dans l'éditeur HTML de votre site web ou dans le bloc d'intégration.
Où se trouve le code d'intégration sur TikTok ?
Vous trouverez le code d'intégration dans les options de partage de toute vidéo TikTok publique. Cliquez simplement sur Embed' (Intégrer) puis tapez sur Copier le code.
Qu'est-ce que cela signifie d'intégrer votre vidéo ?
Intégrer une vidéo signifie l'insérer à partir d'une autre plateforme (comme TikTok) dans votre site web à l'aide d'un court code HTML afin que les visiteurs puissent la regarder sans quitter votre site.
Puis-je intégrer un flux TikTok au lieu de vidéos individuelles ?
Oui, en utilisant un widget de flux TikTok comme EmbedSocial, Vous pouvez intégrer plusieurs vidéos ou mentions automatiquement en un seul endroit.
Quel est le moyen le plus simple d'ajouter un flux TikTok à un site web ?
La méthode la plus simple consiste à utiliser un widget TikTok qui génère un code d'intégration que vous pouvez coller dans votre constructeur de site. Découvrez d'excellentes options telles que EmbedSocial.
Puis-je intégrer TikTok sur WordPress, Wix ou Squarespace ?
Oui, les liens d'intégration et les widgets TikTok fonctionnent sur tous les principaux constructeurs de sites web, y compris WordPress, Wix et Squarespace.
Que se passe-t-il si une vidéo TikTok que j'ai intégrée est supprimée ?
Si la vidéo TikTok originale est supprimée, elle n'apparaîtra plus dans votre flux intégré ou sur votre page web.
