Site icon EmbedSocial

Comment intégrer des vidéos TikTok sur n'importe quel site Web [étape par étape]

embed TikTok widget

TikTok popularity isn’t going anywhere anytime soon. This is why we will show you how you can embed TikTok videos on any website builder and make the most of this platform. Let’s get to know how to include TikTok in your contenu généré par l'utilisateur et surprendre les visiteurs de votre site web. Êtes-vous prêt ?


Pour information : Vous pouvez intégrer un widget TikTok automatiquement avec EmbedSocial’s Plate-forme UGC. Essai gratuit et affichez vos widgets de médias sociaux dès maintenant. 

Afficher TikTok automatiquement sur votre site web !

Essayer EmbedFeed et ajoutez des vidéos TikTok, des flux Instagram, YouTube ou Facebook à votre site web.

Toutes les fonctionnalités PRO peuvent être annulées à tout moment.

Comment intégrer un flux TikTok à un site Web ?

Nous allons présenter deux options : une plateforme tierce ou l'option d'intégration manuelle native de TikTok.

Cette section contient les étapes les plus simples au cas où vous auriez besoin de l'option native et que vous n'auriez pas besoin de synchroniser automatiquement plusieurs vidéos sur votre site web.

Comment intégrer une vidéo TikTok sur votre site web avec l'option native ?

Avec cette option, vous pourrez intégrer les vidéos TikTok une par une, et pour chacune d'entre elles, vous devrez copier le code et le coller sur votre site web.

Follow the steps below, it takes less than a minute and you don’t need a plugin:

