Embedding guide

Your flipbook, in Squarespace.

Keep your existing website and add the portfolio you already designed. Portfolia embedding is included on Free and Personal; your website provider may apply its own limits.

Set it up

1. Publish your portfolio in Portfolia. In its sharing controls, choose Embed and copy the complete iframe code.
2. Edit the Squarespace page and add a Code block. Set it to HTML, paste the code and turn off Display Source if shown.
3. Save and publish the page. Test the published page outside the editor: code previews can behave differently while editing.
4. Check the mobile layout and make the block tall enough for the book and controls. Keep the accompanying View portfolio link as an alternative.

Check before you share

• Open the published website while signed out. A draft portfolio is not available to visitors.
• Try a phone and desktop. Confirm the controls fit and the surrounding website can still scroll.
• Turn a page and test your chosen Simple or Studio appearance. The embed follows the portfolio’s saved settings.
• Replacing your PDF updates the same embed address. Unpublishing or link expiry closes access. Password protection also applies inside the embed.

If it looks blank or cropped

First open the embed URL directly in a new tab. If it loads there, check the website block’s height, HTML settings and plan allowance. If the direct URL is unavailable, check that the portfolio is published and its access settings allow viewing. Browsers that block third-party cookies can require protected portfolios to open in a new tab.

Provider interfaces can change. Read Squarespace’s official embedding documentation.