Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment Contenu embarqué des vidéos TikTok dans WordPress (3 méthodes faciles)

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez intégrer facilement des vidéos TikTok sur votre site WordPress ?

Si vous créez déjà des TikToks virales et réussies, il est logique de publier également ces vidéos sur votre site. De cette façon, vous pouvez obtenir plus de vues, d’engagement et d’abonnés sur les réseaux sociaux avec très peu d’efforts supplémentaires.

Dans cet article, nous allons vous afficher comment intégrer facilement des vidéos TikTok dans WordPress.

How to embed TikTok videos in WordPress

Pourquoi embarquer des vidéos TikTok dans WordPress ?

Selon notre liste ultime de statistiques sur le blogging, les publications avec des vidéos obtiennent 83% de trafic en plus que celles qui n’en ont pas. Cela dit, si vous publiez déjà des TikToks, il est logique d’intégrer ces vidéos sur votre site WordPress.

An example of a TikTok video, embedded in a WordPress website

De cette façon, vous pouvez obtenir plus d’internautes, sans avoir à passer une tonne de temps à créer un nouveau contenu. Ces vidéos peuvent également aider à capter l’attention de l’internaute et à le garder plus longtemps sur votre site, ce qui augmentera le nombre de pages vues et réduira le taux de rebond dans WordPress.

Dans le même temps, ces vidéos feront la promotion de votre chaîne TikTok auprès des personnes qui visitent votre site. Cela peut vous permettre d’obtenir plus d’engagement et d’abonnés sur TikTok.

Ceci étant dit, voyons comment vous pouvez intégrer des vidéos TikTok dans WordPress. Il suffit d’utiliser les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser :

Méthode 1. Utiliser le bloc TikTok (fonctionne avec n’importe quel thème)

La façon la plus simple d’embarquer des TikToks sur votre site WordPress est de coller l’URL de la vidéo dans l’éditeur de page ou de publication. WordPress détectera alors la vidéo et la récupérera automatiquement pour vous.

Tout d’abord, vous devez visiter la vidéo TikTok que vous souhaitez embarquer. Copiez ensuite l’URL de la vidéo.

Adding a TikTok video to a page or post using the WordPress block editor

Ouvrez ensuite la page ou la publication WordPress dans laquelle vous souhaitez afficher la vidéo TikTok. Vous pouvez alors simplement coller l’URL dans l’éditeur de blocs de WordPress.

WordPress détectera automatiquement que vous embarquez une vidéo TikTok et ajoutera un bloc TikTok avec la vidéo déjà embarquée.

Embedding TikTok videos on a WordPress blog or website

Par défaut, WordPress redimmensionne automatiquement la vidéo TikTok pour les petits écrans, notamment les smartphones et les tablettes. Il préservera également le ratio de la vidéo lorsque le navigateur sera redimmensionné.

Il s’agit d’une bonne expérience pour les utilisateurs/utilisatrices, c’est pourquoi nous vous recommandons de laisser le réglage activé. Toutefois, il arrive que vous souhaitiez conserver la vidéo à la même taille, quoi qu’il arrive. Dans ce cas, cliquez pour sélectionner le bloc TikTok, puis désactivez le permutateur  » Redimmensionner pour les appareils plus petits « .

Resizing a TikTok video on mobile devices including smartphones and tablets

Si vous désactivez ce Réglage, il est conseillé de tester la version mobile de votre site WordPress à partir de l’ordinateur, afin de vérifier que vous êtes satisfait de l’expérience des internautes.

Vous pouvez obtenir des résultats similaires en ajoutant le bloc TikTok à une page ou à une publication. Ensuite, vous pouvez ajouter l’URL de la vidéo TikTok à n’importe quel endroit.

C’est utile si vous n’êtes pas sûr de la vidéo TikTok que vous allez embarquer, ou si la vidéo n’a pas encore été publiée. C’est également un bon moyen de planifier votre mise en page, en particulier si vous concevez une page d’atterrissage ou une page de vente.

