Comment intégrer Instagram dans les publications WordPress

0
9

Vous cherchez un moyen simple d’intégrer des flux Instagram (feed) sur votre site WordPress ?

L’intégration de photos, de vidéos, d’histoires et de publications Instagram dans votre site Web aide votre contenu à devenir vivant, augmente l’engagement des utilisateurs et renforce la confiance.

Dans cet article, nous allons vous montrer comment intégrer Instagram dans WordPress, étape par étape.

Pourquoi intégrer Instagram sur WordPress ?

Afficher le contenu d’Instagram sur votre site WordPress présente de nombreux avantages.

Vous pouvez afficher une critique de produit, une vitrine de produit, une vidéo, une image et d’autres contenus générés par les utilisateurs dans une publication Instagram en tant que preuve sociale pour renforcer la confiance et générer plus de ventes.

Le contenu d’Instagram aide également à améliorer l’optimisation des moteurs de recherche (SEO) de votre site Web en rendant le contenu frais et mis à jour.

En dehors de cela, Instagram feed est un très bon moyen d’augmenter l’engagement des utilisateurs (user engagement) et de faire en sorte que les visiteurs restent plus longtemps sur votre site Web.

Voyons maintenant comment intégrer du contenu Instagram dans WordPress.

Comment intégrer Instagram feed avec un plugin WordPress

Le moyen le plus simple d’intégrer Instagram feed dans WordPress consiste à utiliser un plugin.

Pour ce tutoriel, nous utiliserons un plugin gratuit appelé Smash Balloon Social Photo Feed. C’est le meilleur plugin Instagram pour WordPress et vous permet d’afficher rapidement le contenu d’Instagram sur un site WordPress.

Il existe également une version payante de ce plugin, appelée Smash Balloon Instagram Feed Pro. Il offre plus d’options de personnalisation, telles que le tri de feed en fonction des hashtags, la combinaison de différents types de feed, l’affichage des légendes, des likes et des commentaires, et bien plus encore.

Tout d’abord, vous devez installer et activer le plugin Smash Balloon Social Photo Feed sur votre site web.

Téléchargez ce plugin

Après avoir activé le plugin, vous devez visiter Instagram Feed > Settings (Paramètres) et cliquer sur le bouton Connect an Instagram Account (Connecter un compte Instagram) sous l’onglet Con.

Connectez un compte Instagram

Vous verrez une fenêtre contextuelle, où vous pourrez choisir entre un profil Instagram personnel (Personal) ou un profil Instagram professionnel (Business). Pour ce tutoriel, nous allons sélectionner l’option Personal, puis cliquer sur le bouton Connect (Connect).

D’un autre côté, si vous avez un compte Instagram professionnel ou un compte Instagram Creator (Creator), vous pouvez sélectionner l’option Business pour continuer.

Sélectionnez un profil Instagram

Après cela, vous devrez vous connecter à votre compte Instagram et cliquer sur le bouton Allow (Autoriser) pour permettre au plugin d’accéder aux informations de votre profil et au contenu multimédia (media content).

Autoriser Smash Balloon à accéder au compte Instagram

Ensuite, vous serez redirigé vers votre site Web, où vous verrez une fenêtre contextuelle avec votre identifiant Instagram vous demandant de connecter votre compte. Pour continuer, cliquez sur le bouton Connect This Account.

connecter ce compte

Ensuite, vous devriez voir votre compte Instagram connecté à Smash Balloon.

Compte Instagram connecté avec succès à Smash Balloon

Après cela, accédez à l’onglet Customize (Personnaliser) et modifiez l’apparence de votre Instagram feed. Par exemple, personnalisez la largeur et la hauteur de feed et modifiez la couleur d’arrière-plan.

Personnalisez votre flux Instagram

A côté de cela, Smash Balloon vous permet de choisir le nombre de photos et de colonnes à afficher dans le feed. Vous pouvez également sélectionner le rembourrage autour des images, désactiver la mise en page mobile, trier vos images et sélectionner la résolution de l’image.

Si vous faites défiler vers le bas, il y a plus d’options de personnalisation. Par exemple, modifiez l’en-tête de votre Instagram feed, activez le bouton Load More (Charger plus) et le bouton Follow (Suivre), modifiez les paramètres GDPR et obtenez un rapport hebdomadaire sur le problème feed.

Cependant, si vous effectuez une mise à niveau vers la version Pro, il existe des fonctionnalités de personnalisation supplémentaires, telles que la sélection d’un type de mise en page, l’activation des légendes, des likes et des commentaires, le filtrage des publications, etc.

Après avoir fini de personnaliser Instagram feed, cliquez sur le bouton Save Changes (Enregistrer les modifications).

activer charger plus et suivre les boutons

Il est désormais très facile d’intégrer des publications Instagram n’importe où sur votre blog WordPress.

