Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment intégrer des vidéos TikTok dans WordPress (3 méthodes faciles)

Beaucoup de nos lecteurs nous demandent comment ajouter des vidéos TikTok à leurs sites WordPress. La popularité de TikTok ayant explosé, il est naturel de vouloir intégrer ce contenu attrayant sur votre site web.

La bonne nouvelle, c'est que c'est tout à fait possible et que cela peut être assez simple. L'intégration de vidéos TikTok peut rafraîchir votre contenu, augmenter l'engagement et même aider à développer votre audience TikTok.

Que vous présentiez vos propres TikToks ou des vidéos tendances, nous avons ce qu'il vous faut. Nous vous montrerons 3 méthodes faciles pour intégrer des vidéos TikTok dans WordPress, adaptées à différents thèmes et besoins.

Comment intégrer des vidéos TikTok dans WordPress

Pourquoi intégrer des vidéos TikTok dans WordPress ?

Selon notre liste ultime de statistiques de blogging, les articles avec des vidéos obtiennent 83 % de trafic en plus que ceux sans. Cela dit, si vous publiez déjà des TikToks, il est logique d'intégrer ces vidéos sur votre site web WordPress.

Un exemple de vidéo TikTok, intégrée dans un site WordPress

De cette façon, vous pouvez obtenir plus de visiteurs, sans avoir à passer beaucoup de temps à créer du nouveau contenu. Ces vidéos peuvent également aider à capter l'attention du visiteur et à le maintenir plus longtemps sur votre site web, ce qui augmentera les 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 web. Cela peut vous permettre d'obtenir plus d'engagement et d'abonnés sur TikTok.

Cela dit, voyons comment vous pouvez intégrer des vidéos TikTok dans WordPress. Utilisez simplement les liens rapides ci-dessous pour accéder directement à la méthode que vous souhaitez utiliser :

