Comment intégrer un profil Instagram sur un site Web en 3 étapes

Intégrer un profil Instagram sur un site Web
Temps de lecture : 10 minutes

Vous cherchez des moyens simples pour améliorer l'apparence de votre site Web ? L'intégration de contenu dynamique sur votre site Web est votre meilleure option. Et quoi de plus dynamique qu'un flux Instagram engageant

Intégrer un flux de profil Instagram organisé avec contenu authentique généré par les utilisateurs est un excellent moyen d'augmenter le temps passé par vos visiteurs sur le site Web. Vous n'avez pas besoin d'être un expert en programmation ; avec des outils d'intégration efficaces, vous pouvez facilement faire monter en flèche l'engagement de votre site Web. Cet article de blog explorera les moyens de intégrer le contenu du profil Instagram sur des sites Web et discutons de quelques exemples. Alors, sans plus attendre, commençons : 

Qu'est-ce qu'un profil ou un pseudo Instagram ?

Un profil Instagram est une page sur laquelle vous pouvez trouver vos photos publiées, vos bobines, votre biographie, vos paramètres, vos liens et d'autres informations sur une personne/entreprise en particulier. Vous pouvez même consulter la liste de vos abonnés et de vos abonnements.

Profil Instagram de Canon

Les deux éléments les plus importants d'un profil Instagram sont votre description et votre lien, qui servent d'appel à l'action pour vos abonnés. Un compte Instagram est l'un des meilleurs moyens d'entrer en contact avec son public, de nouer des relations, de promouvoir des produits et des services et d'obtenir des informations sur ses performances.

Intégrez facilement un profil Instagram sur un site Web
hashtag hashtag

Hashtag Instagram

manipuler manipuler

Mentions Instagram

histoires histoires

Story Instagram

bobines bobines

Instagram Reels

mentionner mentionner

Profil Instagram

Méthodes pour intégrer un profil Instagram sur n'importe quel site Web

Avant de comprendre les méthodes, comparons-les pour voir laquelle vous convient le mieux. 

Exigences Méthode 1Méthode 2
Intégrer le profil InstagramUtiliser InstagramEn utilisant Tagshop 
Mise à jour automatique du flux/de l'histoire/des vidéos Non, vous devez le mettre à jour manuellement.  Mise à jour automatique disponible avec Tagshop
Thèmes et modèlesNon, vous ne pouvez intégrer que des flux statiques. Oui, des thèmes et des options lucratifs sont disponibles selon la conception de votre site Web
Fonctions avancées Pas de fonctionnalités avancéesOui, des fonctionnalités avancées de modération de l'IA sont disponibles sur la plateforme. 
Flux/histoire/vidéos achetables NonOui, vous pouvez rendre votre flux achetable
Étiquetage des produits NonOui, vous pouvez étiqueter plusieurs produits dans un seul article
Incorporation en masse NonOui, l'intégration en masse est disponible
Mesures de fiançaillesNaDes mesures avancées et approfondies sont disponibles. 
PersonnalisationNAOui, vous pouvez le personnaliser avec différents thèmes, arrière-plans et boutons CTA. 
Assistance avancée NAOui, une assistance 24h/7 et XNUMXj/XNUMX est disponible
Compatibilité de la plateformeRencontre quelques difficultés lors de l'intégration du CMSCompatibilité facile avec toutes les plateformes CMS 
C'est longOui, car il nécessite une intégration manuelle Non, le téléchargement manuel n'est pas nécessaire. 

Maintenant que vous connaissez les avantages et les inconvénients des deux méthodes, passons à l'étape suivante. intégrez votre profil Instagram avec les deux méthodes. 

Méthode 1. Utiliser Instagram lui-même (intégrer manuellement)

Pour effectuer une intégration manuelle à l'aide d'Instagram lui-même, suivez les étapes indiquées :

Étape 1 - Connectez-vous à votre Instagram et choisissez la publication depuis votre profil.

Étape 2 – Dans le coin supérieur droit de la publication, cliquez sur les trois points.

