{"id":314,"date":"2026-06-23T19:14:43","date_gmt":"2026-06-23T19:14:43","guid":{"rendered":"https:\/\/documentlibrary.pro\/docs\/document-preview\/"},"modified":"2026-09-15T09:25:36","modified_gmt":"2026-09-15T09:25:36","slug":"document-preview","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/de\/docs\/document-preview\/","title":{"rendered":"Dokumentenvorschau"},"content":{"rendered":"<p>Document Library Pro l\u00e4sst Besucher eine Datei ansehen, bevor sie sie herunterladen, oder statt sie \u00fcberhaupt herunterzuladen. Neben dem Download-Link erscheint f\u00fcr jedes unterst\u00fctzte Dokument ein Vorschau-Button oder Symbol. Ein Klick darauf \u00f6ffnet die Datei direkt auf der Seite in einer Popup-Lightbox.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/download-link-style-preview-settings.jpg\" alt=\"Aktivieren des Vorschau-Buttons in den Bibliothekseinstellungen\"\/><\/p>\n<p>Wenn du den Download-Link deaktiviert hast, erscheint die Vorschauoption allein. Das ist praktisch, wenn du m\u00f6chtest, dass Besucher eine Datei online lesen, ohne eine Kopie zu speichern.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/document-preview-lightbox.jpg\" alt=\"Dokumentvorschau-Lightbox, die \u00fcber den Vorschau-Button ge\u00f6ffnet wurde\"\/><\/p>\n<h2 id=\"turning-previews-on\">Vorschauen aktivieren<\/h2>\n<p>Vorschauen sind standardm\u00e4\u00dfig deaktiviert. Um sie zu aktivieren, gehe zu Einstellungen &rarr; Anzeige und schalte <strong>Vorschau aktivieren?<\/strong> im Abschnitt Vorschau-Schaltfl\u00e4che ein. Dort kannst du auch festlegen, wie das Vorschau-Steuerelement aussieht und welchen Text es zeigt.<\/p>\n<h3 id=\"preview-only-mode\">Nur-Vorschau-Modus (kein Download-Link)<\/h3>\n<p>Du kannst Besuchern erlauben, Dokumente online anzusehen, ohne ihnen einen Download anzubieten. Aktiviere dazu die Vorschau und deaktiviere den Dokumentlink im Tab Anzeige deiner Einstellungen. Die Vorschau-Schaltfl\u00e4che erscheint dann allein, ohne Download-Link daneben.<\/p>\n<h3 id=\"preview-style\">Vorschaustil<\/h3>\n<p>W\u00e4hle, wie das Vorschau-Element angezeigt wird:<\/p>\n<ul>\n<li><strong>Button mit Text:<\/strong> ein Button mit deinem Vorschautext.<\/li>\n<li><strong>Button mit Symbol und Text:<\/strong> ein Button mit dem Vorschautext plus Lupensymbol.<\/li>\n<li><strong>Button mit Symbol (Standard):<\/strong> ein Button, der nur ein Lupensymbol enth\u00e4lt.<\/li>\n<li><strong>Nur Symbol:<\/strong> eine einzelne Lupe, nicht in einem Button.<\/li>\n<li><strong>Textlink:<\/strong> ein einfacher Textlink.<\/li>\n<\/ul>\n<h3 id=\"preview-text\">Vorschautext<\/h3>\n<p>Wenn du einen Button- oder Textstil ausw\u00e4hlst, kannst du den angezeigten Wortlaut festlegen. Standard ist &#8220;Vorschau&#8221;. Du kannst ihn beliebig \u00e4ndern, zum Beispiel in &#8220;Dokument online ansehen&#8221;.<\/p>\n<h2 id=\"supported-file-types\">Welche Dateitypen unterst\u00fctzt werden<\/h2>\n<p>Die Vorschauoption ist nur f\u00fcr diese Dateitypen verf\u00fcgbar:<\/p>\n<ul>\n<li>PDF (pdf**)<\/li>\n<li>Bilder (jpeg, gif, png, webp, svg)<\/li>\n<li>Videos (mp4, ogg*)<\/li>\n<li>Audio (mp3, mp4, mpeg, ogg*, aac*, aacp*, flac*)<\/li>\n<li>Microsoft Word (doc, docx***)<\/li>\n<li>Microsoft Excel (xls, xlsx***)<\/li>\n<li>Microsoft PowerPoint (ppt, pptx***)<\/li>\n<\/ul>\n<p>F\u00fcr nicht unterst\u00fctzte Dateitypen erscheint keine Vorschauoption in der Dokumentliste.<\/p>\n<p><em>* Diese ben\u00f6tigen in bestimmten Browsern eventuell ein Browser-Plugin.<br \/>\n** Android und Firefox unter macOS (Sequoia) erlauben keine Vorschauen und erfordern, dass die Datei heruntergeladen wird.<br \/>\n*** Bereitgestellt durch den Microsoft Office 365 Online Viewer, siehe unten.<\/em><\/p>\n<h3 id=\"word-excel-and-powerpoint-previews\">Vorschauen f\u00fcr Word, Excel und PowerPoint<\/h3>\n<p>Vorschauen von Word-, Excel- und PowerPoint-Dateien werden vom Microsoft Office 365 Online Viewer bereitgestellt. Er sieht genauso aus wie der Viewer f\u00fcr andere Dateitypen, aber es gibt ein paar Dinge zu beachten:<\/p>\n<ul>\n<li><strong>Datenschutz:<\/strong> damit die Vorschau funktioniert, wird das Dokument vor\u00fcbergehend zur Anzeige auf die Server von Microsoft hochgeladen. Wenn du Bedenken wegen der DSGVO hast, solltest du dies in deiner Datenschutz- und Cookie-Richtlinie erw\u00e4hnen und Ma\u00dfnahmen wie einen Cookie-Hinweis hinzuf\u00fcgen, um die Einwilligung deiner Besucher einzuholen.<\/li>\n<li><strong>Maximale Dateigr\u00f6\u00dfe:<\/strong> der Office 365 Online Viewer hat eine Gr\u00f6\u00dfenbegrenzung von 25 MB f\u00fcr Excel, 100 MB f\u00fcr Word und 300 MB f\u00fcr PowerPoint. Das Vorschau-Symbol wird f\u00fcr Dateien ausgeblendet, die diese Grenzen \u00fcberschreiten, sodass eine Vorschau f\u00fcr deine Besucher nie defekt wirkt.<\/li>\n<\/ul>\n<h3 id=\"previews-for-externally-hosted-files\">Vorschauen f\u00fcr extern gehostete Dateien<\/h3>\n<p>Du kannst Dateien in der Vorschau anzeigen, die du in deine Bibliothek hochgeladen oder per URL hinzugef\u00fcgt hast.<\/p>\n<p>Der Dateityp wird am Ende der Webadresse erkannt. Die Adresse muss mit dem Dateinamen enden, zum Beispiel .pdf oder .docx. Wenn am Ende kein Dateityp steht, erscheint keine Vorschau-Schaltfl\u00e4che. Das Dokument wird weiterhin wie gewohnt heruntergeladen oder ge\u00f6ffnet.<\/p>\n<p>Dropbox-Freigabelinks funktionieren, weil der Dateiname in der Adresse enthalten bleibt. F\u00fcr auf Dropbox gespeicherte Dateien solltest du eines dieser URL-Formate verwenden:<\/p>\n<ul>\n<li><em>https:\/\/dropbox.com\/&lt;rest_of_url&gt; or www.dropbox.com\/&lt;rest_of_url&gt;<\/em>, die die Datei in der Dropbox Web-App \u00f6ffnen.<\/li>\n<li><em>https:\/\/dl.dropbox.com\/&lt;rest_of_url&gt; or dl.dropboxusercontent.com\/&lt;rest_of_url&gt;<\/em>, die direkte Links zur Datei sind.<\/li>\n<\/ul>\n<p>Bei diesen Linktypen erscheint keine Vorschau-Schaltfl\u00e4che, weil sie auf eine Anzeigeseite statt auf die Datei verweisen:<\/p>\n<ul>\n<li>Google Drive-Freigabelinks, <em>drive.google.com\/file\/d\/FILE_ID\/view<\/em><\/li>\n<li>Google Drive-Download-Links, <em>drive.google.com\/uc?export=download&amp;id=FILE_ID<\/em><\/li>\n<li>OneDrive-Freigabelinks<\/li>\n<li>SharePoint-Freigabelinks<\/li>\n<\/ul>\n<p>Dasselbe gilt f\u00fcr jeden anderen Dienst, dessen Freigabelink eine Seite statt der Datei \u00f6ffnet. Verwende einen Link, der mit dem Dateinamen endet, sofern der Dienst einen solchen Link anbietet. Alternativ kannst du die Datei in deine Bibliothek hochladen, statt sie zu verlinken.<\/p>\n<p>Extern gehostete Dateien m\u00fcssen f\u00fcr alle Personen mit der Adresse erreichbar sein und d\u00fcrfen keine Anmeldung verlangen. Der Hosting-Dienst muss au\u00dferdem zulassen, dass die Datei in einem Frame auf einer anderen Website angezeigt wird. Einige Dienste blockieren dies. In diesem Fall l\u00e4sst sich die Vorschau nicht \u00f6ffnen, der Download funktioniert aber weiterhin.<\/p>","protected":false},"excerpt":{"rendered":"<p>Lass Besucher Dateien vor dem Download oder statt des Downloads in einer Popup-Lightbox ansehen, mit w\u00e4hlbaren Stilen f\u00fcr Vorschau-Button oder Symbol.<\/p>","protected":false},"menu_order":40,"template":"","meta":{"footnotes":""},"doc_category":[4],"class_list":["post-314","doc","type-doc","status-publish","hentry","doc_category-building-your-library"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Document preview<\/title>\n<meta name=\"description\" content=\"Let visitors view files in a popup lightbox before or instead of downloading, with a choice of preview button or icon styles.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/documentlibrary.pro\/de\/docs\/document-preview\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Document preview\" \/>\n<meta property=\"og:description\" content=\"Let visitors view files in a popup lightbox before or instead of downloading, with a choice of preview button or icon styles.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/de\/docs\/document-preview\/\" \/>\n<meta property=\"og:site_name\" content=\"Document Library Pro\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T09:25:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/download-link-style-preview-settings.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-preview\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-preview\\\/\",\"name\":\"Document preview\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-preview\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-preview\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/download-link-style-preview-settings.jpg\",\"datePublished\":\"2026-06-23T19:14:43+00:00\",\"dateModified\":\"2026-09-15T09:25:36+00:00\",\"description\":\"Let visitors view files in a popup lightbox before or instead of downloading, with a choice of preview button or icon styles.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-preview\\\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-preview\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-preview\\\/#primaryimage\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/download-link-style-preview-settings.jpg\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/download-link-style-preview-settings.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/document-preview\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Document preview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"name\":\"Document Library Pro\",\"description\":\"Searchable document libraries for any website\",\"publisher\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/documentlibrary.pro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"width\":512,\"height\":512,\"caption\":\"Document Library Pro\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"description\":\"Document Library Pro is hosted document library software that lets you publish searchable, filterable libraries of PDFs, documents and resources on any website or platform.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dokumentenvorschau","description":"Lass Besucher Dateien vor dem Download oder statt des Downloads in einer Popup-Lightbox ansehen, mit w\u00e4hlbaren Stilen f\u00fcr Vorschau-Button oder Symbol.","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:\/\/documentlibrary.pro\/de\/docs\/document-preview\/","og_locale":"de_DE","og_type":"article","og_title":"Document preview","og_description":"Let visitors view files in a popup lightbox before or instead of downloading, with a choice of preview button or icon styles.","og_url":"https:\/\/documentlibrary.pro\/de\/docs\/document-preview\/","og_site_name":"Document Library Pro","article_modified_time":"2026-09-15T09:25:36+00:00","og_image":[{"url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/download-link-style-preview-settings.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/documentlibrary.pro\/docs\/document-preview\/","url":"https:\/\/documentlibrary.pro\/docs\/document-preview\/","name":"Dokumentenvorschau","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documentlibrary.pro\/docs\/document-preview\/#primaryimage"},"image":{"@id":"https:\/\/documentlibrary.pro\/docs\/document-preview\/#primaryimage"},"thumbnailUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/download-link-style-preview-settings.jpg","datePublished":"2026-06-23T19:14:43+00:00","dateModified":"2026-09-15T09:25:36+00:00","description":"Lass Besucher Dateien vor dem Download oder statt des Downloads in einer Popup-Lightbox ansehen, mit w\u00e4hlbaren Stilen f\u00fcr Vorschau-Button oder Symbol.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/document-preview\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/document-preview\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/documentlibrary.pro\/docs\/document-preview\/#primaryimage","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/download-link-style-preview-settings.jpg","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/download-link-style-preview-settings.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/docs\/document-preview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/documentlibrary.pro\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/documentlibrary.pro\/docs\/"},{"@type":"ListItem","position":3,"name":"Document preview"}]},{"@type":"WebSite","@id":"https:\/\/documentlibrary.pro\/#website","url":"https:\/\/documentlibrary.pro\/","name":"Document Library Pro","description":"Durchsuchbare Dokumentenbibliotheken f\u00fcr jede Website","publisher":{"@id":"https:\/\/documentlibrary.pro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/documentlibrary.pro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","width":512,"height":512,"caption":"Document Library Pro"},"image":{"@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/"},"description":"Document Library Pro ist eine gehostete Dokumentenbibliothekssoftware, mit der du durchsuchbare, filterbare Bibliotheken mit PDFs, Dokumenten und Ressourcen auf jeder Website oder Plattform ver\u00f6ffentlichen kannst."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc\/314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":5,"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc\/314\/revisions"}],"predecessor-version":[{"id":1098,"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc\/314\/revisions\/1098"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/media?parent=314"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc_category?post=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}