Pour ce faire, modifiez ou ajoutez un nouveau message ou une nouvelle page. Dans l’éditeur WordPress (WordPress editor), cliquez sur le signe plus (+) pour ajouter un nouveau bloc et recherchez « Instagram Feed ».

Ajouter un bloc de flux Instagram à votre page

Le plugin Smash Balloon chargera automatiquement l’Instagram feed et vous montrera un aperçu dans l’éditeur WordPress. Vous pouvez désormais publier (publish) votre publication ou page pour afficher le contenu d’Instagram.

Aperçu en direct du flux Instagram

Si vous utilisez l’éditeur classique (classic editor) de WordPress, alors vous devrez utiliser le shortcode [instagram-feed] où vous souhaitez afficher l’Instagram feed.

Avec ce plugin, vous pouvez également ajouter très facilement Instagram feed à la barre latérale (sidebar) de votre site Web. Pour ce faire, accédez à Appearance » Widgets, faites glisser le widget Instagram Feed dans votre barre latérale et cliquez sur le bouton Save.

Ajout du widget Flux Instagram à votre barre latérale

Comment ajouter Instagram feed avec le bloc d’intégration par défaut (default embed block)

Si vous souhaitez intégrer un Instagram feed dans une publication WordPress avec la fonctionnalité d’intégration par défaut (default embed feature), vous devrez activer Instagram oEmbeds dans le plugin Smash Balloon Social Feeodot8d

La raison en est que vous ne pouvez plus intégrer directement le contenu d’Instagram ou de Facebook à votre site Web WordPress.

Cette fonctionnalité oEmbed a été dépréciée en octobre 2020 par WordPress, lorsque Facebook a demandé aux développeurs d’enregistrer une application et d’utiliser des jetons d’accès (Access àkens) pour obtenir les données de leur API pour le contenu oEmbed.

Une solution simple pour résoudre ce problème oEmbed consiste à utiliser le plugin Smash Balloon Social Photo Feed. Il vous suffit d’aller sur Instagram Feed » oEmbeds depuis votre zone d’administration WordPress (admin).

Cliquez ensuite sur le bouton Enable Instagram oEmbeds (Activer Instagram oEmbeds).

Activer le bouton oEmbeds d'Instagram

Vous verrez une fenêtre pop-up qui vous demande de vous connecter à Facebook.

Connectez-vous à Facebook

Ensuite, connectez-vous à votre compte Facebook et connectez-le avec Smash Balloon.

Lier le profil Facebook avec Smash Balloon

Après cela, vous pouvez sélectionner les pages Facebook que vous souhaitez utiliser avec Smash Balloon et cliquer sur le bouton Next (Suivant).

Un avantage de permettre à Smash Balloon d’utiliser vos pages est que votre jeton d’accès (access àken) n’expire pas. Vous pouvez ignorer cette partie, mais votre jeton d’accès ne sera valable que 60 jours.

Sélectionnez les pages à utiliser avec Smash Balloon

Ensuite, vous devez sélectionner ce que Smash Balloon peut faire avec votre page Facebook et cliquer sur le bouton Done. Par exemple, vous pouvez autoriser le plugin à afficher une liste de pages que vous gérez.

Autoriser Smash Balloon à utiliser la page

Après cela, vous verrez un message indiquant que vous avez lié Smash Balloon à Facebook. Cliquez maintenant sur le bouton OK pour revenir à votre zone d’administration WordPress (admin).

Vous avez lié Smash Balloon à Facebook

Vous verrez un message indiquant que Instagram Feed remplacera automatiquement vos anciens oEmbeds et générera tout nouveau contenu pour tous les nouveaux liens.

Le flux Instagram remplacera les oEmbeds

Désormais, vous pouvez facilement intégrer n’importe quel contenu Instagram dans votre article ou votre page de blog.

Accédez simplement à votre compte Instagram et cliquez sur les trois points (…) dans le coin supérieur droit de n’importe quelle photo ou vidéo Instagram pour ouvrir plus d’options.

Cliquez sur les trois points dans la publication Instagram

Cliquez ensuite sur le bouton Copy Link lorsque plus d’options apparaissent dans la fenêtre contextuelle.

Copier le lien vers la publication Instagram

Après cela, modifiez n’importe quel article ou page et cliquez sur le signe plus (+) dans le coin supérieur gauche pour ajouter un bloc Embed (Intégrer).

Ajouter un bloc d'intégration

Entrez ensuite l’URL de votre contenu Instagram et cliquez sur le bouton Embed.

Entrez l'URL de la publication Instagram

Après cela, vous pouvez publier votre article ou votre page pour voir Instagram feed sur votre site Web.

Aperçu d'Instagram oEmbed

Nous espérons que cet article vous a aidé à savoir comment intégrer Instagram à votre site Web WordPress. Si vous avez des questions, veuillez nous en informer dans la zone de commentaire ci-dessous.

.

LEAVE A REPLY

Please enter your comment!
Please enter your name here