Méthode 1. Utilisation du bloc TikTok (fonctionne avec n'importe quel thème)

La manière la plus simple d'intégrer des TikTok sur votre site WordPress est de coller l'URL de la vidéo dans l'éditeur de page ou d'article. WordPress détectera alors la vidéo et la récupérera automatiquement pour vous. Vous pouvez faire la même chose pour les vidéos YouTube, les vidéos Facebook, etc.

Tout d'abord, vous devez visiter la vidéo TikTok que vous souhaitez intégrer. Ensuite, copiez l'URL de la vidéo.

Ajouter une vidéo TikTok à une page ou un article à l'aide de l'éditeur de blocs WordPress

Ensuite, ouvrez la page ou l'article WordPress où vous souhaitez afficher la vidéo TikTok. Vous pouvez alors simplement coller l'URL dans l'éditeur de blocs WordPress.

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

Intégrer des vidéos TikTok sur un blog ou un site web WordPress

Par défaut, WordPress redimensionnera automatiquement la vidéo TikTok pour les petits écrans, y compris les smartphones et les tablettes. Il conservera également le rapport d'aspect de la vidéo lorsque le navigateur est redimensionné.

C'est une bonne expérience utilisateur, nous recommandons donc de laisser ce paramètre activé. Cependant, parfois, vous voudrez peut-être que la vidéo conserve la même taille, quoi qu'il arrive. Dans ce cas, cliquez pour sélectionner le bloc TikTok, puis désactivez le bouton bascule « Redimensionner pour les petits appareils ».

Redimensionner une vidéo TikTok sur les appareils mobiles, y compris les smartphones et les tablettes

Si vous désactivez ce paramètre, il est alors conseillé de tester la version mobile de votre site WordPress depuis votre bureau, pour vérifier que l'expérience visiteur vous convient.

Vous pouvez obtenir des résultats similaires en ajoutant le bloc TikTok à une page ou un article. Ensuite, vous pouvez ajouter l'URL de la vidéo TikTok à tout moment.

Pour ajouter un bloc TikTok, cliquez simplement sur l'icône '+' puis tapez 'TikTok'.

Ajouter le bloc TikTok WordPress à une page ou un article

Lorsque le bon bloc apparaît, cliquez dessus pour l'ajouter à la page ou à l'article.

Ensuite, vous pouvez simplement coller l'URL TikTok dans le bloc et cliquer sur 'Intégrer'.

Le bloc TikTok WordPress

Une autre option consiste à intégrer la vidéo TikTok dans une zone prête pour les widgets, telle que la barre 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 concours viral sur TikTok, vous pourriez intégrer la vidéo annonçant le concours.

Pour ce faire, allez dans Apparence » Widgets dans votre tableau de bord. Ici, vous verrez toutes les différentes zones où vous pouvez ajouter des widgets dans WordPress.

Ajouter des widgets à une barre latérale ou une section similaire

Trouvez simplement la zone où vous souhaitez intégrer la vidéo TikTok.

Ensuite, cliquez sur l'icône « + ».

Ajouter un bloc à une zone prête pour les widgets dans votre thème WordPress

Dans la fenêtre contextuelle qui apparaît, tapez « TikTok ».

Lorsque le bon bloc s'affiche, cliquez dessus pour l'ajouter à la zone prête pour les widgets.

Intégrer des TikToks dans un site web ou un blog WordPress

Vous pouvez maintenant coller l'URL de la vidéo TikTok que vous souhaitez intégrer.

Une fois cela fait, cliquez sur le bouton « Intégrer ».

Comment intégrer des vidéos TikTok dans WordPress

Lorsque vous avez terminé, n'oubliez pas de cliquer sur « Mettre à jour » pour rendre les modifications publiques.

Vous pouvez maintenant visiter votre blog WordPress ou votre site Web pour voir la vidéo TikTok en direct.

Rendre une vidéo TikTok visible sur votre site web

Méthode 2. Utilisation de l'éditeur de site complet (fonctionne avec les thèmes WordPress basés sur des blocs)

Si vous utilisez un thème de blocs, vous pouvez ajouter un TikTok à n'importe quelle zone prête pour les widgets ou à un modèle à l'aide de l'éditeur de site complet.

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

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

Sélection de l'Éditeur de site complet depuis le panneau d'administration WordPress

Par défaut, l'éditeur de site complet affichera le modèle de page d'accueil de votre thème.

À des fins de démonstration, nous allons ajouter un TikTok au modèle de page d'archives, mais les étapes seront largement les mêmes, quel que soit le modèle, le modèle de bloc ou la page que vous modifiez.

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

Sélection du menu Modèles dans l'éditeur de site complet WordPress

Vous verrez maintenant tous les modèles ou parties de modèles qui composent votre thème WordPress.

Trouvez simplement le modèle où vous souhaitez intégrer une vidéo TikTok et cliquez dessus.

Personnaliser le modèle d'archive à l'aide de l'éditeur FSE basé sur les blocs de WordPress

WordPress affichera maintenant un aperçu du modèle.

Pour modifier la mise en page, cliquez sur la petite icône en forme de crayon.

Modifier un modèle basé sur les blocs à l'aide de l'éditeur complet de site (FSE)

Une fois cela fait, cliquez sur le bouton « + » en haut à gauche de l'écran.

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

Ajouter un bloc TikTok à un modèle de site WordPress

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 « Intégrer ».

Ajouter une vidéo TikTok à n'importe quelle partie de votre site web ou blog

Lorsque vous êtes satisfait de l'apparence du modèle, cliquez sur le bouton « Enregistrer ».

Méthode 3. Utiliser Smash Balloon (intégrer tout votre flux TikTok)

Si vous souhaitez simplement ajouter quelques TikToks à votre site Web WordPress, les méthodes 1 et 2 sont d'excellents choix. Cependant, vous voudrez peut-être parfois afficher tous vos derniers TikToks dans un flux qui se met à jour automatiquement.

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

La meilleure façon d'intégrer un flux TikTok dans WordPress est d'utiliser TikTok Feeds Pro de Smash Balloon.

C'est l'un des meilleurs plugins TikTok qui vous permet de connecter WordPress à votre compte TikTok, puis d'afficher toutes vos vidéos dans des mises en page de galerie comme grille, maçonnerie et carrousel.

Exemple de flux TikTok Smash Balloon

Sachez simplement que vous ne pouvez afficher que les TikToks de votre propre compte.

Tout d'abord, vous devrez installer et activer le plugin TikTok Feeds Pro. Si vous avez besoin d'aide, consultez notre guide sur comment installer un plugin WordPress.

Remarque : Il existe également une version gratuite du plugin TikTok Feeds que vous pouvez utiliser pour commencer. Cependant, la version Pro offre des fonctionnalités plus avancées.

Une fois le plugin activé, rendez-vous sur Flux TikTok » Tous les flux depuis le tableau de bord WordPress. Cliquez ensuite sur le bouton « Ajouter » en haut de la page.

Ajouter un nouveau flux TikTok

Ensuite, vous devez connecter le nouveau flux à votre compte TikTok afin que le plugin puisse afficher vos vidéos.

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

Cliquez sur le bouton Ajouter une source pour connecter votre compte TikTok

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

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

Cliquez sur le bouton Se connecter avec TikTok

Appuyez sur le bouton « Autoriser » pour continuer.

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

Autoriser Smash Balloon à se connecter à votre compte TikTok

Vous pouvez maintenant sélectionner votre compte TikTok.

Ensuite, appuyez sur le bouton « Suivant ».

Sélectionner le compte TikTok pour créer le flux

À partir d'ici, vous pouvez choisir un modèle pour votre flux TikTok parmi des options telles que grille par défaut, cartes, liste, dernière vidéo, carrousel et carrousel de présentation.

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

Choisissez un modèle pour votre flux TikTok

Cela lancera l'éditeur visuel où vous pourrez personnaliser votre flux TikTok. Sur le côté gauche, vous verrez toutes les options de personnalisation, et vous pourrez voir un aperçu en direct de votre flux sur la droite.

Pour commencer à personnaliser, cliquez sur l'onglet « Mise en page ».

Personnalisez votre flux TikTok avec l'éditeur visuel

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

Par défaut, Smash Balloon affichera les 10 derniers TikToks publiés sur votre compte sur les appareils de bureau. Pour afficher plus ou moins de vidéos, tapez simplement un autre nombre dans le champ à côté de l'icône Bureau.

ajuster le nombre de publications TikTok à afficher dans votre flux

Smash Balloon active également automatiquement un en-tête pour votre flux TikTok, qui affiche votre photo de profil TikTok, votre nom d'utilisateur, vos abonnés, vos likes, un bouton de suivi, et plus encore.

Pour apporter des ajustements à votre en-tête, cliquez simplement sur l'onglet « En-tête » de l'éditeur visuel pour ouvrir les options de personnalisation.

Modifier l'en-tête du flux TikTok

Il y a d'autres paramètres que vous pouvez configurer, mais c'est tout ce dont vous avez besoin pour créer un flux TikTok accrocheur. Lorsque vous êtes satisfait de vos paramètres, cliquez sur le bouton « Enregistrer ».

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

Enregistrez votre flux TikTok et cliquez sur le bouton Intégrer

Appuyez sur le bouton « Intégrer ».

Cela ouvrira une fenêtre contextuelle où vous pourrez copier le shortcode.

Copiez le shortcode de votre flux TikTok

Maintenant, collez simplement ce shortcode dans n'importe quelle page, page ou zone prête pour les widgets. Pour des instructions étape par étape sur la façon de placer le shortcode, veuillez consulter notre guide sur comment ajouter un shortcode dans WordPress.

Une fois cela fait, visitez simplement votre site Web pour voir le flux TikTok en action.

Un exemple de flux TikTok, intégré sur un site WordPress

Avec le lecteur vidéo TikTok de Smash Balloon, les visiteurs pourront cliquer sur les vidéos et les lire avec le son directement sur votre site Web, tout comme sur TikTok.

Bonus : Ajoutez divers flux de médias sociaux à votre site Web WordPress

De nos jours, la plupart des marques ont plus d'un compte de médias sociaux. Par exemple, si vous gérez un profil TikTok, vous pourriez également en avoir un sur Instagram pour publier des Reels.

C'est une excellente pratique de marketing numérique car vous pouvez atteindre autant d'utilisateurs que possible sur diverses plateformes.

Si vous faites cela, vous voudrez peut-être également ajouter ces autres flux sociaux à votre site Web WordPress. En plus de gagner plus d'abonnés sur les réseaux sociaux, vous pouvez également montrer aux visiteurs le contenu qu'ils ont manqué en ne vous suivant pas sur les réseaux sociaux.

Smash Balloon propose divers plugins de flux de médias 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.

Le plugin Smash Balloon Reviews Feed Pro

Pour plus d'informations, vous pouvez consulter notre guide sur comment ajouter vos flux de médias sociaux à WordPress.

Nous espérons que cet article vous a aidé à apprendre comment intégrer des vidéos TikTok dans WordPress. Vous voudrez peut-être aussi consulter notre liste ultime de statistiques sur les réseaux sociaux ou voir notre sélection d'experts des meilleurs plugins de réseaux sociaux.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

13 CommentsLeave a Reply

  1. Existe-t-il un moyen de personnaliser l'apparence d'une vidéo TikTok intégrée ? Par exemple, puis-je changer la couleur du bouton de lecture ou masquer le logo TikTok ?

    • The plugin from this guide would give you some styling options that you’re wanting :)

      Admin

      • Merci pour l'information selon laquelle au moins une partie de la personnalisation sera possible. J'essaierai certainement le plugin car j'aimerais implémenter TikTok sur le site. Je le vois comme un réseau social relativement fort, surtout pour la jeune génération.

  2. Enfin, je peux maintenant utiliser mes vidéos Tiktok sur mon site. Il m'a été difficile de créer des vidéos Youtube et je me demandais si je pouvais utiliser mes vidéos Tiktok.
    Maintenant, j'ai tout sous contrôle. Merci à l'équipe WPBeginner pour cet article.

  3. Y a-t-il une différence si je copie-colle simplement l'URL de tiktok dans mon article ou si j'ajoute un nouveau bloc, choisis tiktok puis colle le lien là ?

    • Cela rend les choses plus faciles si l'article doit être mis à jour à l'avenir pour s'assurer qu'il s'agit de son propre bloc.

      Admin

  4. Il n'affiche que votre flux sur mon blog, pas le mien, comment résoudre ce problème s'il vous plaît

    • Si vous utilisez le plugin, vous voudrez vérifier vos paramètres pour vous assurer que le nom d'utilisateur ou le hashtag que vous avez défini est pour votre page, pas la nôtre.

      Admin

  5. “Chapeau”. Excellent, concis, clair et tellement informatif ! C'est pour moi un joyau incroyable. Merci beaucoup !

  6. merci pour vos informations précieuses. j'adore vraiment ce type de contenu.
    excellent travail. continuez à écrire ce type de contenu pour nous. chacun de vos articles de blog m'est très utile. j'attends la suite...…

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à 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.