Pour ajouter un bloc TikTok, il suffit de cliquer sur l’icône  » + « , puis de taper  » TikTok « .

Adding the WordPress TikTok block to a page or post

Lorsque le bon bloc s’affiche, cliquez pour l’ajouter à la page ou à la publication.

Ensuite, il vous suffit de coller l’URL de TikTok dans le bloc et de cliquer sur  » Contenu embarqué « .

The TikTok WordPress block

Une autre option consiste à embarquer la vidéo TikTok dans une zone prête à accueillir des widgets, comme la colonne latérale ou une section similaire. Cela vous permet d’afficher la même vidéo sur l’ensemble de votre site.

Par exemple, si vous essayez de créer un cadeau viral sur TikTok, vous pouvez intégrer la vidéo annonçant le concours.

Pour ce faire, allez dans Apparence  » Widgets dans votre tableau de bord. Vous consulterez cette page pour connaître les différentes zones où vous pouvez ajouter des widgets dans WordPress.

Adding widgets to a sidebar or similar section

Il vous suffit de trouver la zone où vous souhaitez embarquer la vidéo TikTok.

Cliquez ensuite sur l’icône « + ».

Adding a block to a widget-ready area in your WordPress theme

Dans la fenêtre surgissante, tapez « TikTok ».

Lorsque le bon bloc s’affiche, cliquez dessus pour l’ajouter à la zone de widget.

Embedding TikToks in a WordPress website or blog

Vous pouvez maintenant coller l’URL de la vidéo TikTok que vous souhaitez embarquer.

Cliquez ensuite sur le bouton « Contenu embarqué ».

How to embed TikTok videos in WordPress

Lorsque vous avez terminé, n’oubliez pas de cliquer sur « Mettre à jour » pour que les modifications soient directes.

Vous pouvez désormais vous rendre sur votre blog ou site WordPress pour voir la vidéo TikTok en direct.

Making a TikTok video live on your website

Méthode 2. Utiliser l’éditeur de blocs (fonctionne avec les thèmes WordPress basés sur des blocs)

Si vous utilisez un thème bloc, vous pouvez ajouter un TikTok à n’importe quelle zone prête à recevoir des widgets ou à n’importe quel modèle à l’aide de l’éditeur/éditrices de site complet.

Cela vous permet d’afficher des vidéos TikTok sur des pages et des publications que vous ne pouvez pas modifier à l’aide de l’éditeur de contenu standard. Par exemple, vous pouvez utiliser les vidéos TikTok pour améliorer votre modèle de page 404.

Dans votre Tableau de bord WordPress, allez dans Apparence  » Éditeur.

Selecting the Full-Site Editor from the WordPress admin panel

Par défaut, l’éditeur de site complet affiche le modèle d’accueil de votre thème.

À des fins de démonstration, nous ajouterons un TikTok au Modèle de page Archive, mais les étapes seront largement les mêmes quel que soit le modèle, la composition ou la page que vous modifiez.

Tout d’abord, cliquez sur le menu « Modèles ».

Selecting the Templates menu in WordPress Full Site Editor

Vous verrez maintenant tous les modèles ou éléments de modèle qui composent votre thème WordPress.

Il suffit de trouver le modèle dans lequel vous souhaitez embarquer une vidéo TikTok et de cliquer dessus.

Customizing the archive template using the WordPress block-based FSE editor

WordPress affiche maintenant une Prévisualisation du modèle.

Pour modifier la mise en page, cliquez sur l’icône du petit crayon.

Editing a block-based template using the full-site editor (FSE)

Cliquez ensuite sur le bouton « + » en haut à gauche de l’écran.

Dans la barre de recherche qui apparaît, tapez « TikTok ».

Adding a TikTok block to a WordPress site template

Lorsque le bon bloc s’affiche, faites-le glisser et déposez-le sur la mise en page.

