Vous souhaitez présenter vos vidéos TikTok directement sur votre site web à l'aide d'un widget personnalisé ?
L'ajout d'un widget TikTok à votre site permet d'engager les visiteurs, de maintenir votre contenu à jour et de transformer le trafic de votre site web en fidèles adeptes de TikTok.
Avec plus de 1,7 milliard d'utilisateurs sur la plateforme, l'intégration de vos vidéos TikTok peut aider votre marque à atteindre un public plus large et à accroître votre présence à la fois sur les médias sociaux et sur votre site web.
Mais il n'est pas facile de créer un widget TikTok pour votre site web, surtout si vous n'êtes pas familier avec le code ou les différentes options de plugin.
Lorsque j'ai essayé pour la première fois d'ajouter des vidéos TikTok à mon propre site, j'ai rencontré quelques problèmes avant de trouver une méthode rapide et adaptée aux débutants.
Grâce à mon expérience chez Smash Balloon, qui aide les utilisateurs à afficher facilement les flux TikTok sur WordPress, j'ai trouvé la solution la plus simple pour y parvenir.
Dans cet article, je vais vous expliquer étape par étape comment créer facilement un widget TikTok pour votre site web, même si vous êtes novice en matière de WordPress ou d'intégration des réseaux sociaux !
Dans cet article
- Pourquoi ajouter un widget TikTok à votre site Web ?
- Comment ajouter un widget TikTok à votre site Web (étape par étape)
Pourquoi ajouter un widget TikTok à votre site Web ?
Avec plus de 1,7 milliard d'utilisateurs, TikTok est un réseau social populaire et un endroit idéal pour trouver du contenu vidéo attrayant.
Afficher des vidéos TikTok pertinentes sur votre site web peut être un excellent moyen d'attirer l'attention des visiteurs du site et de maintenir leur intérêt. Cela contribue également au référencement de votre site et vous permet d'être mieux classé dans les résultats des moteurs de recherche.
De plus, vous pouvez utiliser les widgets TikTok pour diffuser vos propres vidéos et convertir le trafic de votre site en vues, en likes et en adeptes des médias sociaux.
Sur ce, commençons par voir comment intégrer des widgets de flux TikTok dans WordPress.
Comment ajouter un widget TikTok à votre site Web (étape par étape)
Prêt à créer un widget TikTok pour votre site web en toute simplicité ? Il vous suffit de suivre les étapes simples ci-dessous.
Étape 1 : Installer et activer TikTok Feed Pro
Contrairement à des plateformes comme Wix ou Weebly, WordPress est livré avec des tonnes de plugins permettant d'ajouter facilement des fonctionnalités à votre site.
En ce qui concerne les widgets TikTok, la meilleure option est d'utiliser le plugin TikTok Feed Pro.
En tant que premier plugin de flux TikTok pour les sites Web WordPress, vous pouvez utiliser cet outil pour créer, personnaliser et intégrer du contenu TikTok en quelques minutes seulement !
En plus d'être facile à utiliser, vous bénéficiez d'une équipe de gourous WordPress pour répondre à vos questions et vous donner un coup de main à chaque fois que vous en avez besoin.
Pour commencer, obtenez TikTok Feed Pro ici avant de l'installer et de l'activer sur votre site web.
Vous ne savez pas comment faire ? Vous pouvez consulter ce guide du débutant sur l'installation des plugins WordPress.
Une fois le plugin prêt, vous pouvez passer à l'étape 2 et créer un widget.
Étape 2 : Créer un nouveau widget TikTok
Vous pouvez maintenant utiliser le flux guidé du plugin pour créer un widget vidéo TikTok.
Tout d'abord, allez dans le menu Flux TikTok " Tous les flux depuis votre tableau de bord, puis cliquez sur le bouton Ajouter un nouveau flux.
À l'étape 3, vous pouvez connecter ce widget à votre compte TikTok afin de pouvoir afficher des vidéos TikTok sur votre site.
Étape 3 : Connectez votre compte TikTok
Vous pouvez désormais ajouter votre compte TikTok comme source pour votre nouveau widget TikTok. Après avoir ajouté la source une fois, vous pouvez la réutiliser librement pour de nouveaux widgets.
Vous êtes prêt ? Cliquez sur le bouton Ajouter une source.
Ensuite, vous pouvez cliquer sur le bouton Connecter avec TikTok pour continuer.
Cela ouvrira https://www.tiktok.com sur votre site web où vous pourrez connecter votre compte.
Sur la page suivante, le plugin vous demandera un accès en lecture seule à votre compte TikTok. Cet accès permet au plugin de consulter vos informations et d'intégrer les vidéos sur votre site web.
En fait, le plugin ne sera pas en mesure d'apporter des modifications à votre compte. Cela signifie qu'il est totalement sûr!
Pour continuer, vous pouvez cliquer sur le bouton Autoriser ici.
Comme ça, vous avez ajouté votre compte comme source pour le plugin TikTok Feed Pro.
Il suffit maintenant de sélectionner ce compte et de cliquer sur Suivant pour sélectionner la source.
Comme ça, vous avez maintenant un nouveau widget TikTok qui est connecté à votre compte TikTok. À l'étape suivante, vous pouvez personnaliser son apparence sur votre site web.
Étape 4 : personnaliser votre widget TikTok
Pour commencer, TikTok Feed Pro vous propose différents modèles que vous pouvez importer pour votre widget.
Chaque modèle est doté d'un design unique que vous pouvez copier en un seul clic. Vous avez le choix entre 6 modèles différents :
- Défaut
- Cartes
- Liste
- Dernière vidéo
- Carrousel
- Carrousel de présentation
Pour continuer, vous pouvez sélectionner un modèle et appuyer sur le bouton Suivant.
Vous verrez alors votre widget TikTok ouvert dans le personnalisateur visuel. Sur la gauche, vous verrez les options pour changer votre en-tête, le bouton "charger plus", la mise en page, et bien plus encore.
Un aperçu en direct de votre widget est également disponible sur la droite, ce qui vous permet de suivre toutes vos modifications en temps réel.
Pour commencer, vous pouvez modifier la disposition des vidéos TikTok sur votre widget.
Il suffit de sélectionner l'option de mise en page à gauche pour continuer.
Vous verrez alors 4 mises en page différentes que vous pouvez choisir pour votre widget TikTok :
- Grille
- Liste
- Maçonnerie
- Carrousel
Examinons ces mises en page ci-dessous :
Tout d'abord, vous disposez d'une disposition en grille qui affiche les vidéos TikTok dans des vignettes carrées avec des lignes et des colonnes bien ordonnées. Vous pouvez ainsi intégrer des tonnes de vidéos en même temps.
Grâce à la disposition en liste , vous pouvez afficher vos vidéos TikTok dans une seule colonne, comme sur le site web ou l'application officielle de TikTok.
Ensuite, vous avez la disposition en maçonnerie , qui affiche les vidéos TikTok dans différentes colonnes. De plus, les vignettes des vidéos conservent leurs proportions d'origine.
Enfin, la disposition en carrousel permet d'afficher les vidéos TikTok dans un carrousel de diapositives. C'est un excellent moyen de rendre votre site plus interactif en utilisant un widget TikTok.
Après avoir sélectionné une mise en page, cliquez sur Enregistrer pour conserver vos modifications.
Ensuite, vous pouvez cliquer sur Personnaliser pour revenir aux principales options de personnalisation.
Dans les options de personnalisation, vous pouvez configurer l'en-tête de votre widget TikTok.
Pour cela, cliquez sur l'option En-tête à gauche.
En haut à gauche, vous avez la possibilité d'activer ou de désactiver l'en-tête de votre widget TikTok.
En dessous, vous pouvez utiliser des cases à cocher pour choisir les éléments de l'en-tête que vous souhaitez afficher :
- Profil de l'image
- Nom
- Nom d'utilisateur
- Description
- Statistiques
- Bouton
Comme précédemment, cliquez sur Enregistrer après avoir effectué les modifications.
Vous pouvez également cliquer sur l'une de ces options d'en-tête pour la personnaliser en détail. Vous pouvez également utiliser les autres options de personnalisation pour définir vos filtres, le style des boutons, les éléments vidéo TikTok, et bien plus encore.
Une fois que vous êtes satisfait de votre widget de flux TikTok, cliquez à nouveau sur Enregistrer.
Enfin, vous pouvez passer à l'étape 5 et ajouter ce widget de flux TikTok à votre site.
Étape 5 : Intégrer votre widget TikTok
Le plugin vous offre deux façons d'intégrer les widgets TikTok sur votre site web.
- Ajouter un widget TikTok à votre page web
- Ajouter un widget TikTok à votre barre latérale ou à votre pied de page
Vous ne savez pas quelle option choisir ? Nous allons examiner ces deux méthodes ci-dessous.
Ajouter un widget TikTok à votre page Web
Depuis votre personnalisateur visuel, il est très facile de commencer à intégrer ce widget de flux TikTok - pas besoin de toucher à une seule ligne de code.
Pour commencer, cliquez sur le bouton " Embed" en haut de la page.
Vous verrez alors une fenêtre contextuelle qui vous indiquera toutes les façons d'intégrer votre widget TikTok.
Avant de sélectionner une option, cliquez sur Copier pour copier le shortcode de votre widget.
Ensuite, vous pouvez utiliser les boutons ci-dessous pour sélectionner l'emplacement de votre widget TikTok.
Pour l'instant, nous allons choisir l'option Ajouter à une page.
En cliquant sur ce lien, vous obtiendrez une liste des pages WordPress disponibles sur votre site web.
Il suffit de sélectionner une page dans la liste et de cliquer sur le bouton Ajouter pour continuer.
La page WordPress s'ouvre alors dans l'éditeur de blocs, où vous pouvez intégrer le widget.
Tout d'abord, ajoutez un nouveau bloc en cliquant sur l'icône plus (+).
En utilisant la barre de recherche en haut, vous pouvez rechercher le widget "shortcode".
Ensuite, cliquez sur le widget dans les résultats de recherche ci-dessous.
Enfin, vous pouvez coller le shortcode que vous avez copié précédemment dans le bloc Shortcode .
Une fois que vous avez fait cela, le plugin va automatiquement intégrer votre widget TikTok dans cette page WordPress.
Comme vous pouvez le voir, TikTok Feed Pro rend plus facile que jamais la mise en valeur de votre widget TikTok - même si vous êtes nouveau sur WordPress.
Si vous ouvrez cette page, vous verrez vos vidéos affichées comme dans cet exemple d'intégration TikTok.
Voyons maintenant une autre façon d'intégrer les widgets TikTok sur votre site.
Ajouter un widget TikTok à votre barre latérale ou à votre pied de page
Comme auparavant, vous pouvez utiliser le personnalisateur visuel pour intégrer des widgets TikTok dans la barre latérale ou le pied de page de votre site web.
Tout d'abord, accédez au menu Flux TikTok " Tous les flux à partir de votre tableau de bord et cliquez sur le widget que vous venez de créer.
Vous verrez alors votre widget de médias sociaux s'ouvrir à nouveau dans le personnalisateur visuel.
Pour continuer, vous pouvez simplement cliquer sur le bouton Embed.
Cela ouvrira la fenêtre popup avec toutes les options pour intégrer votre widget TikTok.
Comme précédemment, cliquez sur le bouton Copier de la fenêtre contextuelle.
Maintenant que vous avez copié le shortcode, vous pouvez choisir où intégrer le widget.
Pour l'ajouter à votre barre latérale ou à votre pied de page, sélectionnez l'option Ajouter à un widget ici.
Ensuite, vous verrez la page des widgets de votre site, où vous pourrez ajouter, modifier ou supprimer vos widgets WordPress en quelques clics.
Ici, vous pouvez choisir entre deux emplacements pour votre widget TikTok : Barre latérale ou Pied de page.
Pour ce tutoriel, nous utiliserons le panneau Sidebar.
Vous pouvez maintenant cliquer sur l'icône plus (+) pour ajouter un nouveau widget, puis sélectionner l'option Shortcode.
Enfin, collez le shortcode de votre widget TikTok dans votre nouveau widget shortcode.
Le plugin se chargera du reste et intégrera automatiquement le widget dans le pied de page ou la barre latérale de votre site.
En résumé, TikTok Feed Pro vous permet de créer les meilleurs widgets TikTok pour votre site web et de les intégrer en quelques clics.
Si vous ouvrez votre site maintenant, vous verrez à quoi ressemblera votre widget TikTok pour vos visiteurs.
Et c'est tout !
Comme vous pouvez le constater, il est très facile de créer un widget TikTok pour votre site web si vous utilisez le bon plugin WordPress.
Avec l'aide de TikTok Feed Pro, vous pouvez avoir un magnifique flux TikTok pour engager les visiteurs, augmenter votre nombre de followers sur TikTok, et aider à développer votre entreprise facilement.
Prêt à intégrer des widgets de flux TikTok ? Obtenez votre exemplaire de TikTok Feed Pro ici!
Pendant que vous y êtes, vous pouvez également consulter notre liste des meilleurs types de messages sur les médias sociaux pour susciter l'intérêt de vos followers.
Vous avez trouvé cela utile ? Vous pouvez nous suivre sur Twitter et Facebook pour obtenir d'autres conseils et astuces en matière de médias sociaux afin de développer votre entreprise.
