{"id":2148,"date":"2020-08-04T09:36:56","date_gmt":"2020-08-04T09:36:56","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=2148"},"modified":"2021-07-21T06:55:29","modified_gmt":"2021-07-21T06:55:29","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/file-embed-widget\/examples\/","title":{"rendered":"File Embed &#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\">Beispiel 1: PDF Datei<\/h3><div class=\"application-examples-item-description\">In der Vollansicht wird ein attraktives Rezept-PDF in die Seite eingef\u00fcgt. Benutzer k\u00f6nnen es weiterhin auf der Website lesen und bei Bedarf mithilfe des \u201eDownload-Labels\u201c in der rechten oberen Ecke herunterladen. Das Layout \u201eDateivorschau\u201c erm\u00f6glicht auch das Scrollen und Zoomen.<\/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=380d8cd9-dc57-46b2-802a-7d43af68206f&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\">Beispiel 2: Word-Datei<\/h3><div class=\"application-examples-item-description\">Teilen Sie mit unserem Widget erweiterte mehrseitige Dokumente und lassen Sie Benutzer sie bis zum Ende direkt auf Ihrer Webseite anzeigen. Auch die Bildlauf- und Zoomoptionen funktionieren dort bequem. Ein Klick auf das Popup-Symbol in der rechten oberen Ecke \u00f6ffnet das Dokument in einer neuen Browser-Registerkarte.<\/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=00afd6f1-9c0d-4c42-bb13-d57d7a5149b9&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\">Beispiel 3: Excel-Tabelle<\/h3><div class=\"application-examples-item-description\">In diesem Beispiel dient das Widget dazu, eine Excel-Datei in eine Website-Seite zu integrieren. Mit dem File Viewer-Layout k\u00f6nnen Benutzer das Dokument bis zum Ende direkt auf der Website \u00fcberpr\u00fcfen. Das Widget speichert alle Originaldokumentfunktionen, daher befinden sich Excel-Tabellen hier im Albumlayout.<\/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=f5101d81-b869-4061-8575-b780747d56f7&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\">Beispiel 4: PowerPoint Pr\u00e4sentation<\/h3><div class=\"application-examples-item-description\">Sie k\u00f6nnen den Inhalt Ihrer Website aufhellen und PowerPoint-Pr\u00e4sentationen anzeigen. Wie Sie hier sehen k\u00f6nnen, wird das Dokument mit allen Bildern und Diagrammen in voller Ansicht angezeigt und erm\u00f6glicht das Scrollen, Zoomen und Paginieren. Benutzer k\u00f6nnen die Datei auch herunterladen, indem sie auf das Download-Etikett klicken.<\/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=b649977d-d948-4ea8-a3fa-5818c32538a9&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\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\">Beispiel 5: Speisekarte<\/h3><div class=\"application-examples-item-description\">Dieses Beispiel zeigt die Dokumente, die durch benutzerdefinierte Symbole dargestellt werden, die den Inhalt widerspiegeln und mit dem Website-Konzept \u00fcbereinstimmen. Das Widget hat dank der benutzerdefinierten Hintergrundfarbe jeder Dokumentkachel eine ausreichende Inhaltseinheit gebildet. Kacheln k\u00f6nnen angeklickt und beim Klicken in einer neuen Browser-Registerkarte ge\u00f6ffnet werden.<\/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=87fed6a0-830e-4acf-a413-547409e78eca&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\">Beispiel 6: Produkthandb\u00fccher<\/h3><div class=\"application-examples-item-description\">Erstellen Sie eine Dokumentensammlung, um Kunden alle erforderlichen Informationen zu Ihren Produkten bereitzustellen. Themensymbole unterscheiden die Produkte optisch und erleichtern die Navigation. Das Raster verf\u00fcgt \u00fcber eine automatische Spaltenverteilung. Dies bedeutet, dass die Anzahl der Spalten basierend auf der verf\u00fcgbaren Breite automatisch festgelegt wird.<\/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=bb097e0b-258f-48cf-9067-a7b8a8cda629&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\">Beispiel 7: Buchbibliothek<\/h3><div class=\"application-examples-item-description\">Hier wird das Design des Widgets komplett ver\u00e4ndert, um eine auff\u00e4llige Inhaltseinheit zu erstellen, die zur Website passt. Der Widget-Hintergrund sowie die Dateinamen und Links sind auf einzigartige Weise farbig. Buchumschl\u00e4ge dienen als Dokumentsymbole, und das Widget hat eine benutzerdefinierte Breite.<\/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=0fe4c5dc-9aa6-4115-a51b-d42e89ad8846&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n \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\">Beispiel 8: Zeitschriftenarchiv<\/h3><div class=\"application-examples-item-description\">Mit dem Elfsight-Widget k\u00f6nnen Sie ein Archiv von Dokumenten ver\u00f6ffentlichen und die Navigation vereinfachen. In diesem Beispiel zeigen die Namen der Zeitschriftenausgaben das Ver\u00f6ffentlichungsdatum f\u00fcr eine schnellere Suche an. Unter jeder Datei befindet sich eine Schaltfl\u00e4che zum Herunterladen.<\/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=222d607c-174c-45a0-9e69-3170c9da8727&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\">Beispiel 9: Downloads<\/h3><div class=\"application-examples-item-description\">Wenn Sie Dateien auf saubere und moderate Weise in die Site integrieren m\u00fcssen, hilft Ihnen das Widget auch dabei. In diesem Beispiel sehen Sie eine minimalistische und saubere Liste mit nichts Besonderem, aber einem benutzerdefinierten Header und Dateinamen mit Erweiterungen.<\/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=0bf1bf9d-1f29-4cdf-9be1-9cb0c8c8fdc6&padding=28px+40px+40px\" 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":2146,"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>File Embed Plugin f\u00fcr Ihre Website (kostenlos und schnell)<\/title>\n<meta name=\"description\" content=\"Integrieren Sie Ihr bestes File Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Datei Plugins von 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\/de\/file-embed-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"File Embed Plugin f\u00fcr Ihre Website (kostenlos und schnell)\" \/>\n<meta property=\"og:description\" content=\"Integrieren Sie Ihr bestes File Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Datei Plugins von Elfsight.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/file-embed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-21T06:55:29+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=\"3 Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"File Embed Plugin f\u00fcr Ihre Website (kostenlos und schnell)","description":"Integrieren Sie Ihr bestes File Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Datei Plugins von 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\/de\/file-embed-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"File Embed Plugin f\u00fcr Ihre Website (kostenlos und schnell)","og_description":"Integrieren Sie Ihr bestes File Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Datei Plugins von Elfsight.","og_url":"https:\/\/elfsight.com\/de\/file-embed-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2021-07-21T06:55:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/file-embed-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/file-embed-widget\/examples\/","name":"File Embed Plugin f\u00fcr Ihre Website (kostenlos und schnell)","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-08-04T09:36:56+00:00","dateModified":"2021-07-21T06:55:29+00:00","description":"Integrieren Sie Ihr bestes File Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Datei Plugins von Elfsight.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/file-embed-widget\/examples\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/file-embed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/file-embed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"File Embed","item":"https:\/\/elfsight.com\/de\/file-embed-widget\/"},{"@type":"ListItem","position":3,"name":"File Embed &#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":"required name=search_term_string"}],"inLanguage":"de-DE"}]}},"meta_box":{"h1":"Beispiele f\u00fcr das File Embed Widget auf Ihre Seite","h1_caption":"","category":[],"widget_request_title":"","widget_request_cta":"","application":"485","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\/de\/wp-json\/wp\/v2\/pages\/2148"}],"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=2148"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2148\/revisions"}],"predecessor-version":[{"id":4354,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2148\/revisions\/4354"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2146"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=2148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}