Using Issuu with Squarespace

Last updated August 22, 2024

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.

Accessing this feature

The steps in this guide include adding advanced code to a code block. This is a premium feature available in Business and Commerce plans.

Accessing this feature

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 Upload in the left navigation menu.
  3. Drag and drop a file into the box, or click a method to upload your file.

After uploading a file to Issuu, it appears in Publications. 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. In the left navigation under Share, click Embed on Website.

Issuu_embed_code_on_website.png

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

For more help, visit Issuu's documenation.

Step 3 - Add the code to your Squarespace site

  1. Log into your Squarespace site.
  2. Open the editor for the page or post where you'd like to display your file.
  3. Click an insert point and click Code from the block menu.
  4. Paste the Issuu code into the code block.

    Issuu_code_added_to_a_Code_Block.png
  5. A Script Disabled 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.
  6. Click Save to publish your changes.

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.

Note

This code-based customization falls outside the scope of our support. This means we’re unable to help further with setup or troubleshooting. Additionally, since this is a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. This includes how it functions with our responsive design, particularly its appearance on mobile devices, and if it functions on all templates. Code-based customizations can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction:

Do more with .pdfs

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

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.