Squarespace Portfolio Pages Setup Guide
TL;DR:
- Portfolio pages create stylish landing pages that link to individual project sub-pages
- You can add up to 60 projects per portfolio page
- Multiple layout options include grids, overlays, and hover effects
- Each project becomes its own content-rich sub-page with images, text, and other elements
- Projects can be drafts, published immediately, or scheduled for later
- Moving projects between different portfolio pages isn't supported
Setting Up Your Portfolio Page
Head to the Pages panel and click the "+" next to where you want your portfolio page to appear in your navigation. Choose "Portfolio" and pick your preferred layout. Don't worry about getting it perfect straight away – you can change the layout later.
Here's the basic process:
- Enter a title for your page and press Enter
- Click Edit and select the pencil icon to adjust the section style
- Choose your layout from the Format tab dropdown menu
Adding Projects to Your Portfolio
Each project works as a separate sub-page where you can showcase detailed work. You can add up to 60 projects to a single portfolio page.
To add a new project:
- Go to your portfolio page in the Pages panel and click "+"
- Select your preferred project layout or start with a blank project
- Add a featured image and title
- Customize the page's URL slug
- Set the publication status (draft, published, or scheduled)
Projects start as drafts by default, which keeps them hidden from visitors until you're ready to publish.
Layout and Styling Options
Squarespace offers several layout styles for portfolio pages:
Grid Simple places images in a neat grid with titles displayed below each image.
Grid Overlay shows titles overlaying the images themselves.
Hover Effects add interactive elements like background changes and image movements when visitors move their cursor over projects.
To change your layout after setup, press Edit on the portfolio page, hover over the section, and click the pencil icon. You'll find all layout options in the Format tab.
Try different layouts to see which works best with your specific images and content style.
Building Content Within Projects
Portfolio projects can include various types of content sections:
Block sections let you mix different content types like text, images, videos, and forms.
Gallery sections work well for showcasing visual work in organized collections.
Auto layouts automatically pair images with text and links in structured formats.
To add or modify content in a project, click on the project, select Edit, then either modify existing sections or add new ones using the section library.
FAQs
Can I hide individual projects from public view?
Yes, set individual projects to 'Draft' status to keep them private while you work on them.
How many projects can I add to a single portfolio page?
You can add up to 60 projects to a single portfolio page.
Is it possible to move projects between different portfolio pages?
No, each project is tied to its specific portfolio page. You'd need to recreate the project on the new portfolio page.
Can I change the portfolio layout after I've added projects?
Yes, you can change layouts at any time without losing your projects or their content.
Jargon Buster
Portfolio Pages – Customizable pages in Squarespace designed for showcasing collections of projects or work
Blocks – Individual content units like text, images, and videos that you can add to Squarespace pages
URL Slug – The part of a web address that identifies a specific page (appears after the domain name)
Publication Status – Whether a page is visible to visitors (published), hidden (draft), or scheduled to go live later
Wrap-up
Portfolio pages give you a professional way to showcase your work with plenty of flexibility in how you present it. The key is experimenting with different layouts and content arrangements until you find what works best for your specific projects.
Take time to explore the various settings and don't be afraid to try different approaches. Each portfolio is unique, and what works for one type of creative work might not suit another.
Ready to build your portfolio? Join Pixelhaze Academy for more hands-on Squarespace tutorials and expert guidance.