Create a portfolio comprised of different sub-pages where you can organize and showcase your projects.

Use portfolio pages to create stylized landing pages that link visitors to sub-pages called projects. This is a great way to organize and showcase galleries, projects, portfolio highlights, and other content in one place.

This guide is for version 7.1. For a similar effect in version 7.0, use a template with a grid index page or create featured image navigation. In the Squarespace app, you can't add new portfolio pages or edit projects. 

Watch a video

Add a portfolio page

To add a portfolio page:

1. Open the Pages panel, then click + next to the navigation section where you want to add the page.
2. In the menu, click Portfolio and choose a layout. You can change this later.
3. Enter a page title and press Enter.
4. Click Edit, then click the pencil icon to style the section.
5. Click + to add a project or click an existing project, then click Edit to add your own content.
6. Add and edit more projects until your portfolio page is complete.

It's not possible to add blocks to the portfolio section of a portfolio page, but you can add block sections above or below the portfolio section.

Portfolio page layouts

Choose one of the following portfolio page layouts:

• Grid: Simple - Arranges the featured images in a grid layout. Title text for each project appears below the images.
• Grid: Overlay - Arranges the featured images in a grid layout. Title text for each project overlays the images.
• Hover: Background - Displays the project titles in a stacked or inline layout. When hovering over a title, the project's featured image replaces the section background.
• Hover: Fixed - Displays the project titles in a stacked or inline layout. When hovering over a title, the project featured image displays smaller in a fixed position in the section.
• Hover: Follow Cursor - Displays the project titles in a stacked or inline layout. When hovering over a title, the project featured image displays smaller and follows the cursor as it moves.

To change the layout:

1. Click Edit on the portfolio page.
2. Hover over the portfolio section and click the pencil icon.
3. Under the Format tab, use the Layout dropdown menu to select the layout you want. Each layout has its own styling options.
4. Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.

Add a project

Projects are where you'll add the content for your portfolio. Projects display as images or links on your portfolio page, which visitors click to open the projects.

Use projects to organize your work or projects. For example, if you're a photographer, you can use projects to categorize your images. If you're a graphic designer, you can use projects to showcase work you've done for different clients.

To add a project:

1. In the pages panel, click your portfolio page, then click +.
2.  Choose a layout or click Add a blank project.
3. In the General tab of project settings, add a featured image and title, and edit the URL slug. Title projects to give visitors a sense of the project's content.
4. Click SEO to add an SEO title and SEO description.
5. Click Social image to add an alternate social sharing image.
6. Click Save to create the project.
7. Click Edit on the project to add content.
8. Click Save to publish your changes.

Keep in mind:

• You can add up to 60 projects to a portfolio page.
• It’s not currently possible to move projects between portfolio pages.
• It's not possible to turn projects into standalone pages outside the portfolio. Projects are collection items, dependent on the main portfolio collection page, similar to blog posts in a blog page.
• Portfolio projects can't be individually password protected, disabled, or hidden from search engine results. To hide portfolio projects temporarily, password protect the entire portfolio page or disable it.

Add content to projects

Portfolio projects are built from page sections, which means any type of content you can add to a layout page, you can also add to a portfolio project. To add and edit content on a portfolio project:

1. Click the project, then click Edit.
2. Edit content on existing sections, or click Add Section to add a new one.

You can add the following section types, each of which have their own method of adding content:

• Block sections - Add blocks of content, including text, images, products, maps, forms, third-party integrations, and more. This page section has the most versatile selection of content.
• Gallery sections - Add galleries of images with optional captions in a variety of layouts. These are ideal for showcasing photography, graphic design projects, or other visual art. After clicking Add section, click Images to find gallery sections.
• Auto layouts - Add sets of images, text, and button links. After clicking Add section, click layouts with an i icon in their top-right corner to add auto layouts. These are ideal for showcasing images with more text or link to other projects.

Add multiple sections and section types to each project as needed.

Pagination

Portfolio projects display pagination links to the next and previous projects in the portfolio at the bottom of the page. It's not possible to hide these. To style the font and color of pagination, visit Styling portfolio pages.

Add, edit, or remove a featured image

You can change the featured image of a project at any time. To replace a demo image or to add an image to a blank project, follow these steps:

1. In the pages panel, click your portfolio page.
2. In the left panel, hover over the project and click ..., then click Settings.
3. If you're removing a demo image or a previously added image, click Remove Image first.
4. To add an image from your computer, click Image.
5. To edit the image, click Image Editor.
6. After making changes, click Save.

Rearrange projects

To rearrange the order of a portfolio page, click and drag the projects in the side panel.

Edit project settings

To edit general, SEO, and social settings of projects:

1. In the Pages panel, click your Portfolio Page.
2. Hover over a project in the side panel.
3. Click ..., then click Settings.
4. Click Save to publish your changes.

Delete projects

To delete a project:

1. In the Pages panel, click your portfolio page.
2. Hover over a project in the side panel
3. Click ..., click Delete, then click Confirm. This action can't be undone.

It's not possible to delete the portfolio section as a whole from the page. To learn more, visit Collection page sections.