{"id":48,"date":"2020-01-28T11:08:59","date_gmt":"2020-01-28T11:08:59","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=48"},"modified":"2024-07-16T12:43:17","modified_gmt":"2024-07-16T12:43:17","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/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\">Example 1: Slider<\/h3><div class=\"application-examples-item-description\">Eine klassische und popul\u00e4rste Variante des Instagram-Feeds. Die Fotos werden ohne zus\u00e4tzliche Details in einem praktischen Schieberegler angeordnet ist. Sie k\u00f6nnen Pfeile verwenden, um mehr Bilder zu sehen oder sich zur\u00fcck zu bewegen. Jeder Beitrag kann in voller Gr\u00f6\u00dfe in Popup angezeigt werden. Es zeigt auch Beschreibungen, Kommentare, Likes, spielt Videos ab und erm\u00f6glicht das Scrollen.<\/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\">Example 2: Grid<\/h3><div class=\"application-examples-item-description\">Ordnen Sie Ihre Fotosammlung in einem anpassbaren Raster an. Die Schaltfl\u00e4che \u201cMehr laden\u201d zeigt mehr Posts auf der Seite an. Sie k\u00f6nnen Ihre eigenen Raster Parameter einstellen. W\u00e4hlen Sie die Anzahl der Spalten und Zeilen und variieren Sie den Abstand zwischen ihnen. Erstelle dein eigenes Grid.<\/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\/de\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Beginnen Sie mit der Erstellung Ihres Widgets\">\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\">Beginnen Sie mit der Erstellung Ihres Widgets<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Schnell. Einfach. Keine Codierung.<\/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\">Widget erstellen<\/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\">Example 3: Hashtag-Show<\/h3><div class=\"application-examples-item-description\">M\u00f6chten Sie eine Fotosammlung mit einem speziellen Hashtag erstellen? Es ist die perfekte Variante f\u00fcr Sie. Der Slider zeigt Fotos mit detaillierten Informationen, Benutzernamen, Tags und Button \u201cTeilen\u201d. Wenn Sie keine Hashtags als Quellen verwenden m\u00f6chten, verwenden Sie dazu URLs oder Benutzernamen.<\/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\">Example 4: Collage<\/h3><div class=\"application-examples-item-description\">Bleiben Sie kreativ und machen Sie Ihren Feed mit einer faszinierenden Collage Ihrer Fotos wirklich beeindruckend! Auffallen mit Ihrem einzigartigen Inhalt! Sie k\u00f6nnen auch eines unserer 12 Farbschemata ausw\u00e4hlen oder 11 Elemente in benutzerdefinierten Farben malen.<\/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\/de\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Beginnen Sie mit der Erstellung Ihres Widgets\">\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\">Beginnen Sie mit der Erstellung Ihres Widgets<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Schnell. Einfach. Keine Codierung.<\/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\">Widget erstellen<\/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\">Example 5: Beitrag-Slider<\/h3><div class=\"application-examples-item-description\">Der Schieberegler zeigt jeweils ein Foto an. Diese Vorlage zeigt Bilder nacheinander an und lenkt die Aufmerksamkeit des Betrachters auf das Foto.Es kann auch sehr n\u00fctzlich sein, wenn Sie wollen um Platz zu sparen und ein kompaktes Widget erstellen, ist es sch\u00f6n in jeden Ort der Seite passen.<\/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\">Example 6: Beitrag<\/h3><\/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:\/\/widget.elfsig.ht\/f5ed94fd-e0fe-4e75-8d36-bb64e228af3b?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":11,"featured_media":0,"parent":29,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Beispiele f\u00fcr Instagram-Feeds: Instagram-Widget in Website einbetten<\/title>\n<meta name=\"description\" content=\"TOP 6 Website Instagram-Feed Vorlage Beispiele: Slider, Grid, Hashtag-Show, Collage, Post-Slider und Post. Einfache Instagram-Plugin f\u00fcr Ihre Website.\" \/>\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\/de\/instagram-feed-instashow\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beispiele f\u00fcr Instagram-Feeds: Instagram-Widget in Website einbetten\" \/>\n<meta property=\"og:description\" content=\"TOP 6 Website Instagram-Feed Vorlage Beispiele: Slider, Grid, Hashtag-Show, Collage, Post-Slider und Post. Einfache Instagram-Plugin f\u00fcr Ihre Website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/instagram-feed-instashow\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-16T12:43:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beispiele f\u00fcr Instagram-Feeds: Instagram-Widget in Website einbetten","description":"TOP 6 Website Instagram-Feed Vorlage Beispiele: Slider, Grid, Hashtag-Show, Collage, Post-Slider und Post. Einfache Instagram-Plugin f\u00fcr Ihre Website.","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\/de\/instagram-feed-instashow\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"Beispiele f\u00fcr Instagram-Feeds: Instagram-Widget in Website einbetten","og_description":"TOP 6 Website Instagram-Feed Vorlage Beispiele: Slider, Grid, Hashtag-Show, Collage, Post-Slider und Post. Einfache Instagram-Plugin f\u00fcr Ihre Website.","og_url":"https:\/\/elfsight.com\/de\/instagram-feed-instashow\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2024-07-16T12:43:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/instagram-feed-instashow\/examples\/","url":"https:\/\/elfsight.com\/de\/instagram-feed-instashow\/examples\/","name":"Beispiele f\u00fcr Instagram-Feeds: Instagram-Widget in Website einbetten","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-01-28T11:08:59+00:00","dateModified":"2024-07-16T12:43:17+00:00","description":"TOP 6 Website Instagram-Feed Vorlage Beispiele: Slider, Grid, Hashtag-Show, Collage, Post-Slider und Post. Einfache Instagram-Plugin f\u00fcr Ihre Website.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/instagram-feed-instashow\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/instagram-feed-instashow\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/instagram-feed-instashow\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Instagram Feed","item":"https:\/\/elfsight.com\/de\/instagram-feed-instashow\/"},{"@type":"ListItem","position":3,"name":"Instagram Feed &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/de\/#website","url":"https:\/\/elfsight.com\/de\/","name":"Elfsight DE","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"14","h1":"Instagram Feed Widget","h1_caption":"","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","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":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","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":[],"video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","hide_more_platforms":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":"","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":22327,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/48\/revisions\/22327"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/29"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}