intégrez votre profil Instagram

Étape 3 – Cliquez maintenant sur l’option d’intégration dans la fenêtre contextuelle.

copier le code de publication Instagram

Étape 4 – Cliquez sur « Copier le code d'intégration »

code de profil instagram

Étape 5 – Connectez-vous maintenant à votre site Web. *(WordPress, Magento, Shopify, HTML, etc.)

Étape 6 – Recherchez la page sur laquelle vous souhaitez intégrer la publication de profil Instagram.

Étape 7 – Collez simplement le code d’intégration et le tour est joué.

Actualisez-le et vous verrez votre flux intégré sur votre site Web. 

Méthode 2. Intégrer à l'aide Tagshop (Mise à jour automatique du flux)

Intégrez votre profil Instagram avec Tagshop, vous offrant un ensemble d'options de personnalisation et de thèmes avec des fonctionnalités de modération IA pour faciliter votre travail. Pour intégrer à l'aide Tagshop, suivez les instructions données :

Collecter le contenu du profil Instagram

Étape 1 – Connectez-vous à Tagshop Compte

créer un compte instagram

Étape 2 – Accédez à « Flux » dans la barre latérale et cliquez sur « Ajouter un flux ».

Étape 3 – Sélectionnez votre réseau source comme « Instagram ».

collecter le contenu du profil Instagram

Étape 4 – Dans la boîte de dialogue, sélectionnez «Poignée" selon votre préférence et connectez votre compte Instagram.

intégrez votre profil Instagram

Étape 5 – Cliquez maintenant sur « Créer un flux »

Étape 6 – Allez maintenant à «Contenu" dans la barre latérale. Ici, vous pouvez modérer votre flux en rendant les publications publiques ou privées selon votre choix. 

rendre le profil Instagram achetable

Étape bonus : rendez votre flux achetable

Apprenons à rendez votre flux Instagram achetable en utilisant Tagshop. Voyons comment :

Étape 7 – Dans la barre latérale, accédez à «Catalogue des produits' et 'Synchroniser le catalogue de produits'. Vous pouvez synchroniser les produits directement depuis le créateur de votre site Web ou effectuer un téléchargement personnalisé. 

étiqueter les produits

Étape 8 – Une fois le catalogue synchronisé, vous pouvez étiqueter les produits pour les rendre achetables.

Étape 9 – Allez à 'Marquer les produits" et recherchez des produits par nom, catégorie ou SKU.

taguer les publications Instagram

* Remarque – Pour ajouter plusieurs balises à une seule publication, activez l'option «point chaud' fonctionnalité.

Concevez-le à votre façon et publiez-le !

Étape 11 – Accédez à « Publier » et personnalisez le flux en fonction du type de thème de votre site Web.

Étape 12 – Sélectionnez vos thèmes préférés, vos options de personnalisation et votre bouton CTA.

Étape 13 – Une fois terminé, cliquez sur « Générer le code ». 

Étape 14 – Choisissez votre plateforme CMS et copiez le code

Étape 15 – Collez-le à l’arrière de votre site Web et vous aurez terminé.

Félicitations ! Vous avez réussi à intégrer votre profil Instagram commercial sur votre site Web à l'aide de Tagshop. 

Démo en direct : profil Instagram sur site Web

Intégrez facilement un profil Instagram sur un site Web
hashtag hashtag

Hashtag Instagram

manipuler manipuler

Mentions Instagram

histoires histoires

Story Instagram

bobines bobines

Instagram Reels

mentionner mentionner

Profil Instagram

Intégrer le profil Instagram sur différentes plateformes CMS

Maintenant que vous avez appris à générer et copier le code, comprenons-le comment intégrer des profils sur le site Web en utilisant différentes plateformes CMS :

Intégrer un profil Instagram sur WordPress

Intégrer un profil Instagram sur WordPress

À intégrez votre profil Instagram sur WordPress, suivez les étapes indiquées :

