Comment intégrer le flux TikTok sur votre site Elementor [Facile]
Accueil Blog Comment intégrer le flux TikTok sur votre site Elementor [Facile]

Comment intégrer le flux TikTok sur votre site Elementor [Facile]

comment intégrer tiktok sur un site elementor

Vous cherchez un moyen d'ajouter des flux TikTok Elementor à votre site ?

En tant que constructeur de pages populaire, Elementor permet de créer facilement de beaux sites sans codage. Mais si vous souhaitez rendre votre site plus attrayant, vous pouvez afficher des vidéos TikTok sur votre site.

Mais intégrer manuellement les flux TikTok dans Elementor peut s'avérer difficile, surtout si vous n'avez pas l'habitude de coder.

La solution ? Nous allons vous montrer la manière la plus simple d'intégrer des flux TikTok sur votre site web.

Tout d'abord, voyons la manière la plus simple d'ajouter du contenu TikTok à votre site WordPress.

Vous pouvez également cliquer ici pour passer directement à notre tutoriel.

La façon la plus simple d'intégrer les flux TikTok d'Elementor

L'ajout manuel de flux TikTok à Elementor peut être compliqué et prendre du temps. Après tout, vous devrez générer tous les codes d'intégration TikTok et les insérer dans votre site web.

De plus, les vidéos conserveront l'aspect officiel de TikTok. Cela signifie que vos flux vidéo TikTok peuvent même s'opposer au design que vous avez choisi pour votre site Elementor.

Pour simplifier les choses, vous pouvez utiliser un agrégateur de médias sociaux comme TikTok Feed Pro.

tiktok feed pro homepage

TikTok Feed Pro facilite plus que jamais la création, la personnalisation et l'intégration des flux TikTok dans WordPress, et ce, sans aucun codage !

En fait, le plugin est doté de fonctionnalités impressionnantes qui vous permettent d'intégrer facilement des flux TikTok :

  • Il vous suffit de suivre le processus guidé en trois étapes pour obtenir de superbes flux TikTok en quelques minutes. Vous pourrez alors investir le temps ainsi gagné dans le développement de votre site web.
  • Tous les flux TikTok que vous créez hériteront automatiquement de votre thème WordPress. Ainsi, vos vidéos s'harmoniseront parfaitement avec le site web Elementor, conçu avec soin.
  • Pour créer facilement des flux TikTok qui attirent l'attention des internautes, il vous suffit d'importer un modèle prédéfini.
  • Le plugin étant très léger, vous pouvez intégrer des tonnes de vidéos sur votre site Elementor, qui se chargera aussi rapidement que jamais. Cela signifie que vous pouvez obtenir un meilleur référencement et atteindre plus de personnes.
  • La création de flux vidéo TikTok uniques est également très facile grâce au personnalisateur visuel, même si vous n'avez aucune expérience en matière de codage ou de conception.
tiktok feed pro personnalisation

TikTok Feed Pro est également doté d'une assistance clientèle dédiée. Si vous avez des questions ou si vous avez besoin d'aide, vous pouvez contacter l'équipe pour obtenir de l'aide.

Conseil d'expert: Prêt à ajouter des flux TikTok à votre site ? Obtenez votre exemplaire de TikTok Feed Pro dès aujourd'hui!

Pourquoi afficher les flux TikTok d'Elementor ?

En intégrant les vidéos TikTok sur votre site WordPress Elementor, vous pourrez :

  • Boostez votre audience en ligne en convertissant le trafic de votre site web en nouveaux adeptes de TikTok.
  • Augmentez vos ventes en intégrant des témoignages vidéo de TikTok sur vos pages produits.
  • Attirez l'attention des internautes et faites en sorte qu'ils restent plus longtemps sur votre site web grâce à des vidéos pertinentes.
  • Présentez des vidéos TikTok intéressantes sur votre site web pour stimuler votre engagement.
  • Incorporez du contenu de médias sociaux frais avec des mots-clés pertinents et obtenez un meilleur référencement pour votre site.

"TikTok est devenu bien plus qu'une simple plateforme de médias sociaux ; c'est un moyen révolutionnaire d'associer le contenu, le commerce et la communauté.

- Jia Rizvi, fondateur de Studio 15 et réalisateur de documentaires primés

jia rizvi

