{"id":4169,"date":"2021-11-30T08:13:31","date_gmt":"2021-11-30T08:13:31","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?post_type=help_post&p=4169"},"modified":"2021-11-30T08:16:36","modified_gmt":"2021-11-30T08:16:36","slug":"how-to-embed-instagram-feed-widget-on-html-website","status":"publish","type":"help_post","link":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/","title":{"rendered":"Comment int\u00e9grer le widget de flux Instagram sur un site Web HTML"},"content":{"rendered":"\n
\r\n\t\t\t
Contents<\/div>\r\n\t\t\t
    \n
  1. \u00c9tape 1 : Organisez votre propre widget Instagram<\/a><\/li>\n
  2. \u00c9tape 2 : Installation du flux Instagram sur votre site Web<\/a><\/li>\n
  3. BONUS : Essayez la d\u00e9mo d\u00e8s maintenant!<\/a><\/li>\n<\/ol>\r\n\t\t<\/div>\n\n\n\n

    La description<\/h2>\n\n\n\n

    D\u00e9finissez votre propre widget Instagram<\/p>\n\n\n\n

    Effectuez un certain nombre d’\u00e9tapes simples pour ajouter le widget \u00e0 la page n\u00e9cessaire de votre site Web. Le temps d’installation pr\u00e9vu est d’environ 1 minute.<\/p>\n\n\n\n

    \u00c9tape 1: Ouvrez un compte sur Elfsight Apps<\/p>\n\n\n\n

    • Inscrivez-vous ou connectez-vous \u00e0 notre service cloud<\/li><\/ul>\n\n\n\n

      Tout d’abord, pour acc\u00e9der \u00e0 notre service en ligne, vous devez cr\u00e9er un compte. Fournissez-nous uniquement des adresses e-mail et des mots de passe valides pour vous inscrire. Si vous avez d\u00e9j\u00e0 un profil, merci de l’autoriser ici.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
      • Choisissez l’application appropri\u00e9e pour votre site<\/li><\/ul>\n\n\n\n

        Notre service en ligne comprend plusieurs solutions pour les sites Web. Pour afficher la galerie de photos Instagram sur un site Web HTML, vous devez appuyer sur InstaShow.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        • Faites en sorte que InstaShow r\u00e9ponde \u00e0 vos envies<\/strong><\/li><\/ul>\n\n\n\n

          S\u00e9lectionnez le mod\u00e8le, les styles et la configuration de l’interface utilisateur pour fa\u00e7onner le flux qui conviendra le mieux \u00e0 votre site.<\/p>\n\n\n\n

          Avantages d’InstaShow :<\/p>\n\n\n\n

          • Nombre infini de combinaisons de sources Instagram (comptes, hashtags, emplacements et URL d’images);<\/li>
          • Filtres de source suppl\u00e9mentaires;<\/li>
          • Possibilit\u00e9 de limiter les messages g\u00e9n\u00e9r\u00e9s par les utilisateurs dans la grille;<\/li>
          • Param\u00e8tre de temps de support de cache;<\/li>
          • etc.<\/li><\/ul>\n\n\n\n

            Vous pouvez en savoir plus sur toutes les caract\u00e9ristiques sur la page du plugin Instagram.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n
            • Obtenez le code html \u00e0 ins\u00e9rer dans votre service Web<\/strong><\/li><\/ul>\n\n\n\n

              La phase r\u00e9sultante dans Elfsight Apps consiste \u00e0 r\u00e9aliser le script de flux en cliquant sur le lien \u00abObtenir\u00bb pr\u00e8s du nom du plugin.<\/p>\n\n\n\n

              \u00c9tape 2 : Installation du flux Instagram sur votre site Web<\/h3>\n\n\n\n
              • Modifier le code HTML<\/strong><\/li><\/ul>\n\n\n\n

                Ouvrez l’\u00e9diteur et ajoutez le code du widget dans le bloc appropri\u00e9. Enregistrez les modifications et r\u00e9installez la page sur votre serveur.<\/p>\n\n\n\n

                \"\"<\/figure>\n\n\n\n
                • L’installation du widget sur un site Web HTML est termin\u00e9e!<\/li><\/ul>\n\n\n\n

                  Apr\u00e8s avoir mis \u00e0 jour la page sur le serveur, acc\u00e9dez au site Web et consultez le r\u00e9sultat de votre travail.<\/p>\n\n\n\n

                  \"\"<\/figure>\n\n\n\n

                  Comment est-il possible de corriger les param\u00e8tres du widget apr\u00e8s l’installation?<\/h3>\n\n\n\n

                  Vous avez la possibilit\u00e9 de modifier la configuration de l’application ou le profil social pr\u00e9sent\u00e9 dans votre compte sur Elfsight Apps. Apr\u00e8s avoir appliqu\u00e9 les am\u00e9liorations, elles seront automatiquement effectu\u00e9es dans votre flux Instagram.<\/p>\n\n\n\n

                  Meilleure galerie de flux Instagram pour site Web HTML<\/h2>\n\n\n\n

                  InstaShow est un outil d’image Instagram polyvalent. D\u00e9montrez des portefeuilles in\u00e9gal\u00e9s gr\u00e2ce \u00e0 notre flux. Impressionnez vos clients avec le flux de votre site.<\/p>\n\n\n\n

                  Pr\u00e9sentation des applications Elfsight<\/h2>\n\n\n\n

                  Il s’agit d’un service Web avec des solutions cloud qui vous aidera \u00e0 mettre \u00e0 jour votre page et \u00e0 rendre votre commerce \u00e9lectronique plus lucratif. Il suffit de deux \u00e9tapes pour configurer nos produits sur n’importe quelle ressource. Rendez votre page parfaite avec les applications Elfsight!<\/p>\n","protected":false},"excerpt":{"rendered":"Dans cet \u00e9ditorial, nous fournirons un manuel complet sur la fa\u00e7on d’installer l’application Instagram InstaShow sur un site Web HTML. Nous utiliserons un service cloud de premier ordre avec des applications pr\u00eates \u00e0 l’emploi pour les sites – Elfsight Apps.","protected":false},"author":12,"featured_media":0,"template":"","class_list":["post-4169","help_post","type-help_post","status-publish","hentry"],"yoast_head":"\nComment int\u00e9grer le widget de flux Instagram sur un site Web HTML<\/title>\n<meta name=\"description\" content=\"Comment int\u00e9grer le flux Instagram sur un site Web HTML. Guide d\u00e9taill\u00e9 sur l'installation d'un widget Instagram avec le service Elfsight.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment int\u00e9grer le widget de flux Instagram sur un site Web HTML\" \/>\n<meta property=\"og:description\" content=\"Comment int\u00e9grer le flux Instagram sur un site Web HTML. Guide d\u00e9taill\u00e9 sur l'installation d'un widget Instagram avec le service Elfsight.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-30T08:16:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh5.googleusercontent.com\/qcmjs2WvU59Ol4hxUNkG_aR-QWtSjubugvQ4noz5bID80QzZOQRRye4dE88IlM35TDrio30zOIlTqVLVB6Hnabah0gevDNTY61yzZQ6Krs38o95xcbZFtx-J3cSR_Lkf1z5-mOR3\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment int\u00e9grer le widget de flux Instagram sur un site Web HTML","description":"Comment int\u00e9grer le flux Instagram sur un site Web HTML. Guide d\u00e9taill\u00e9 sur l'installation d'un widget Instagram avec le service Elfsight.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment int\u00e9grer le widget de flux Instagram sur un site Web HTML","og_description":"Comment int\u00e9grer le flux Instagram sur un site Web HTML. Guide d\u00e9taill\u00e9 sur l'installation d'un widget Instagram avec le service Elfsight.","og_url":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/","og_site_name":"Elfsight FR","article_modified_time":"2021-11-30T08:16:36+00:00","og_image":[{"url":"https:\/\/lh5.googleusercontent.com\/qcmjs2WvU59Ol4hxUNkG_aR-QWtSjubugvQ4noz5bID80QzZOQRRye4dE88IlM35TDrio30zOIlTqVLVB6Hnabah0gevDNTY61yzZQ6Krs38o95xcbZFtx-J3cSR_Lkf1z5-mOR3","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/","url":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/","name":"Comment int\u00e9grer le widget de flux Instagram sur un site Web HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/#primaryimage"},"image":{"@id":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/#primaryimage"},"thumbnailUrl":"https:\/\/lh5.googleusercontent.com\/qcmjs2WvU59Ol4hxUNkG_aR-QWtSjubugvQ4noz5bID80QzZOQRRye4dE88IlM35TDrio30zOIlTqVLVB6Hnabah0gevDNTY61yzZQ6Krs38o95xcbZFtx-J3cSR_Lkf1z5-mOR3","datePublished":"2021-11-30T08:13:31+00:00","dateModified":"2021-11-30T08:16:36+00:00","description":"Comment int\u00e9grer le flux Instagram sur un site Web HTML. Guide d\u00e9taill\u00e9 sur l'installation d'un widget Instagram avec le service Elfsight.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/#primaryimage","url":"https:\/\/lh5.googleusercontent.com\/qcmjs2WvU59Ol4hxUNkG_aR-QWtSjubugvQ4noz5bID80QzZOQRRye4dE88IlM35TDrio30zOIlTqVLVB6Hnabah0gevDNTY61yzZQ6Krs38o95xcbZFtx-J3cSR_Lkf1z5-mOR3","contentUrl":"https:\/\/lh5.googleusercontent.com\/qcmjs2WvU59Ol4hxUNkG_aR-QWtSjubugvQ4noz5bID80QzZOQRRye4dE88IlM35TDrio30zOIlTqVLVB6Hnabah0gevDNTY61yzZQ6Krs38o95xcbZFtx-J3cSR_Lkf1z5-mOR3"},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/tutorials\/how-to-embed-instagram-feed-widget-on-html-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Comment int\u00e9grer le widget de flux Instagram sur un site Web HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/fr\/#website","url":"https:\/\/elfsight.com\/fr\/","name":"Elfsight FR","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"meta_box":{"short_title":"","categories":[],"help_application_preview":"718","help_application_preview_title":"Obtenez le flux Instagram iFrame d\u00e8s maintenant!","help_application_preview_text":"Essayez votre flux Instagram pour le site Web \u00e0 l'aide de l'\u00e9diteur Elfsight rapide et gratuit.","video_schema_markup":"","how_to_schema_markup":"","order":"50"},"_links":{"self":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/help_post\/4169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/help_post"}],"about":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/types\/help_post"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/help_post\/4169\/revisions"}],"predecessor-version":[{"id":4235,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/help_post\/4169\/revisions\/4235"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=4169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}