{"id":735,"date":"2020-06-19T17:40:35","date_gmt":"2020-06-19T17:40:35","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=735"},"modified":"2020-10-09T13:28:12","modified_gmt":"2020-10-09T13:28:12","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/instagram-feed-instashow\/examples\/","title":{"rendered":"Instagram Feed &#8211; Examples"},"content":{"rendered":"\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 1: Slider mod\u00e8le<\/h3><div class=\"application-examples-item-description\">Une variante classique et la plus populaire du flux. Publier des photos sans aucun d\u00e9tail suppl\u00e9mentaire est organis\u00e9 dans un curseur pratique qui sous forme de fl\u00e8ches pour afficher plus de photos ou reculer. Chaque message peut \u00eatre consult\u00e9 en taille r\u00e9elle dans une fen\u00eatre contextuelle qui affiche \u00e9galement la description, les commentaires, les likes, lit les vid\u00e9os et permet le d\u00e9filement.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=accdb7a2-fd4c-42ae-911f-b8620721f115\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 2: Grid mod\u00e8le<\/h3><div class=\"application-examples-item-description\">Une collection de photos dans une grille personnalisable. Il a un bouton \u00abCharger plus\u00bb pour r\u00e9v\u00e9ler plus de publications sur la page et vous pouvez d\u00e9finir vos propres param\u00e8tres de grille. Choisissez le nombre de colonnes et de rang\u00e9es, faites varier l'espace de la goutti\u00e8re - ajustez-le facilement comme vous le souhaitez.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=75b438b5-5f6e-42fa-97f7-929f1cbec464\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/fr\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Commencez par cr\u00e9er votre widget\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Commencez par cr\u00e9er votre widget<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Vite. Facile. Pas de codage.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Cr\u00e9er un widget<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 3: Hashtag show mod\u00e8le<\/h3><div class=\"application-examples-item-description\">Voici une variante parfaite pour ceux qui ont besoin de cr\u00e9er une s\u00e9lection de photos avec un hashtag sp\u00e9cifique. Les messages sont affich\u00e9s sous forme de curseur, chacun avec des informations d\u00e9taill\u00e9es, nom d'utilisateur, balises et bouton Partager. Le hashtag n'est qu'un des types de sources disponibles - affichez \u00e9galement les publications par nom d'utilisateur et URL et appliquez des filtres pour exclure ou restreindre.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=d99f3045-6e26-456e-8856-dafa8687c6e9\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 4: Collage mod\u00e8le<\/h3><div class=\"application-examples-item-description\">Restez cr\u00e9atif et rendez votre flux vraiment impressionnant en transformant votre photo en un collage fascinant! Attirez l'attention avec votre contenu unique! Vous pouvez \u00e9galement choisir l'un de nos 12 jeux de couleurs ou peindre 11 \u00e9l\u00e9ments dans des couleurs personnalis\u00e9es.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=403d92dc-9ca2-4b3c-aefc-18f615a7f043&padding=28px+0+28px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/fr\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Commencez par cr\u00e9er votre widget\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Commencez par cr\u00e9er votre widget<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Vite. Facile. Pas de codage.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Cr\u00e9er un widget<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 5: Post slider mod\u00e8le<\/h3><div class=\"application-examples-item-description\">Vous avez la possibilit\u00e9 de cr\u00e9er un curseur qui affichera une photo \u00e0 la fois. Con\u00e7u sp\u00e9cialement pour montrer les images une par une, ce mod\u00e8le captera l'attention du spectateur sur la photo elle-m\u00eame. Il peut \u00e9galement \u00eatre tr\u00e8s utile si vous souhaitez \u00e9conomiser de l'espace et cr\u00e9er un widget compact, il s'adapte parfaitement \u00e0 n'importe quel endroit de la page.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=7816d855-a1f8-4f68-a0a9-ba7f6ab77edd&padding=28px+0+28px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 6: Single post mod\u00e8le<\/h3><div class=\"application-examples-item-description\">Lorsqu'il est n\u00e9cessaire d'afficher un seul message sur une page, la mise en page d'un seul message est l\u00e0 pour cela. Vous pouvez le placer sur n'importe quelle unit\u00e9 de contenu de la page, par exemple pour accompagner un article ou votre offre. Afficher le message dans tous les d\u00e9tails et avec le bouton Partager et compter. Une fen\u00eatre contextuelle r\u00e9v\u00e8le un appel \u00e0 l'action, que vous pouvez utiliser pour diriger les spectateurs, par exemple, pour acheter une page.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=adfb8055-5727-4a31-864f-1f8fad1f2a5b&padding=28px+0+28px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":725,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Exemples de Instagram Feed: int\u00e9grez le widget sur le site Web (6 exemples)<\/title>\n<meta name=\"description\" content=\"Exemples de mod\u00e8les de Instagram Feed du TOP 6 du site Web: curseur, grille, hashtag, collage, post slider et single post.\" \/>\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\/instagram-feed-instashow\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exemples de Instagram Feed: int\u00e9grez le widget sur le site Web (6 exemples)\" \/>\n<meta property=\"og:description\" content=\"Exemples de mod\u00e8les de Instagram Feed du TOP 6 du site Web: curseur, grille, hashtag, collage, post slider et single post.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/instagram-feed-instashow\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-09T13:28:12+00:00\" \/>\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=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Exemples de Instagram Feed: int\u00e9grez le widget sur le site Web (6 exemples)","description":"Exemples de mod\u00e8les de Instagram Feed du TOP 6 du site Web: curseur, grille, hashtag, collage, post slider et single post.","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\/instagram-feed-instashow\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Exemples de Instagram Feed: int\u00e9grez le widget sur le site Web (6 exemples)","og_description":"Exemples de mod\u00e8les de Instagram Feed du TOP 6 du site Web: curseur, grille, hashtag, collage, post slider et single post.","og_url":"https:\/\/elfsight.com\/fr\/instagram-feed-instashow\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-10-09T13:28:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/instagram-feed-instashow\/examples\/","url":"https:\/\/elfsight.com\/fr\/instagram-feed-instashow\/examples\/","name":"Exemples de Instagram Feed: int\u00e9grez le widget sur le site Web (6 exemples)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-06-19T17:40:35+00:00","dateModified":"2020-10-09T13:28:12+00:00","description":"Exemples de mod\u00e8les de Instagram Feed du TOP 6 du site Web: curseur, grille, hashtag, collage, post slider et single post.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/instagram-feed-instashow\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/instagram-feed-instashow\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/instagram-feed-instashow\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Instagram Feed","item":"https:\/\/elfsight.com\/fr\/instagram-feed-instashow\/"},{"@type":"ListItem","position":3,"name":"Instagram Feed &#8211; Examples"}]},{"@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":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}},"meta_box":{"h1":"","h1_caption":"","category":[],"widget_request_title":"","widget_request_cta":"","application":"718","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_image":[],"hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","demo_title":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"applications_use_base_links":"","video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/735"}],"collection":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/735\/revisions"}],"predecessor-version":[{"id":3064,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/735\/revisions\/3064"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/725"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}