Comment intégrer le flux TikTok d'Elementor dans WordPress

Pour intégrer des flux TikTok sur votre site Elementor, vous pouvez simplement suivre le guide étape par étape ci-dessous.

C'est parti !

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

Tout d'abord, téléchargez votre copie du plugin 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 notre guide du débutant sur l'installation des plugins WordPress.

Étape 2 : créer un nouveau flux TikTok

En suivant les instructions du plugin, vous pouvez créer un nouveau flux TikTok en toute simplicité.

Pour commencer, ouvrez le menu TikTok Feed " All Feeds " depuis votre tableau de bord, puis cliquez sur le bouton Add New.

open live feed editor tiktok feed

Étape 3 : Connectez votre compte TikTok

Une fois que vous avez connecté votre compte TikTok, le flux peut récupérer vos vidéos TikTok et les afficher sur votre site.

Pour commencer, cliquez sur le bouton Ajouter une source .

tiktok feed pro add source

Ensuite, vous pouvez cliquer sur le bouton Se connecter avec TikTok .

Cela ouvrira https://www.tiktok.com/ sur votre navigateur web.

se connecter avec tiktok

À partir de là, vous pouvez donner au plugin un accès en lecture seule à votre compte TikTok. TikTok Feed Pro ne pourra utiliser cet accès que pour consulter vos informations et ne pourra pas les modifier.

Il suffit de cliquer sur le bouton Autoriser pour donner l'accès.

Le plugin vous renvoie alors à votre site web pour que vous puissiez confirmer que ce compte est la source de votre flux.

Pour ce faire, il suffit de sélectionner le compte et de cliquer sur Suivant.

sélectionnez votre source de tiktok

Étape 4 : Personnaliser votre flux vidéo TikTok

TikTok Feed Pro vous demandera ensuite de choisir parmi différents modèles prédéfinis. Chaque modèle a un design unique et vous pouvez l'importer pour votre site instantanément.

Pour continuer, sélectionnez un modèle de flux ici et cliquez sur Suivant.

sélectionnez votre modèle de flux tiktok

Ensuite, le plugin ouvrira votre flux dans le personnalisateur visuel. À partir de là, vous pouvez utiliser les options sur la gauche pour modifier votre en-tête, les boutons de mise en page, les éléments vidéo, et plus encore.

Sur la droite, vous avez un aperçu en temps réel de votre flux TikTok pour une personnalisation facile et précise.

éditeur de flux en direct tikto feed pro

Voyons maintenant comment vous pouvez personnaliser votre flux TikTok à partir du personnalisateur visuel.

Pour commencer, j'ai l'habitude de modifier la présentation des vidéos. Pour cela, cliquez sur l'option Mise en page à gauche.

open layouts tiktok feed pro

Le plugin vous permet alors de choisir parmi 4 mises en page pour votre flux. Laissez-moi vous guider à travers chacune de ces mises en page :

  • Grille : Utilisez des lignes et des colonnes pour afficher des tonnes de vidéos TikTok à la fois.
  • Liste : Faites ressortir chaque vidéo en affichant une seule colonne de contenu TikTok.
  • Maçonnerie : Conservez les proportions originales de vos vidéos et affichez-les sur plusieurs colonnes.
  • Carrousel : Rendez votre site web plus interactif avec un carrousel de vos vidéos.
options de mise en page pour tiktok feed pro

Après avoir sélectionné votre mise en page, cliquez sur Enregistrer pour conserver les modifications.

Ensuite, vous pouvez cliquer sur Personnaliser pour revenir aux principales options de personnalisation.

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

À partir de là, vous pouvez configurer un en-tête qui apparaîtra au-dessus de votre flux TikTok.

Sélectionnez l'option En-tête sur la gauche pour commencer.

options d'en-tête ouvertes pour tiktok

En haut à gauche, vous trouverez l'option permettant d'activer ou de désactiver un en-tête.

Ensuite, vous pouvez utiliser des cases à cocher pour afficher ou masquer différentes parties de votre en-tête :

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

Lorsque vous êtes satisfait de votre en-tête, cliquez sur Enregistrer pour continuer.

Vous pouvez même personnaliser chacun de ces éléments d'en-tête en détail à partir d'ici. Pour ce tutoriel, nous allons personnaliser l'élément Image du profil.

