Ajouter un flux LinkedIn à Divi avec un shortcode

Vous souhaitez ajouter un flux LinkedIn à Divi ? Avec ProFeedWP, un seul shortcode suffit pour afficher les dernières publications LinkedIn de votre entreprise directement dans votre mise en page Divi. Ajoutez un module Code, collez l’URL de votre page LinkedIn dans le shortcode, puis enregistrez votre page.

Ce guide vous accompagne dans la configuration, propose des exemples à copier et explique comment adapter le flux à votre design Divi. La méthode fonctionne aussi bien sur une nouvelle page que sur une page de destination existante.

Par ProFeedWP · Mis à jour le 26 octobre 2026

Démarrage rapide : votre flux LinkedIn dans Divi en 3 étapes

1. Installez et activez la version actuelle de ProFeedWP.
2. Ouvrez votre page dans Divi Builder et ajoutez un module Code dans la ligne où vous souhaitez afficher le flux.
3. Collez le shortcode ci-dessous, remplacez l’URL d’exemple par celle de votre page Entreprise ou Vitrine LinkedIn publique, puis enregistrez.

[profeedwp company_url="https://www.linkedin.com/company/your-company/"]Code language: plaintext (plaintext)

Vous souhaitez personnaliser le flux ? La documentation complète du shortcode ProFeedWP présente tous les attributs, valeurs par défaut, alias et options Free/Pro. Commencez par le shortcode de base ci-dessus, puis ajoutez les réglages dont vous avez besoin.

Dans ce guide

• Ce qu’il vous faut avant de commencer
• Ajouter le shortcode dans Divi
• Exemples de grille, de liste et de carrousel
• Conseils de style et de mise en page responsive
• Pages existantes et modèles Theme Builder
• Dépannage
• Questions fréquentes

Ce qu’il vous faut avant de commencer

• Un site WordPress sur lequel Divi Builder est disponible.
• ProFeedWP installé, activé et à jour. Vous pouvez commencer avec l’extension gratuite ou choisir une offre Pro.
• Une URL de page Entreprise ou Vitrine LinkedIn publique que vous êtes autorisé à afficher. Les profils personnels et les pages d’établissements scolaires ne sont pas pris en charge.

Le shortcode est intégré à ProFeedWP. Vous pouvez l’utiliser sans créer de page Gutenberg séparée, déplacer votre mise en page Divi ou ajouter du PHP à un thème enfant.

Ajouter un flux LinkedIn à Divi

1. Ouvrez votre page dans Divi Builder

Dans WordPress, accédez à Pages et modifiez la page sur laquelle vous souhaitez afficher le flux. Ouvrez-la avec Divi Builder. Si la page possède déjà un design, repérez l’endroit où vos publications LinkedIn doivent apparaître, par exemple sous les actualités de votre entreprise ou au-dessus d’une section de contact.

2. Ajoutez un module Code et collez le shortcode

Ajoutez une ligne ou utilisez une ligne existante, puis ajoutez dans Divi un module Code. Collez le shortcode de base du démarrage rapide dans son champ de contenu et remplacez https://www.linkedin.com/company/your-company/ par l’URL de votre propre page. Conservez les crochets et les guillemets droits.

Collez uniquement le shortcode dans Divi. Vous n’avez besoin ni de code PHP autour du shortcode, ni de balise script, ni d’iframe. Elegant Themes confirme que le module Code de Divi prend en charge les shortcodes d’autres extensions.

3. Enregistrez et vérifiez la page publiée

Enregistrez le module et la page, quittez le Visual Builder, puis ouvrez la page comme un visiteur. Vérifiez que vos publications s’affichent et que la mise en page convient sur ordinateur et mobile. Un flux dynamique peut avoir un aspect différent dans l’aperçu du constructeur ; effectuez donc votre vérification finale sur la page publiée.

Exemples de shortcode ProFeedWP pour Divi

Copiez l’un des exemples ci-dessous dans votre module Code et modifiez l’URL LinkedIn. Chaque exemple utilise le même shortcode intégré ; les attributs supplémentaires règlent l’apparence du flux.

Une grille responsive de six publications — Free

[profeedwp
  company_url="https://www.linkedin.com/company/your-company/"
  posts="6" layout="grid" theme="minimal"
  columns_sm="1" columns="2" columns_lg="3"
]Code language: plaintext (plaintext)

Cet exemple affiche une colonne sur téléphone, deux sur tablette et trois sur ordinateur. Plus précisément, columns_sm s’applique en dessous de 768px, columns de 768px à 1023px et columns_lg à partir de 1024px. Définissez les trois attributs pour contrôler explicitement chaque taille d’écran.

Une liste à côté du contenu de votre page — Free

[profeedwp
  company_url="https://www.linkedin.com/company/your-company/"
  posts="3" layout="list" theme="social"
  list_media_left="true"
]Code language: plaintext (plaintext)

Utilisez cet exemple pour une section d’actualités ou une colonne Divi plus étroite. À partir de 768px de largeur, les images s’affichent à côté du texte ; sur les écrans plus petits, elles passent au-dessus.

Un carrousel LinkedIn — Pro

[profeedwp
  company_url="https://www.linkedin.com/company/your-company/"
  posts="9" layout="carousel" theme="social"
  columns_sm="1" columns="2" columns_lg="3"
]Code language: plaintext (plaintext)

