Comment ajouter un flux TikTok à Elementor (sans shortcode)
Accueil Blog Voici comment ajouter un flux TikTok à Elementor (5 étapes simples)

Voici comment ajouter un flux TikTok à Elementor (5 étapes simples)

comment intégrer tiktok sur un site elementor

Vous souhaitez ajouter un flux TikTok à votre site Elementor sans avoir à coller les codes d'intégration vidéo par vidéo ?

Vos vidéos TikTok comptent parmi les contenus les plus captivants que vous publiez. En les intégrant à votre site web, vous incitez les visiteurs à rester plus longtemps sur votre site et vous leur offrez un moyen simple de vous suivre.

Je crée régulièrement des pages avec Elementor, et dans ce guide, je vais vous montrer exactement comment j'ajoute un flux TikTok en direct, du début à la fin, avec une capture d'écran pour chaque étape.

Je fais partie de l'équipe qui développe Smash Balloon TikTok Feeds Pro ; je vais donc vous montrer les paramètres qui permettent d'obtenir un flux TikTok impeccable sur une page Elementor, et vous expliquer pourquoi la méthode manuelle prend tellement plus de temps.

Comment ajouter un flux TikTok à Elementor ?

Pour ajouter un flux TikTok à Elementor, installez Smash Balloon TikTok Feeds Pro, connectez votre compte TikTok, puis recherchez le widget « TikTok Feed » dans Elementor et faites-le glisser sur votre page. Sélectionnez votre flux dans le menu déroulant et il s'affichera immédiatement. Aucun shortcode ni code n'est nécessaire.

L'installation prend environ 5 minutes. Voici exactement comment je m'y prends.

Vous pouvez aussi passer directement au 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 plus de simplicité, vous pouvez utiliser un agrégateur de réseaux sociaux comme TikTok Feeds Pro.

tiktok feed pro homepage

Avec TikTok Feeds Pro, créer, personnaliser et intégrer des flux TikTok dans WordPress n'a jamais été aussi simple – et tout cela sans aucune connaissance en programmation !

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 Feeds Pro propose également un service client dédié. Si vous avez des questions ou besoin d'aide, vous pouvez à tout moment contacter l'équipe pour obtenir de l'aide.

Conseil d'expert: prêt à intégrer des flux TikTok à votre site ? Procurez-vous dès aujourd'hui votre exemplaire de TikTok Feeds Pro!

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 plugin TikTok Feeds Pro

Commencez par télécharger ici votre copie du plugin TikTok Feeds Pro 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 « Flux TikTok » » « Tous les flux » depuis votre tableau de bord, puis cliquez sur le bouton « Ajouter un nouveau flux ».

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 accorder au plugin un accès en lecture seule à votre compte TikTok. TikTok Feeds Pro ne peut utiliser cet accès que pour consulter vos informations et ne pourra apporter aucune modification.

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 Feeds Pro vous demandera ensuite de choisir parmi différents modèles prédéfinis. Chaque modèle présente un design unique et vous pouvez l'importer instantanément sur votre site.

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 Feeds Pro vous permet de personnaliser très facilement l'apparence de vos flux vidéo. Grâce aux autres options disponibles, vous pouvez définir le design de vos 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 widget « TikTok Feed » à Elementor

Enfin, il est temps d'intégrer votre flux à une page Elementor. TikTok Feeds Pro ajoute son propre widget à Elementor ; vous n'avez donc pas besoin de copier de shortcode.

Commencez par ouvrir la page ou l'article que vous souhaitez modifier, puis cliquez sur « Modifier avec Elementor ».

Dans le panneau Elementor situé à gauche, saisissez « tiktok » dans la barre de recherche. Le widget « Flux TikTok » s'affichera.

Rechercher le widget « Fil TikTok » dans Elementor

Faites glisser le widget « Flux TikTok » sur votre page. Ensuite, dans les paramètres du widget situés à gauche, sélectionnez votre flux dans le menu déroulant « Sélectionner un flux ».