Étape 1 : Ouvrez votre application TikTok dans votre navigateur web (ou allez à https://www.tiktok.com)

Étape 2: Ouvrez la vidéo que vous souhaitez intégrer (ou copiez-collez une URL de la vidéo).

Étape 3: Cliquez sur le bouton 'Obtenir le code d'intégrationdans le coin des boutons de partage de la carte d'affichage vidéo.

Étape 4 : Sélectionnez l'option 'Copier le codepour copier le code HTML dans votre presse-papiers.

Étape 5 : Sur votre site web, ouvrez la page où vous souhaitez intégrer la vidéo

Remarque : Pour les sites web WordPress, utilisez le bloc HTML Gutenberg ou utilisez l'éditeur de code pour coller le code d'intégration.

Voici une démonstration d'une vidéo TikTok intégrée dans cet article de blog :

@colormecourtney

J'ai caché un message dans la vidéo ♥️ Peux-tu le trouver ? ##vintage ##style ##retro

♬ Be My Baby – The Ronettes

Once embedded on your web page, the video will be displayed along with attributions such as video creator, video description, and the background original sound. 

Elle renvoie également à la même vidéo sur l'application TikTok.

A noter : Si une vidéo est supprimée de l'application TikTok, la vidéo intégrée sur un site web ne sera plus disponible. Et si vous découvrez la Vidéos UGC sur votre téléphone portable, assurez-vous que votre application TikTok est téléchargée/mise à jour depuis vos boutiques d'applications respectives. Pour les utilisateurs d'Android, il s'agit de PlayStore et iTunes pour les utilisateurs d'iPhone iOS.

Pour plus d'informations, consultez le site officiel de la Commission européenne. Guide vidéo TikTok pour les développeurs.

Intégrer les vidéos TikTok à une plateforme UGC

You dont have to go through all that trouble and embed TikTok videos one by one with a default design. With the social media aggregator EmbedFeed, you can automatically generate and embed entire TikTok video feeds on your website. This custom TikTok video widget will transfer your website into a live TikTok channel.

La plateforme propose deux options :

  1. Option 1 : Insérer manuellement des liens dans les vidéos TikTok et créer des widgets pour les flux TikTok.
  2. Option 2 : Connecter un compte TikTok et extraire automatiquement toutes les vidéos de ce compte.

Option 1 : Intégrer manuellement des vidéos TikTok

EmbedSocial provides you with a great option to embed any TikTok video in stunning web widgets. This means you don’t need account access, but you must manually add the video links.

Voici la marche à suivre :

Étape 1 : Sélectionner les vidéos TikTok

Une fois que vous avez sélectionné TikTok comme source, dans la deuxième étape, au lieu du compte TikTok, choisissez ‘TikTok video’. Saisissez ensuite les URL des vidéos TikTok.

Dans cette étape, soumettez tous les liens vidéo TikTok que vous souhaitez ajouter au widget.

Les autres étapes de la création et de l'intégration du widget TikTok sont les mêmes que celles décrites ci-dessus.

Note: Vous pouvez ajouter des boutons CTA personnalisés qui peuvent mener à l'URL de votre vidéo TikTok, à un site de commerce électronique ou à tout autre endroit où vous souhaitez que vos visiteurs se rendent.

Option 2 : Intégrer automatiquement des vidéos TikTok

Suivez ces étapes pour créer un widget vidéo TikTok et l'intégrer à votre site web.

Tout d'abord, vous devez créer un compte EmbedFeedoù vous devrez configurer votre source TikTok.

Étape 1 : Aller sur ‘Sources ‘and choose TikTok

Étape 2 : Choisir de connecter le compte TikTok

From the 2 provided options, choose a TikTok account so you can connect and automatically pull your account’s videos. Click ‘Connect with TikTok.’

Étape 3 : Autorisations pour l'application EmbedFeed TikTok

Once you select TikTok, a popup will appear where you will need to click ‘Autoriser‘ to allow the app to sync with your TikTok account. 

Étape 4 : Choisir le compte TikTok

Cliquez sur le menu déroulant et sélectionnez votre compte pour générer des vidéos TikTok. Une fois que vous avez terminé, cliquez sur Suivant.

(si vous en avez plusieurs, vous pouvez répéter les étapes et les ajouter également en tant que sources).

Étape 5 : Choisir le modèle de widget TikTok

Choose from the different layouts and templates (grid, wall, popup, carousel). Click ‘Create feed’.

Étape 5 : Personnaliser ou modérer le widget TikTok 

Une fois que vous avez sélectionné le modèle, votre widget est créé et vous êtes redirigé vers l'éditeur principal. Ici, vous pouvez personnaliser les paramètres ou l'ensemble de l'apparence avec un CSS personnalisé afin que votre flux vidéo TikTok corresponde à votre site web et à votre marque.

Vous pouvez également utiliser l'onglet Modération et choisir les vidéos qui apparaissent publiquement dans votre widget. 

Étape 6 : Copier/coller le code fourni 

Enfin, copiez le code en haut à gauche et collez-le dans la zone de votre site web où vous souhaitez que le widget TikTok apparaisse. 

Comment ajouter le flux TikTok à un site web WordPress

Note: If you use WordPress, you don’t need to install any WordPress plugins. Just go to your page or post and insert an Bloc HTML pour coller le code fourni. 

Étape 1 : Allez dans l'éditeur de messages, cliquez sur l'icône plus, puis cliquez sur le bouton HTML personnalisé bloc :

Étape 2 : Collez le code que vous avez obtenu d'EmbedFeed et cliquez sur '.Avant-première' pour voir si le flux TikTok s'affiche correctement

Étape 3 : Cliquez sur 'Mise à jourouPublier’ (if it’s a new post)

That’s it. Your TikTok video feed will appear on your website immediately.

Comment intégrer une vidéo TikTok sur Squarespace ?

Si vous utilisez le constructeur de sites web Squarespace, vous pouvez également utiliser le code EmbedFeed pour intégrer le flux vidéo TikTok.

Pour ce faire, ouvrez votre éditeur Squarespace et suivez les étapes suivantes :

  1. Ouvrez la page de votre site web où vous souhaitez ajouter TikTok.
  2. Cliquez sur l'icône + icône dans l'éditeur pour ajouter une nouvelle section
  3. Cliquez sur l'icône Embarquer option de blocage
  4. Collez le code et cliquez sur Terminé pour afficher le widget

That’s it. Every time you add a TikTok video, the widget will automatically display it on your Squarespace website.

Comment intégrer une vidéo TikTok sur Wix

Si vous utilisez Wix, voici comment intégrer le code d'EmbedFeed ou le code natif de la vidéo TikTok dans l'éditeur Wix.

Étape 1 : Connectez-vous à votre site Wix et cliquez sur Modifier le site

Étape 2 : Sélectionnez une zone où vous souhaitez ajouter le flux vidéo TikTok.

Étape 3 : Cliquez sur le bouton + en haut à gauche Ajouter des élémentscliquer sur Code d'intégration et cliquez sur Intégrer du HTML

Étape 4 : Dans les paramètres HTML, collez le code d'EmbedFeed dans le champ ‘Add your code here (HTTPS) only’ area. Si nécessaire, utilisez les commandes pour ajuster la section à la hauteur de votre flux TikTok.

Étape 5 : Cliquez sur Publier

Pourquoi intégrer des vidéos TikTok sur votre site web ?

If you’re a TikTok video creator – congratulations! You’re part of an enormous community that focuses on creativity and encouraging young people to be themselves.

À l'heure où j'écris ces lignes, la popularité de TikTok s'étend rapidement. Regardez les chiffres :

Pendant ce temps, les utilisateurs dépensent une moyenne de 52 minutes browsing the app or creating videos daily. This is just another reminder that should sparkle the curiosity of brands to use TikTok’s popularity and promote their products and services, especially if young people are your target audience.

Malgré son énorme base d'utilisateurs, voici les principales raisons pour lesquelles vous devriez envisager de diffuser des vidéos TikTok sur votre site web :

Obtenir des mises à jour de contenu en temps réel

En synchronisant votre site web avec votre compte TikTok, vous vous assurez que les vidéos les plus récentes sont toujours présentées, offrant ainsi à vos visiteurs un contenu frais et attrayant. Cela les incite à revenir et à prolonger leurs sessions de navigation.

Améliorer l'expérience de l'utilisateur

Les vidéos TikTok intégrées rendent votre site web plus interactif et visuellement attrayant. Ce contenu dynamique peut améliorer l'expérience de l'utilisateur, ce qui se traduit par une plus grande satisfaction des visiteurs et une augmentation du nombre de visites.

Collecter des CGU et afficher des preuves sociales

La présentation sur votre site web de vidéos TikTok et de contenu généré par les utilisateurs peut servir de preuve sociale of your brand’s popularity and relevance. This can help to build credibility and trust among potential customers, clients, or partners.

Atteindre un public plus large

TikTok dispose d'une base d'utilisateurs massive qui couvre différentes catégories démographiques. En intégrant vos vidéos TikTok sur votre site web, vous pouvez exploiter cette audience diversifiée et potentiellement attirer de nouveaux adeptes et clients.

Augmentez le nombre de vos abonnés sur TikTok

Les vidéos TikTok peuvent humaniser votre marque en présentant votre personnalité unique, des moments en coulisses ou du contenu généré par les utilisateurs. Cette connexion authentique peut favoriser la confiance et la fidélité des visiteurs de votre site web, qui peuvent facilement choisir de vous suivre à partir du lien widget vers votre profil TikTok.

Améliorer le référencement

Un contenu de qualité et attrayant peut contribuer à améliorer le classement dans les moteurs de recherche. Comme les utilisateurs passent plus de temps sur votre site et partagent votre contenu, les moteurs de recherche peuvent reconnaître votre site web comme une ressource précieuse, ce qui peut augmenter votre visibilité dans les résultats de recherche.

Promotion multiplateforme

Intégrer des vidéos TikTok sur votre site web peut générer du trafic vers vos profils de médias sociaux et vice versa. Cette approche multicanal peut maximiser votre visibilité en ligne et vous aider à atteindre un public plus large.

Gagner du temps et économiser de l'hébergement pour le téléchargement de vidéos

En intégrant des vidéos TikTok, vous gagnerez du temps et économiserez beaucoup d'espace et de ressources sur votre site web. serveur hébergé.  Instead, videos are played from the primary source (TikTok platform). This means you don’t need to re-upload the video on your website. 

Promouvoir les campagnes de hashtag

TikTok est connu pour ses défis et campagnes de hashtags viraux. En intégrant vos vidéos TikTok sur votre site web, vous pouvez promouvoir efficacement vos propres campagnes de hashtags et encourager la participation des utilisateurs. Cela peut renforcer la notoriété de la marque, le contenu généré par les utilisateurs et l'engagement sur les différentes plateformes.

Intégrer des vidéos provenant d'autres plateformes de médias sociaux

Pour en faire plus avec vos vidéos sur les médias sociaux, apprenez à intégrer le flux Instagram ou même comment intégrer des vidéos Youtube sur n'importe quel site web.

Vous pouvez utiliser notre agrégateur de médias sociaux de générer et d'afficher automatiquement tout ce contenu sur n'importe quel site web.

Vous pouvez inclure toutes les sources, y compris TikTok, Youtube, Facebook et Instagram, et créer un widget vidéo pour votre site web.

Principaux enseignements

In conclusion, embedding TikTok videos on your website is an effective and engaging way to enhance your brand’s online presence. By utilizing the TikTok embed code, you can seamlessly integrate your favorite video content from one of today’s most popular social media platforms onto your site. This increases click-through rates and provides valuable social proof for your audience.

As a video creator, employing the EmbedFeed TikTok widgets editor allows you to customize the appearance and functionality of the embedded videos, ensuring they align with your brand’s aesthetic. Furthermore, using a agrégateur de médias sociaux can help you display a collection of curated posts, optimizing your website’s visual appeal and user experience.

Embedding TikTok videos on your website can expand your audience reach, foster deeper connections, and contribute to your success in the competitive digital landscape. So, don’t miss out on this opportunity to make your online presence even more dynamic and captivating – start embedding TikTok videos today!

Exit mobile version