Choisissez un carrousel pour permettre aux visiteurs de parcourir davantage d’actualités dans une section compacte. Les mises en page carrousel et masonry nécessitent Pro. L’extension gratuite propose les mises en page grille et liste avec un maximum de six publications.

Des cartes assorties à votre design Divi — Pro

[profeedwp
  company_url="https://www.linkedin.com/company/your-company/"
  posts="6" layout="grid" theme="modern"
  columns_sm="1" columns="2" columns_lg="3"
  card_background_color="#ffffff" text_color="#1f2937"
  border_radius="12" grid_gap="24" image_aspect_ratio="16/9"
]Code language: plaintext (plaintext)

Cet exemple donne aux cartes un fond blanc, un texte foncé, des coins arrondis et un espacement de 24px. Le thème Modern et les réglages personnalisés des couleurs, du rayon des bordures et de l’espacement nécessitent Pro.

Pour les réglages de visibilité, les limites de texte, les formats d’image, l’actualisation et bien plus, consultez le référentiel complet des options du shortcode. Il explique également les dépendances entre réglages et les options disponibles dans Free et Pro.

Adaptez le style du flux à votre mise en page Divi

• Réglez la largeur du conteneur dans Divi. Utilisez les réglages de dimensionnement de la ligne et du module Code pour laisser suffisamment de place au flux. Un flux à trois colonnes demande généralement une ligne plus large qu’une barre latérale.
• Réglez les cartes avec les attributs du shortcode. Choisissez la mise en page, le thème, le nombre de publications et les colonnes responsive dans le shortcode. Utilisez Divi pour l’arrière-plan, les espacements internes et les marges de la section qui l’entoure.
• Utilisez moins de colonnes de flux dans les colonnes Divi étroites. Les attributs responsive dépendent de la largeur de l’écran. Un flux placé dans une colonne occupant la moitié de la largeur sur ordinateur peut donc nécessiter columns_lg="1" ou columns_lg="2".
• Gardez une page ciblée. Un titre court, trois à six publications et une prochaine étape claire fonctionnent souvent bien sur une page de destination. Prévisualisez la page sur téléphone avant de la publier.

Ajoutez le flux à une page existante ou à un modèle Theme Builder

Pour une page de destination Divi existante, ouvrez la mise en page et insérez un module Code à l’endroit souhaité. Vous pouvez conserver votre design actuel. Le shortcode affiche le flux directement dans ce module.

Pour une mise en page réutilisable, ouvrez Divi → Theme Builder, modifiez le corps du modèle concerné et ajoutez-y le même module Code. Enregistrez le modèle et vérifiez ses conditions d’affichage pour que le flux apparaisse sur les pages prévues.

Vous utilisez déjà l’ancienne méthode Gutenberg ?

Un bloc ProFeedWP fonctionnel affiché via le module Post Content de Divi peut rester en place. Si vous préférez le shortcode, commencez par ajouter et tester un module Code dans votre mise en page Divi. Supprimez ensuite uniquement l’ancien bloc de flux s’il provoque un doublon. Conservez Post Content s’il affiche aussi d’autres contenus de la page.

Dépanner votre flux LinkedIn dans Divi

Le shortcode s’affiche sous forme de texte

Vérifiez que ProFeedWP est activé et à jour, puis collez le shortcode dans un module Code de Divi. Utilisez des guillemets droits, ajoutez company_url, et vérifiez qu’aucun crochet ne manque. Copiez uniquement le shortcode, sans le formatage de code qui l’entoure.

Le flux est vide ou absent dans le constructeur

Enregistrez, quittez le Visual Builder et vérifiez la page publiée. Assurez-vous que l’URL correspond à une page Entreprise ou Vitrine publique, et non à un profil personnel. Si le flux ne se charge toujours pas, consultez la console et les erreurs réseau du navigateur ou contactez l’assistance ProFeedWP en indiquant l’URL de la page concernée.

La mise en page ou le nombre de publications ne correspond pas à vos attentes

Vérifiez que votre offre prend en charge la mise en page, le thème et les options de style choisis. Free est limité à six publications. Pour les colonnes sur ordinateur, définissez columns_lg ainsi que columns. Après avoir modifié la mise en page, videz si nécessaire le cache CSS généré par Divi, le cache des pages et celui du CDN.

Les nouvelles publications LinkedIn ne sont pas encore visibles

Les données du flux sont mises en cache ; les nouvelles publications peuvent donc mettre du temps à apparaître. Vous pouvez actualiser un flux dans Réglages → ProFeed. Les flux en cache sont inclus dans le HTML initial de la page lorsque Afficher immédiatement les flux en cache est activé ; un flux sans données en cache utilisables se charge dans le navigateur. Consultez la documentation du shortcode pour en savoir plus sur l’actualisation et ses réglages.

Questions fréquentes

Intégrez vos actualités LinkedIn à votre site Divi

Ajoutez le shortcode ProFeedWP à un module Code, choisissez une mise en page adaptée et permettez aux visiteurs de découvrir les dernières actualités de votre entreprise. Explorez les démos de flux LinkedIn pour trouver des idées de design ou consultez la documentation du shortcode lorsque vous souhaitez personnaliser le flux.