Votre fil TikTok s'affiche immédiatement dans l'aperçu d'Elementor, ce qui vous permet de voir exactement à quoi il ressemble avec le reste de votre page avant de le publier. J'apprécie particulièrement cette fonctionnalité, car je peux ajuster l'espacement autour du fil sans avoir à deviner.

Sélectionnez votre fil TikTok dans le widget « Fil TikTok » d'Elementor

Vous souhaitez modifier la mise en page du fil d'actualité ? Cliquez sur « Modifier ce fil d'actualité » dans le menu déroulant pour revenir à l'outil de personnalisation de TikTok Feeds Pro.

Il ne vous reste plus qu'à cliquer sur « Publier » pour que votre fil TikTok soit mis en ligne et accessible à tous.

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à !

En un clin d'œil, vous pouvez intégrer des flux vidéo TikTok à votre site WordPress Elementor. Avec TikTok Feeds Pro, c'est un jeu d'enfant et cela ne nécessite absolument aucune connaissance en programmation.

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 ? Procurez-vous dès aujourd'hui TikTok Feeds Pro pour votre site!

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.

Transformez vos vidéos TikTok en flux en direct sur votre site

Ajoutez un flux TikTok à mise à jour automatique à n'importe quelle page Elementor en environ 5 minutes, sans code ni shortcodes.

Ajouter mon fil TikTok

Questions fréquemment posées

TikTok Feeds Pro est-il compatible avec Elementor ?

Oui. Smash Balloon TikTok Feeds Pro ajoute son propre widget « TikTok Feed » à Elementor : il vous suffit de le rechercher, de le glisser sur votre page, puis de sélectionner votre flux dans un menu déroulant. Il fonctionne avec la version gratuite d’Elementor ; Elementor Pro n’est pas nécessaire.

Ai-je besoin d'un shortcode pour ajouter un flux TikTok à Elementor ?

Ce n'est plus le cas. Le widget dédié « TikTok Feed » remplace l'ancienne méthode consistant à copier-coller un shortcode. Le shortcode fonctionne toujours si vous préférez utiliser le widget « Shortcode » d'Elementor, mais le widget « TikTok Feed » est plus rapide.

Les visiteurs peuvent-ils regarder mes vidéos TikTok sans quitter mon site ?

Oui. Tous les forfaits TikTok Feeds Pro permettent de lire les vidéos dans un lecteur MP4 épuré, directement sur votre page, au lieu d'utiliser le lecteur intégré de TikTok. Vous pouvez également activer « Swipe View », un lecteur vertical en plein écran qui permet aux visiteurs de faire défiler vos vidéos d'un simple glissement du doigt, comme ils le feraient sur TikTok.

Les nouvelles vidéos TikTok s'afficheront-elles automatiquement dans mon flux Elementor ?

Oui. Une fois votre flux connecté, les nouvelles vidéos que vous publiez sur TikTok s'affichent automatiquement dans le flux ; vous n'aurez donc plus jamais besoin de modifier la page Elementor.

Combien coûte l'ajout d'un flux TikTok à Elementor ?

La formule « Basic » de Smash Balloon TikTok Feeds Pro couvre un site web, et chaque formule bénéficie d'une garantie « satisfait ou remboursé » de 14 jours. La version gratuite d'Elementor suffit amplement pour la création de pages.

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.

Activez dès aujourd'hui votre fil TikTok en direct

Essayez Smash Balloon TikTok Feeds Pro sans aucun risque. Si le produit ne vous convient pas dans les 14 jours, vous serez intégralement remboursé.

Procurez-vous TikTok Feeds Pro
avatar de l'auteur
Lianne Laroya Responsable du marketing de contenu
Lianne est responsable du marketing de contenu chez Smash Balloon et s'appuie sur plus de 12 ans d'expérience en matière de contenu WordPress, de marketing des médias sociaux, de contenu généré par les utilisateurs (UGC) et d'optimisation des moteurs de recherche (SEO).

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.