Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.

Using Issuu with Squarespace

You can use Issuu to embed .pdf files on your Squarespace site. This is a great option for displaying resumes, work samples, and other documents.

Die Schritte in dieser Anleitung beinhalten die Verwendung von „Code einfügen“ und das Hinzufügen von erweitertem Code zu einem Code-Block. Dabei handelt es sich um eine Premium-Funktion, die im Rahmen des Business- und E-Commerce-Abos verfügbar ist.
The ability to embed content is only available on Issuu's paid plans.

Step 1 - Upload files to Issuu

To upload files:

  1. Log into your Issuu account or create a new account.
  2. Click Add Content in the left navigation menu.
  3. Drag and drop a file into the box, or click Select file to upload to open a file selection menu.

After uploading a file to Issuu, it appears in the Publications List.

For more help, visit Issuu's documentation.

Step 2 - Get your Issuu code

To get the embeddable code: 

  1. In Issuu's left navigation, click Publications.
  2. Click the publication you want to embed. 
  3. Click Embed on Website.

IssuuNavigation_EmbedOnWebsite.png

  1. A page opens where you can customize your file's appearance. When you're finished customizing the file, click Save & Get Code.
  2. Copy the code from the pop-up message that appears.

Weitere Hilfe findestdu in der Dokumentation von Issuu.

Step 3 - Add the code to your Squarespace site

  1. Melden Sie sich bei Ihrer Squarespace-Website an.
  2. Open the editor for the page or post where you'd like to display your file.
  3. Click an insert point and select Code from the Block Menu.
  4. Paste the Issuu code into the Code Block.
  5. Klicken Sie auf Anwenden.

  1. An Embedded Code message appears over the Code Block instead of the uploaded file. This message only appears to you and not to your visitors. Custom code doesn't render when you're logged into your site for editing. To see the embedded file, view the page while logged out or in a private browser.

  1. Klicke auf Speichern, um deine Änderungen zu veröffentlichen.

 

Step 4 - Preview the .pdf

To see the embedded file, view the page while logged out or in a private browser.

You can also click the Issuu file to view the .pdf in a full-screen lightbox. Learn more in Issuu's documentation.

Troubleshooting file display issues

  • Issuu .pdfs won't display from within an Index Page. To fix this issue, use Issuu's iFrame option.
  • Issuu .pdfs may not display properly on templates with Ajax loading.

Hinweis: Codebasierte Anpassungen fallen außerhalb des Zuständigkeitsbereichs unseres Supports. Das bedeutet, dass wir keine weitere Unterstützung bei der Einrichtung oder Fehlerbehebung bieten können. Außerdem können wir bei einer codebasierten Lösung die Funktionalität oder vollständige Kompatibilität mit Squarespace nicht garantieren. Dies bezieht sich etwa auf die Funktionalität in Verbindung mit responsivem Design, insbesondere auf das Erscheinungsbild auf Mobilgeräten, und auf die Kompatibilität mit allen Templates. Codebasierte Anpassungen könnten außerdem im Anschluss an zukünftige Updates unserer Plattform zu Darstellungsproblemen führen. Wir können dir in diesem Fall nicht weiterhelfen, allerdings gibt es viele andere Informationsquellen, die dich hier unterstützen können:

Do more with .pdfs

Squarespace has a few built-in options for adding .pdf files to your site:

War dieser Beitrag hilfreich?
57 von 125 fanden dies hilfreich