Vous pouvez maintenant coller l’URL de la vidéo dans le bloc TikTok et cliquer sur le bouton « Contenu embarqué ».

Adding a TikTok video to any part of your website or blog

Lorsque vous êtes satisfait de l’apparence du Modèle, cliquez sur le bouton « Enregistrer ». Il ne vous reste plus qu’à visiter votre site WordPress pour voir le TikTok en action.

Méthode 3. Utiliser Smash Balloon (Contenu embarqué de l’ensemble de votre flux TikTok)

Si vous souhaitez simplement ajouter quelques TikToks à votre site WordPress, les méthodes 1 et 2 sont toutes deux excellentes. Cependant, il peut arriver que vous souhaitiez afficher tous vos derniers TikToks dans un flux qui se met à jour automatiquement.

C’est un moyen facile de garder votre site frais et intéressant tout en faisant la promotion de vos dernières vidéos TikTok en même temps.

La meilleure façon d’embarquer un flux TikTok dans WordPress est d’utiliser TikTok Feeds Pro de Smash Balloon. Cette extension vous permet de connecter WordPress à votre compte TikTok, puis d’afficher toutes vos vidéos dans des mises en page de galerie comme la grille, la masonry et le carrousel.

Smash Balloon TikTok feed example

Sachez que vous pouvez afficher des TikToks uniquement à partir de votre propre compte.

Tout d’abord, vous devrez installer et activer l’extension TikTok Feeds Pro. Si vous avez besoin d’aide, veuillez consulter notre guide sur l’installation d’une extension WordPress.

Note : Il existe également une version gratuite de l’extension TikTok Feeds que vous pouvez utiliser pour Premiers pas. Cependant, la version Pro est livrée avec des fonctionnalités plus avancées.

Une fois l’extension activée, rendez-vous sur TikTok Feeds  » All Feeds depuis le Tableau de bord WordPress. Cliquez ensuite sur le bouton  » Ajouter une nouvelle  » en haut de la page.

Add new TikTok feed

Ensuite, vous devez connecter le nouveau flux avec votre compte TikTok pour que l’extension puisse afficher vos vidéos.

Commencez par cliquer sur le bouton « Ajouter une source ».

Click the Add Source button to connect your TikTok account

Sur la page suivante, vous devez cliquer sur le bouton « Se connecter à TikTok ».

Cela vous redirigera vers le site de TikTok où Smash Balloon vous demandera un accès en lecture seule à votre compte TikTok.

Click the Connect with TikTok button

Publier l’auteur/autrice pour continuer.

Lorsque vous aurez terminé, Smash Balloon vous ramènera automatiquement au tableau de bord WordPress.

Authorize Smash Balloon to connect to your TikTok account

À présent, vous pouvez sélectionner votre compte TikTok.

Appuyez ensuite sur le bouton « Suivant ».

Select TikTok account to create feed

À partir de là, vous pouvez choisir un modèle pour votre flux TikTok parmi des options telles que la grille par défaut, les cartes, la liste, la dernière vidéo, le carrousel et le carrousel de vitrine.

Cliquez sur le thème de votre choix et cliquez sur le bouton « Suivant » pour continuer.

Choose a template for your TikTok feed

Cela lancera l’éditeur visuel où vous pouvez faire des personnalisations à votre flux TikTok. Sur le côté gauche, vous verrez toutes les options de personnalisation, et vous pouvez voir une Prévisualisation en direct de votre flux sur la droite.

Pour commencer à personnaliser votre site, cliquez sur l’onglet « Mise en page ».

Customize your TikTok feed with the visual editor

Ici, vous pouvez sélectionner une mise en page pour votre flux TikTok à partir d’options telles que la grille, la liste, la maçonnerie et le carrousel. Vous pouvez également ajuster l’espacement, le nombre de publications à afficher, les colonnes et la longueur du contenu.

Par défaut, Smash Balloon affiche les 10 TikToks les plus récents publiés sur votre compte sur les appareils de bureau. Pour afficher plus ou moins de vidéos, il vous suffit de saisir un nombre différent dans le champ situé à côté de l’icône Bureau.

