Comment ajouter un flux TikTok à votre site Divi (Guide étape par étape)
clicksocial

Programmer des publications sur les médias sociaux directement depuis WordPress avec ClickSocial

Démarrer l'essai gratuit angle droit
Accueil Blog Comment ajouter un flux TikTok à votre site Divi (Guide étape par étape)

Comment ajouter un flux TikTok à votre site Divi (Guide étape par étape)

ajouter un flux tiktok à divi

Vous cherchez un moyen simple de stimuler votre engagement et d'obtenir plus de followers sur TikTok ?

Vous pouvez simplement ajouter des flux TikTok à votre site Divi. Après tout, TikTok est une source fantastique de contenu vidéo de petite taille qui peut maintenir l'intérêt de vos visiteurs.

Mais l'ajout manuel de contenu TikTok sur votre site web peut s'avérer long et compliqué.

Pour vous donner une meilleure option, nous avons utilisé notre expérience dans le marketing des médias sociaux pour mettre au point ce guide simple et sans code sur l'intégration des flux TikTok dans Divi.

Pourquoi intégrer les flux vidéo TikTok dans Divi ?

En tant que créateur de site web populaire, Divi permet de créer très facilement un beau site web pour promouvoir votre activité en ligne.

Si vous souhaitez rendre votre site web encore plus attrayant, une solution simple consiste à intégrer des flux vidéo TikTok. Vous pouvez ainsi présenter des vidéos pertinentes et de petite taille pour maintenir l'intérêt des internautes pour votre site web.