Étape 1 – Connectez-vous à votre compte WordPress
Étape 2 – Accédez à la page sur laquelle vous souhaitez intégrer le flux et sélectionnez « Bloc HTML personnalisé »
Étape 3 – Collez maintenant le code généré que vous avez copié à l’aide Tagshop.
Étape 4 – Cliquez sur le bouton Publier.

Vous verrez votre flux de profil Instagram intégré sur votre site Web WordPress. 

Blog connexe: Comment intégrer un flux Instagram sur WordPress ?

-------------------------

Ajouter un profil Instagram sur la boutique Shopify

Ajouter un profil Instagram sur la boutique Shopify

À intégrer le profil Instagram sur votre site Web Shopify, Suivez ces étapes:

Étape 1 – Accédez à votre interface administrateur Shopify
Étape 2 – Recherchez l'option « Boutique en ligne »
Étape 3 – Choisissez « Pages » dans le menu déroulant
Étape 4 – Recherchez la page sur laquelle vous souhaitez intégrer le profil Instagram ou en créer un nouveau. 
Étape 5 – Dans la « Section HTML », collez le code que vous avez copié depuis Tashop 
Étape 6 – Enregistrer toutes les modifications

Actualisez la page et vous verrez votre profil Instagram intégré sur votre site Web Shopify en utilisant Tagshop. 

Blog connexe: Comment ajouter un flux Instagram à Shopify : 3 méthodes différentes

--------------------------

Intégrer le profil Instagram à la boutique Magento

Intégrer le profil Instagram à la boutique Magento

À intégrer le profil Instagram sur votre site Web, suivez les étapes indiquées :

Étape 1 – Connectez-vous à votre site Web Magento 
Étape 2 – Sélectionnez l’option « Contenu » dans la barre latérale gauche, puis sous « Conception », sélectionnez « Configuration »
Étape 3 – Créez ou modifiez votre page Web existante
Étape 4 – Faites maintenant défiler vers le bas et sélectionnez l'option « En-tête HTML »
Étape 5 – Ici, collez votre Tagshop-code d'intégration Instagram généré
Étape 6 – Cliquez sur « Enregistrer la configuration » et vous avez terminé !

Après avoir prévisualisé votre page, vous verrez que votre flux de profil Instagram a été ajouté avec succès à votre site Web Magento. 

Intégrez facilement un profil Instagram sur Magento
hashtag hashtag

Hashtag Instagram

manipuler manipuler

Mentions Instagram

histoires histoires

Story Instagram

bobines bobines

Instagram Reels

mentionner mentionner

Profil Instagram

Présentez votre profil Instagram sur le site Web de Squarespace

Présentez votre profil Instagram sur le site Web de Squarespace

Suivez les étapes pour intégrez votre flux Instagram sur Squarespace Website:

Étape 1 – Connectez-vous à votre site Web Squarespace 
Étape 2 – Recherchez la page sur laquelle vous souhaitez intégrer le code ou créez-en une nouvelle
Étape 3 – Modifiez la page et choisissez « Ajouter une section > Ajouter une section vide » 
Étape 4 – Dans le champ URL, cliquez sur et collez le code que vous avez copié depuis Tagshop
Étape 5 – Cliquez sur « Enregistrer » puis sur « Appliquer ».

Vous avez intégré avec succès le profil Instagram sur votre site Web Squarespace. 

------------------------

Intégrer un profil Instagram sur le site Wix

Intégrer un profil Instagram sur le site Wix

Suivez les instructions ci-dessous pour intégrer votre profil Instagram sur le site Web Wix :

Étape 1 – Accédez au panneau de votre compte Wix
Étape 2 – Cliquez sur le bouton « + » à côté des « pages principales »
Étape 3 – Accédez à « Code d'intégration » et sélectionnez « Intégrer le code HTML » 
Étape 4 – Collez le code ici et cliquez sur « Enregistrer » pour appliquer les modifications

Blog connexe: Comment ajouter un flux Instagram au site Web Wix (mise à jour automatique)

------------------------

Afficher le profil Instagram en HTML

Afficher le profil Instagram en HTML

