{"id":2116,"date":"2020-08-03T08:50:43","date_gmt":"2020-08-03T08:50:43","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=2116"},"modified":"2020-10-21T15:27:46","modified_gmt":"2020-10-21T15:27:46","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/pdf-embed-widget\/examples\/","title":{"rendered":"PDF 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: Embed PDF File<\/h3><div class=\"application-examples-item-description\">Sehen Sie, wie Sie Ihre Dokumente in voller Ansicht einfach in die Seiten Ihrer Site einf\u00fcgen k\u00f6nnen. Es ist ganz einfach, das Dokument direkt auf der Seite anzuzeigen, und es kann bei Bedarf auch \u00fcber das Download-Etikett in der rechten oberen Ecke heruntergeladen werden. Das File Viewer-Layout 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=4da25300-1e51-4761-8647-f32c28ddf0d5&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: Speisekarte<\/h3><div class=\"application-examples-item-description\">In diesem Beispiel werden die Dokumente mit benutzerdefinierten Symbolen angeh\u00e4ngt, die den Inhalt darstellen und den Stil der Website widerspiegeln. Das Widget sieht dank der Hintergrundfarbe der Kacheln als absolut integrale Inhaltseinheit aus. Kacheln sind vollst\u00e4ndig anklickbar und Benutzer k\u00f6nnen das Men\u00fc in neuen Browser-Registerkarten studieren.<\/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=018700ae-4dd7-4113-8093-dc38be5d62ab&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: Produkthandb\u00fccher<\/h3><div class=\"application-examples-item-description\">Erstellen Sie ein Raster eingebetteter Dokumente, um Kunden unterst\u00fctzende Produktinformationen bereitzustellen. Das Hinzuf\u00fcgen von Themensymbolen erleichtert die Navigation zwischen den Dokumenten. Das Raster verf\u00fcgt \u00fcber eine automatische Spaltenverteilung, die die Dokumente basierend auf dem verf\u00fcgbaren Platz auf der Seite in Spalten aufteilt.<\/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=592be21d-702d-4f40-8282-94fa2bbc667e&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: Forschungsprojekt<\/h3><div class=\"application-examples-item-description\">Es gibt eine einfache M\u00f6glichkeit, lange mehrseitige Dokumente freizugeben, damit Benutzer sie lesen und auf Ihrer Website bleiben k\u00f6nnen. Sie k\u00f6nnen sehen, dass das Dokument gescrollt werden kann und die Paginierungsoption auch hier ist. Die Kopfzeile dient zur Bekanntgabe des Namens des Dokuments. Ein Popout-Symbol in der rechten oberen Ecke erm\u00f6glicht das \u00d6ffnen des Dokuments in einer neuen 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=8ce2b818-0a88-473a-b3ec-4a0455799921&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 5: Sammlung der B\u00fccher<\/h3><div class=\"application-examples-item-description\">Hier k\u00f6nnen Sie sehen, wie das Widget stilistisch vollst\u00e4ndig ver\u00e4ndert werden kann, um eine konsistente Inhaltseinheit im Gleichgewicht mit der Website zu erstellen. \u00c4ndern Sie die Hintergrundfarbe des Widgets, die Textfarbe in Dateinamen und Links, laden Sie Dokumentbilder hoch, stellen Sie Ihre eigene Widgetbreite ein - und Sie erhalten ein benutzerdefiniertes Design, das kein Benutzer \u00fcbersehen kann.<\/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=7084cc32-7484-4a82-8523-e221bc5d0388&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 6: Zeitschriftenarchiv<\/h3><div class=\"application-examples-item-description\">Ordnen Sie das Magazinarchiv so an, dass es bequem zu bedienen ist. Jede Zeitschriftenausgabe wird mit dem Namen hochgeladen, der das Jahr und den Monat der Ver\u00f6ffentlichung angibt, damit Sie leicht die richtige Ausgabe finden. Die Kopfzeile des Widgets enth\u00e4lt ebenfalls einen benutzerdefinierten Text. Sie k\u00f6nnen eine beliebige Anzahl von Dateien hochladen, und Benutzer k\u00f6nnen sie in einem neuen Tab \u00f6ffnen.<\/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=29db85a3-f1bf-45df-ae8c-574c4fd4c72d&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: Downloads<\/h3><div class=\"application-examples-item-description\">Wenn Sie mit Ihren Dateien keine separate Inhaltseinheit erstellen m\u00f6chten, eignet sich das Widget zum Erstellen einer einfachen minimalistischen Liste. Es sieht maximal sauber aus und lenkt die Aufmerksamkeit nicht von anderen Inhalten ab. Nur Dateinamen mit den Erweiterungen, damit Benutzer das Dateiformat sehen k\u00f6nnen. Sogar das Download-Etikett wird entfernt, um ein m\u00f6glichst sauberes Erscheinungsbild zu erzielen.\n<\/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=793ccad6-4698-4b3a-ba1e-fc87263241ca&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: J\u00e4hrliche Gesch\u00e4ftsberichte<\/h3><div class=\"application-examples-item-description\">In diesem Anwendungsfall hat das Widget die Aufgabe, eine einfache Sammlung von Dateien zu erstellen, die Benutzer herunterladen k\u00f6nnen. Die Dateien werden durch Kacheln dargestellt, die jeweils ein PDF-Symbol, eines von sechs vordefinierten Stilen, und einen benutzerdefinierten Namen enthalten. Die Hintergrundfarbe der Kacheln wird ge\u00e4ndert und der gesamte Kachelbereich kann angeklickt 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=f501f343-8d41-4444-9551-4c9ee74f9d49&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":2114,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-2116","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>PDF Plugin f\u00fcr Ihre Website (kostenlos und schnell)<\/title>\n<meta name=\"description\" content=\"Integrieren Sie Ihr bestes PDF Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen PDF 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\/pdf-embed-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PDF Plugin f\u00fcr Ihre Website (kostenlos und schnell)\" \/>\n<meta property=\"og:description\" content=\"Integrieren Sie Ihr bestes PDF Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen PDF Plugins von Elfsight.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/pdf-embed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-21T15:27:46+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\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PDF Plugin f\u00fcr Ihre Website (kostenlos und schnell)","description":"Integrieren Sie Ihr bestes PDF Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen PDF 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\/pdf-embed-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"PDF Plugin f\u00fcr Ihre Website (kostenlos und schnell)","og_description":"Integrieren Sie Ihr bestes PDF Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen PDF Plugins von Elfsight.","og_url":"https:\/\/elfsight.com\/de\/pdf-embed-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2020-10-21T15:27:46+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/pdf-embed-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/pdf-embed-widget\/examples\/","name":"PDF Plugin f\u00fcr Ihre Website (kostenlos und schnell)","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-08-03T08:50:43+00:00","dateModified":"2020-10-21T15:27:46+00:00","description":"Integrieren Sie Ihr bestes PDF Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen PDF Plugins von Elfsight.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/pdf-embed-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/pdf-embed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/pdf-embed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"PDF Embed","item":"https:\/\/elfsight.com\/de\/pdf-embed-widget\/"},{"@type":"ListItem","position":3,"name":"PDF 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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"484","h1":"Beispiele f\u00fcr das PDF Widget auf Ihre Seite","h1_caption":"Sehen Sie alle Beispiele f\u00fcr PDF Widget, um das volle Potenzial des Widgets zu erkennen.","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\/2116","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=2116"}],"version-history":[{"count":6,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2116\/revisions"}],"predecessor-version":[{"id":2136,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2116\/revisions\/2136"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2114"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=2116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}