[Les utilisateurs de TikTok sont 1,8 fois plus susceptibles d'admettre que TikTok leur fait découvrir de nouveaux sujets qu'ils ne savaient même pas qu'ils aimaient.

TikTok What's Next Report 2024

Et ce n'est qu'un début ! Intégrer des flux TikTok sur votre site WordPress Divi peut également vous aider :

  • Faites la promotion de vos propres vidéos TikTok pour obtenir plus de vues, de likes et de followers TikTok en toute simplicité.
  • Améliorez le référencement de votre site Web en ajoutant des légendes riches en mots-clés afin d'atteindre un plus grand nombre de personnes.
  • Ajoutez des commentaires et des témoignages vidéo à la page de paiement de votre site e-commerce Divi pour augmenter les conversions.
  • Affichez des démonstrations de produits, des tutoriels ou des vidéos de déballage sur vos pages produits afin d'informer les clients potentiels.
  • Et bien plus encore !

Comment ajouter un flux TikTok à votre site WordPress Divi

Suivez simplement le tutoriel étape par étape ci-dessous et vous pourrez avoir un flux de vidéos TikTok sur votre site Divi en un rien de temps.

Étape 1 : Télécharger le TikTok Feed Pro Plugin

Pour intégrer facilement du contenu TikTok, vous pouvez utiliser le plugin de flux TikTok n°1 sur le marché : TikTok Feed Pro.

Grâce à cet outil simple, vous pouvez ajouter de magnifiques flux TikTok qui s'adaptent automatiquement à l'apparence de votre site en quelques minutes seulement - pas besoin de HTML, de CSS personnalisé ou de n'importe quel type de code.

tiktok feed pro pricing

Le plugin étant léger et rapide, vous pouvez intégrer autant de vidéos que vous le souhaitez et votre site se chargera aussi rapidement que jamais. Cela signifie que vous pouvez améliorer votre référencement et offrir à vos visiteurs une meilleure expérience.

Et le meilleur ? Ce plugin est accompagné d'une équipe d'experts qui sont prêts à vous aider ou à répondre à vos questions quand vous le souhaitez.

Tout d'abord, obtenez votre copie de TikTok Feed Pro ici avant de l'installer et de l'activer sur votre site web.

Vous pouvez consulter ce guide du débutant sur l'installation des plugins WordPress si vous avez besoin d'une brève mise à jour sur la manière de procéder.

Étape 2 : créer un nouveau flux TikTok

Vous pouvez maintenant ouvrir le flux guidé en 3 étapes du plugin pour créer rapidement un nouveau flux TikTok.

Tout d'abord, ouvrez le menu TikTok Feed " Tous les flux " depuis votre tableau de bord, puis cliquez sur le bouton Ajouter un nouveau.

open live feed editor tiktok feed

Ensuite, TikTok Feed Pro vous montrera tous les comptes ou sources que vous avez connectés jusqu'à présent. Votre nouveau flux récupérera les vidéos de ces sources et les affichera sur votre site.

Dans mon cas, je n'ai pas encore connecté de source, je peux donc en ajouter une nouvelle.

Cliquez sur le bouton Ajouter une source pour commencer à le faire.

tiktok feed pro add source

Étape 3 : Connectez votre compte TikTok

Sur la nouvelle page, cliquez sur le bouton Se connecter avec TikTok pour continuer.

Cela ouvrira https://www.tiktok.com/ sur votre navigateur web afin que vous puissiez connecter votre compte.

se connecter avec tiktok

Pour afficher vos vidéos, TikTok Feed Pro vous demandera un accès en lecture seule à votre compte. Cela signifie que le plugin ne pourra que visualiser votre contenu et ne pourra pas y apporter de modifications.

Vous pouvez cliquer sur le bouton Autoriser pour connecter votre compte.

Cela ouvrira à nouveau votre site web. Ici, vous verrez maintenant votre compte TikTok listé comme source.

Vous pouvez librement réutiliser cette source pour tous vos futurs flux TikTok sans quitter votre site web.

Pour l'instant, sélectionnez la source et cliquez sur Suivant.

sélectionnez votre source de tiktok

Étape 4 : Personnaliser votre flux vidéo TikTok

Pour vous aider à créer facilement des flux TikTok uniques, le plugin vous propose des modèles de flux que vous pouvez importer :

  • Défaut
  • Cartes
  • Liste
  • Dernière vidéo
  • Carrousel
  • Carrousel de présentation

Une fois que vous avez choisi le modèle qui vous convient, cliquez sur Suivant.

Pour cet exemple, j'utiliserai le modèle par défaut.

sélectionnez votre modèle de flux tiktok

Une fois que vous avez choisi un modèle, TikTok Feed Pro crée automatiquement votre flux et l'ouvre dans le personnalisateur visuel.

Sur la gauche, vous trouverez les options permettant de modifier la mise en page, l'en-tête, les éléments vidéo, les boutons et bien d'autres choses encore. De plus, l'aperçu en direct sur la droite peut vous aider à suivre tous les changements en temps réel.

éditeur de flux en direct tikto feed pro

Pour commencer, nous pouvons modifier la présentation des vidéos sur votre site web.

Pour ce faire, sélectionnez l'option de mise en page sur la gauche.

open layouts tiktok feed pro

Ensuite, TikTok Feed Pro vous propose 4 mises en page différentes :

  • Grille : Affichez des tonnes de vidéos TikTok en une seule fois dans différentes lignes et colonnes.
  • Liste : Mettez en évidence chaque vidéo en affichant votre flux dans une seule colonne.
  • Maçonnerie : Affiche une galerie de maçonnerie qui conserve les proportions de la vidéo d'origine.
  • Carrousel : Incorporez votre flux vidéo TikTok sur votre site sous la forme d'une barre de défilement interactive.
options de mise en page pour tiktok feed pro

Pour continuer, sélectionnez votre modèle et cliquez sur Enregistrer.

Vous pouvez également modifier le nombre de lignes, de colonnes, de vidéos affichées, etc. à partir des options proposées ici. Une fois que vous avez terminé de modifier les paramètres de mise en page, cliquez sur le bouton Personnaliser pour revenir aux options principales.

personnaliser le bouton éditeur de flux en direct tiktok feed pro

Ensuite, modifions l'apparence de l'en-tête au-dessus du flux TikTok.

Tout d'abord, sélectionnez l'option En-tête sur la gauche.

options d'en-tête ouvertes pour tiktok

Ensuite, vous pouvez voir l'option d'activer ou de désactiver l'en-tête de votre flux sur la gauche.

En dessous, vous avez la possibilité d'afficher ou de masquer les éléments de l'en-tête tels que :

  • Profil de l'image
  • Nom
  • Nom d'utilisateur
  • Description
  • Statistiques
  • Bouton

Il suffit de sélectionner les éléments que vous souhaitez afficher et de cliquer sur le bouton Enregistrer.

Vous pouvez également cliquer sur chacun de ces éléments et les personnaliser en détail à partir de cette page. Pour notre exemple, personnalisons l'image du profil.

Vous pouvez alors modifier la taille de l'image de profil, les options d'espacement, ainsi que les marges autour de l'image.

personnaliser l'en-tête profil titok feed

Une fois que vous êtes satisfait de votre flux vidéo TikTok, cliquez sur Enregistrer pour confirmer vos modifications.

Vous pouvez ensuite utiliser le reste des options pour modifier l'apparence de votre bouton, des éléments vidéo, des légendes, etc. N'oubliez pas d'enregistrer vos modifications.

Étape 5 : Ajouter le flux TikTok à Divi

Vous pouvez commencer à ajouter ce flux TikTok à Divi en cliquant sur le bouton Embed dans le coin supérieur droit.

embed tiktok feed live feed editor

Vous verrez alors apparaître une fenêtre contextuelle présentant les différentes façons d'intégrer vos vidéos. Par exemple, vous pouvez l'ajouter à une page web, l'afficher dans votre pied de page ou l'ajouter à la barre latérale de votre site web.

Pour continuer, vous pouvez simplement copier le shortcode ici.

copier le shortcode tiktok feed pro

Ensuite, vous pouvez créer une nouvelle page Divi pour intégrer ce flux vidéo TikTok.

Il suffit d'ouvrir le menu Pages " Ajouter un nouveau depuis votre tableau de bord et de cliquer sur le bouton Utiliser le Divi Builder.

Pour afficher le flux TikTok sur un article à la place, vous pouvez ouvrir le menu Articles " Ajouter un nouvel article avant de sélectionner l'option Utiliser le constructeur Divi.

Vous pouvez même utiliser n'importe lequel de vos posts ou pages Divi existants si vous le souhaitez.

ajouter un nouveau message dans divi

Divi vous propose maintenant 3 façons de commencer à créer votre page.

  • Commencer à construire : Commencez à concevoir votre page à partir d'un modèle vierge
  • Parcourir les mises en page : Importez une mise en page préconçue que vous obtenez avec Divi
  • Choisir une page : Copiez l'un de vos modèles existants et utilisez-le à la place.

Vous pouvez choisir l'option que vous préférez ici.

choisir l'option divi builder

Si vous avez sélectionné l'option Commencer à construire, Divi vous permettra immédiatement de commencer à concevoir la nouvelle page ou le nouvel article.

commencer à construire avec l'éditeur divi

Avec l'option Parcourir les modèles, vous verrez apparaître une nouvelle fenêtre contextuelle avec différents modèles préconstruits que vous pouvez consulter.

Il vous suffit de sélectionner la mise en page que vous préférez.

charger le pack de mise en page de la bibliothèque divi

Si le design vous plaît, il vous suffit de cliquer sur Utiliser cette mise en page pour l'importer dans la page ou le message en cours.

import layout for divi

Si vous avez sélectionné l'option Choose Page , vous verrez une liste de modèles que vous avez déjà créés avec Divi.

Il vous suffit de sélectionner le modèle que vous souhaitez utiliser.

Chargement de la bibliothèque du thème divi

Une fois dans l'éditeur Divi, vous pouvez créer une nouvelle ligne dans laquelle vous pouvez insérer votre flux TikTok.

Pour cela, cliquez sur l'icône verte plus (+) et sélectionnez un modèle de ligne.

insérer une ligne dans le site divi

Une fois que vous avez ajouté une ligne, vous pouvez insérer un nouveau module en cliquant sur l'icône plus (+) ici.

Cela ouvre une fenêtre popup avec les différents modules que vous pouvez ajouter. Pour l'instant, utilisez la barre de recherche pour trouver le module "Code" et cliquez dessus ci-dessous.

module de code pour le thème divi

L'insertion d'un module ouvrira une fenêtre popup avec quelques options supplémentaires. Là, vous pouvez simplement coller votre shortcode de tout à l'heure dans le champ Code.

Cliquez ensuite sur l'icône de vérification pour enregistrer vos modifications.

insert tiktok feed shortcode divi

Enfin, vous pouvez cliquer sur Publier, et votre flux vidéo TikTok sera en direct sur votre site WordPress Divi. Ouvrez simplement la page ou l'article, et vous pourrez voir à quoi il ressemblera pour vos visiteurs.

exemple de flux tiktok divi

Et c'est tout !

Comme vous pouvez le voir, il est très facile d'ajouter des flux TikTok dans Divi si vous utilisez le bon outil. Vous pouvez maintenant engager les visiteurs, augmenter votre audience sur les médias sociaux et développer vos activités en utilisant le contenu TikTok.

Avec le plugin TikTok Feed Pro, l'intégration de TikTok à votre site web est plus simple que jamais - pas besoin de toucher à une seule ligne de code !

Prêt à intégrer les flux TikTok dans Divi ? Téléchargez TikTok Feed Pro pour votre site dès aujourd'hui!

Vous souhaitez promouvoir votre chaîne YouTube sur votre site Divi ? Voici un guide sur la façon d'intégrer facilement des vidéos YouTube dans Divi.

Et n'oubliez pas de nous suivre sur Twitter et Facebook pour d'autres conseils et astuces sur les médias sociaux afin de développer votre entreprise.

avatar de l'auteur
Sajjan Sharma Rédacteur principal
Sajjan écrit sur WordPress, le marketing des médias sociaux et les entreprises en ligne depuis plus de 10 ans. Ses intérêts professionnels s'étendent au marketing d'influence, à la curation de contenu et aux stratégies de marketing numérique.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.