PDF in WordPress, Wix, Squarespace und andere Baukästen einbetten

Die meisten Website-Baukästen haben ein Element für eigenen HTML-Code. Fügen Sie dort den vollständigen Embed-Code von Viewnamic ein – in WordPress ist das der Block Individuelles HTML. Akzeptiert Ihr Baukasten nur eine Webadresse, nutzen Sie stattdessen URL kopieren im Fenster zum Einbetten.

So geht’s

1. Öffnen Sie im Workspace das ⋯-Menü des Projekts, wählen Sie Einbetten und klicken Sie auf Embed-Code kopieren. Die Optionen erklärt PDF auf der eigenen Website einbetten.
2. Öffnen Sie die Seite in Ihrem Baukasten und fügen Sie ein Element für HTML-Code hinzu (siehe unten).
3. Fügen Sie den ganzen Code ungekürzt in das Element ein.
4. Speichern oder veröffentlichen Sie die Seite und öffnen Sie sie am Computer und auf dem Smartphone.

Wo der Code hingehört

Die Bezeichnungen unterscheiden sich je nach Baukasten und Version. Suchen Sie nach einem Element namens HTML, Code oder Einbetten.

• WordPress: der Block Individuelles HTML. In Page-Buildern wie Elementor das Widget HTML.
• Wix: ein Element zum Einbetten von HTML-Code.
• Squarespace: ein Code-Block.
• Webflow: ein Code Embed-Element.
• Jimdo: das Element Widget/HTML.
• Shopify: die HTML-Ansicht des Seiteneditors oder ein Abschnitt Benutzerdefiniertes Liquid im Theme-Editor.

Wenn der Baukasten einen eigenen Rahmen nutzt

Manche Baukästen, zum Beispiel Wix, zeigen eigenen Code in einem eigenen Rahmen. Das PDF funktioniert dort, aber die Höhe bestimmt das Element des Baukastens: Machen Sie es hoch genug für das PDF. SEO für Ihre Website hilft in diesem Fall nicht, weil der Text in diesem Rahmen bleibt (SEO für Ihre Website).

Wenn nur eine Webadresse möglich ist

Manche Elemente, etwa ein iFrame-Element oder „Website einbetten“, verlangen nur eine Adresse.

1. Legen Sie im Fenster zum Einbetten die gewünschten Optionen fest und klicken Sie auf URL kopieren.
2. Fügen Sie die Adresse in das Element ein und geben Sie dem Element eine Höhe, zum Beispiel 600 Pixel.

Mit der Adresse allein passt sich die Höhe nicht an das PDF an, und die Zeile unter dem PDF sowie der Text für Suchmaschinen fehlen. Nutzen Sie den vollständigen Embed-Code, wo immer es geht.

Wenn der Baukasten Skripte entfernt

Manche Systeme entfernen Skripte aus eingefügtem Code, zum Beispiel für bestimmte Benutzerrollen. Eine Einbettung mit „Automatisch anpassen“ erscheint dann in einem quadratischen Rahmen, der nicht dem Seitenformat folgt. Wählen Sie stattdessen Übergeordnetes Element füllen und setzen Sie den Code in ein Element mit fester Höhe, oder bitten Sie den Administrator der Website, den Code zuzulassen.

Vollbild auf dem Smartphone

iPhones haben keinen Vollbildmodus für Teile einer Webseite. Steht der Code mit „Automatisch anpassen“ direkt in Ihrer Seite, füllt die Einbettung den ganzen Bildschirm, wenn ein Leser auf Vollbild tippt, und kehrt danach an ihren Platz zurück. Bei „Übergeordnetes Element füllen“, bei einem Rahmen nur mit Adresse oder im eigenen Rahmen eines Baukastens öffnet die Vollbild-Schaltfläche die Publikation in einem neuen Tab auf derselben Seite. Am Computer und auf Android-Geräten nutzt der Embed-Code das Vollbild des Browsers; ein Rahmen, der kein Vollbild erlaubt, öffnet auch dort einen neuen Tab.

Hat Ihre Website strenge Sicherheitseinstellungen für Inhalte anderer Websites, muss viewnamic.com dort erlaubt sein. Sonst bleibt die Fläche des PDFs leer.