À partir de là, vous pouvez définir la taille de votre photo de profil à l'aide de l'option située en haut de la page.

Vous pouvez même définir les marges et l'espacement pour modifier la position de l'image.

personnaliser l'en-tête profil titok feed

Enfin, cliquez sur Enregistrer lorsque vous êtes satisfait de l'aspect de votre photo de profil.

Comme vous pouvez le constater, TikTok Feed Pro vous permet de personnaliser très facilement l'apparence de vos flux vidéo. Grâce aux options restantes, vous pouvez définir le design des boutons, les éléments vidéo, les filtres et bien plus encore.

Ensuite, n'oubliez pas de cliquer sur Enregistrer pour confirmer vos modifications.

Étape 5 : ajouter le flux TikTok à Elementor

Enfin, vous pouvez intégrer ce flux TikTok à votre site Elementor. Et le mieux, c'est que vous pouvez le faire directement à partir du personnalisateur visuel.

Vous pouvez cliquer sur le bouton " Embed" en haut de la page pour commencer.

embed tiktok feed live feed editor

Cette opération ouvre une fenêtre contextuelle présentant toutes les possibilités d'intégration des flux TikTok sur votre site. Vous pouvez ajouter vos vidéos TikTok à une page, à la barre latérale, au pied de page ou copier le shortcode.

Pour l'instant, vous pouvez cliquer sur Copier pour continuer.

copier le shortcode tiktok feed pro

Ensuite, vous pouvez créer une page Elementor pour afficher votre flux vidéo TikTok.

Tout d'abord, ouvrez le menu Pages " Ajouter un nouveau dans votre tableau de bord, puis cliquez sur Modifier avec Elementor.

créer une nouvelle page wordpress

Vous souhaitez afficher des vidéos TikTok sur un article ? Le plugin est là pour vous aider.

Ouvrez plutôt le menu Posts " Add New. Là, vous pouvez cliquer sur le bouton Editer avec Elementor.

créer un nouvel article wordpress

Ensuite, vous verrez votre page ou votre article ouvert dans l'éditeur Elementor.

Sur la gauche, vous trouverez les différents widgets Elementor que vous pouvez utiliser pour ajouter du contenu. À droite, vous trouverez un aperçu en direct de votre page ou de votre article.

exemple d'éditeur elementor

Utilisez maintenant la barre de recherche en haut à gauche pour rechercher le widget "shortcode".

Comme cela, vous pourrez voir le widget Shortcode dans les résultats de recherche ci-dessous.

recherche de shortcode block elementor

Vous pouvez ensuite utiliser le glisser-déposer pour placer le widget Shortcode dans votre page ou article Elementor.

ajouter un bloc de shortcodes à elementor

Cela ouvrira les options pour le widget shortcode sur la gauche.

Là, cherchez le champ Enter your shortcode et collez simplement votre shortcode de tout à l'heure.

Entrer le code de la prise de vue elementor tiktok

Il ne vous reste plus qu'à cliquer sur Publier, et votre flux TikTok sera en ligne pour que tout le monde puisse le voir.

Comme vous pouvez le voir, ce plugin vous permet d'intégrer les flux TikTok d'Elementor sans problème. Il vous suffit d'ouvrir cette page ou ce post Elementor pour voir à quoi ressemblent vos vidéos TikTok.

Ci-dessous, vous pouvez voir le flux vidéo TikTok que j'ai créé pour ma page d'atterrissage Elementor.

elementor tiktok feed example

Et voilà !

Ainsi, vous pouvez intégrer des flux vidéo TikTok sur votre site WordPress Elementor. Avec TikTok Feed Pro, vous aurez un temps facile et il ne nécessite absolument aucun codage.

Il suffit de quelques clics et vous pouvez commencer à engager vos visiteurs, à augmenter votre audience sur TikTok et à développer votre activité.

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

Vous voulez plus de contenu de médias sociaux sur votre site Elementor ? Consultez notre guide sur la façon d'intégrer des widgets de flux sociaux sur votre site web.

Plus de conseils et de tutoriels sur le marketing des médias sociaux

Vous avez trouvé cela utile ? Vous pouvez nous suivre sur Twitter et Facebook pour obtenir d'autres conseils et astuces en matière de marketing des médias sociaux.

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.