À intégrer le profil sur le site web HTML, suivez les étapes indiquées :

Étape 1 – Connectez-vous à votre site Web HTML
Étape 2 – Accédez à la page où vous souhaitez intégrer votre code
Étape 3 – Collez le code que vous avez copié à partir de Tagshop
Étape 4 – Enregistrez les modifications et vous avez terminé. 

----------------------

Ajouter un profil Instagram Elementor

Vous pouvez intégrez votre flux Instagram sur Elementor en ligne.

Ajouter un profil Instagram Elementor

Étape 1 – Accédez à votre compte WordPress
Étape 2 – Accédez à la page sur laquelle vous souhaitez intégrer votre flux
Étape 3 – Cliquez sur « Modifier avec Elementor » et faites glisser et déposez l’élément HTML. 
Étape 4 – Collez le code et cliquez sur « Mettre à jour » 

Votre flux sera en direct sur le site Web en utilisant Tagshop.

-------------------------

Intégrer le profil Instagram sur Webflow

Intégrer le profil Instagram sur Webflow

À intégrer un flux Instagram sur Webflow, Suivez ces étapes:

Étape 1 – Accédez à votre compte Webflow
Étape 2 – Dans le menu de gauche, accédez à « Ajouter un élément » 
Étape 3 – Faites glisser et déposez l’élément « intégrer » sur la page Web souhaitée. 
Étape 4 – L’éditeur de code d’intégration HTML apparaît
Étape 5 – Collez votre code et c'est fait. 

Intégrez facilement un profil Instagram sur Webflow
hashtag hashtag

Hashtag Instagram

manipuler manipuler

Mentions Instagram

histoires histoires

Story Instagram

bobines bobines

Instagram Reels

mentionner mentionner

Profil Instagram

Pour aller plus loin

L'intégration d'un profil Instagram sur le site Web est l'un des moyens les plus efficaces de rendre votre site Web interactif. Cela contribue également à enrichir l'apparence de votre site Web. L'époque des sites Web statiques est révolue. À l'ère numérique d'aujourd'hui, tout le monde est attiré par un contenu authentique et visuellement attrayant. Nous espérons que ce blog vous a aidé à réaliser la même chose et que vous comprenez les bases de intégrer un profil Instagram. Donner Tagshop essayez et voyez les résultats grâce à l'analyse approfondie. Tagshop propose également différents thèmes qui s'adaptent à votre site Web. Commencez à intégrer dès aujourd'hui !

Bonne intégration :)

Blogs liés:

Intégrer le flux de hashtags Instagram sur un site Web en 4 étapes

Comment intégrer des bobines Instagram sur un site Web en 4 étapes

Comment intégrer le flux Instagram sur un site Web – Un guide complet

Comment intégrer des vidéos Instagram sur un site Web en 5 minutes

Intégrez des stories Instagram sur n'importe quel site Web (solution sans code)

Différents sites Web avec flux Instagram : exemples de tous les secteurs

FAQ - Foire Aux Questions

Oui, vous pouvez intégrer un profil Instagram sur le site Web en utilisant Tagshop.

Oui, vous pouvez facilement générer un code d'intégration de profil Insgtaram en utilisant Instagram lui-même ou en utilisant Tagshop.

À intégrer un site Web de profil Instagram HTML, connectez-vous à votre site Web HTML, puis accédez à la page où vous souhaitez intégrer votre code, collez le code et enregistrez les modifications

Pour obtenir un iframe intégré à Instagram, accédez à votre publication Instagram, cliquez sur les trois points, puis sur l'option « Intégrer ». Copiez le code d'intégration et collez-le dans le backend de votre site Web.

Pour ajouter un flux Instagram sans plugin, connectez-vous au Tagshop app< générez le code< Collez-le sur le backend de votre site Web.

Pour intégrer un profil Instagram sur votre site Web WordPress, connectez-vous à votre compte WordPress < accédez à la page où vous souhaitez intégrer le flux < sélectionnez « Bloc HTML personnalisé ».
<paste the generated code and click on the publish button.

Table des matières