adjust the number of TikTok posts to display in your feed

Smash Balloon active également automatiquement un en-tête pour votre flux TikTok, qui affiche votre photo de profil TikTok, votre identifiant, vos followers, vos likes, un bouton suivre, et plus encore.

Pour apporter des modifications à votre en-tête, il vous suffit de cliquer sur l’onglet « En-tête » de l’éditeur visuel pour ouvrir les options de personnalisation.

Edit TikTok feed header

Vous pouvez définir d’autres réglages, mais c’est tout ce dont vous avez besoin pour créer un flux TikTok accrocheur. Lorsque vous êtes satisfait de vos réglages, cliquez sur le bouton « Enregistrer ».

Smash Balloon va maintenant créer un code court que vous pouvez utiliser pour ajouter le flux à votre site.

Save your TikTok feed and click the Embed button

Allez-y et appuyez sur le bouton « Contenu embarqué ».

Cela ouvrira une fenêtre surgissante dans laquelle vous pourrez copier le code court.

Copy the shortcode for your TikTok feed

Maintenant, il suffit de coller ce code court dans n’importe quelle page, page ou zone prête à recevoir des widgets. Pour des instructions étape par étape sur la façon de placer le code court, veuillez consulter notre guide sur l ‘ajout d’un code court dans WordPress.

Ceci fait, il suffit de se rendre sur votre site pour voir le flux TikTok en action.

An example of a TikTok feed, embedded on a WordPress website

Bonus : Ajoutez divers flux de réseaux sociaux à votre site WordPress

De nos jours, la plupart des marques ont plus d’un compte de réseau social. Par exemple, si vous gérez un profil TikTok, alors vous pouvez également en avoir un Instagram pour publier des bobines.

Il s’agit d’une excellente pratique de marketing numérique, car vous pouvez toucher un maximum d’utilisateurs/utilisatrices sur différentes plateformes.

Si vous le faites, vous pouvez également ajouter ces autres flux sociaux à votre site WordPress. En plus de gagner plus d’abonnés, vous pouvez également afficher aux internautes le contenu qu’ils ont manqué en ne vous suivant pas sur les réseaux sociaux.

Smash Balloon propose différentes extensions de flux de réseaux sociaux pour WordPress. Vous pouvez ajouter des flux de Facebook, Instagram, YouTube, Twitter et même des sites d’avis pour afficher votre preuve sociale.

The Smash Balloon Reviews Feed Pro plugin

En savoir plus, vous pouvez consulter notre guide sur l ‘ajout de vos flux de réseaux sociaux sur WordPress.

Nous espérons que cet article vous a aidé à apprendre comment intégrer des vidéos TikTok dans WordPress. Vous pouvez également consulter notre guide sur la façon d’intégrer une vidéo Facebook dans WordPress ou voir notre choix d’experts des meilleures extensions de réseaux sociaux.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

11 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. THANKGOD JONATHAN says

    Finally I can now use my Tiktok videos on my site. It has been difficult for me to create Youtube videos and was thinking if I could be using my Tiktok videos.
    Now I have it under control. Thank you WPBeginner team for this post.

  3. Ralph says

    Is there any difference if i just copy paste tiktok url into my article or if I add new block, choose tiktok and then paste the link there?

    • WPBeginner Support says

      It more makes things easier should the article need to be updated in the future to ensure it is its own block.

      Administrateur

    • WPBeginner Support says

      If you’re using the plugin, you would want to check your settings to ensure the username or hashtag you set is for your page, not ours.

      Administrateur

  4. Marie-Eleonore says

    « Chapeau ». Excellent, concise, clear and so informative! This for me is one amazing gem. Thank you so much!

  5. Suraj Jha says

    thanks for your valuable information. i really love this types of content.
    great work. keep writing this type of content for us. your every blog posts are very helpful for me. waiting for more…..

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.