The Ultimate Guide to Portfolio Pages on Squarespace 7.1

⚡️ FREE TRAINING⚡️ DIY Your Dream Site: 5 key steps to a stress free + beautiful website - Join instantly here: bigcatcreative...
Portfolio pages are a perfect design feature to show off your projects, photo galleries, and case studies. Ideal for photographers, designers, and every other business that uses visuals, the portfolio page will elevate your Squarespace website to the next level.
MENTIONED IN THE VIDEO:
👉🏼 Read the written post on this topic bigcatcreative...
👉🏼 Squarespace: squarespace.sy... *
More info on how to use points: support.square...
More about Portfolio pages: support.square...
💰 SQUARESPACE DISCOUNT CODE: Use code BIGCATCREATIVE10 for 10% off your first year of Squarespace! Sign up here squarespace.sy... *
💻 Ready to up your Squarespace Website Design? Check out our Squarespace Template Kits: bigcatcreative...
MORE GOODIES:
👉🏼 Visit our blog full of Squarespace Tips & Tricks: bigcatcreative...
👉🏼 Follow us on Instagram: / bigcatcreative
*This is an affiliate link. I may earn a commission if you sign up using this link, at no cost to you, of course :) I only promote things that I love and recommend.

[@lindapowell2660]

Thank goodness. You don't talk too quickly so I am able to follow. I have been trying to understand Squarespace for a few days now. It isn't so easy for a novice. You are encouraging.

[@BigCatCreative]

So glad to hear that!

[@hayleyfisher748]

thank you!

[@nanloggon]

Is there a way to add a gallery page or portfolio page and not have a description under the image, instead you click on the thumbnail image and it brings you to another page with the information...

[@simonhugo4893]

mesmerized by the way your nostril move. Great video too thank you.

[@robotsandpolygons]

love it! clean explanation!

[@jamilgotcher5456]

This was so so so so very helpful!

[@amielalcala9596]

Informative video! Btw how do you add a custom link that leads to a different page?

[@BigCatCreative]

Do you mean from a portfolio, or just in general?

[@samanalife7356]

Thank you!

[@vishalbole3168]

Hello, Nice Video! Here are some Quick Questions: 1. How to add a portfolio section on the home page? and when I updated the latest portfolio/case study it is automatically updated on the home page or not just like News/Blog. 2. Can we add a load more button to the portfolio section?

[@BigCatCreative]

Hey Vishal! 1. You can't currently link/sync a portfolio section to a different page. To add a Portfolio section on the homepage, you can do it manually with a List Section or a Gallery Section and then link to the URL of your portfolio of your portfolio items. If you created your portfolio WITH a blog, instead of a Portfolio page (see this blog bigcatcreative.com/blog/add-portfolio-squarespace) then you can pull items with a Summary Block to your homepage. 2. This isn't a built-in option

[@vishalbole3168]

Thanks a lot For your wonderful solution!!!🙏👍

[@saikiranmaguluri]

Hi, Thanks for the detailed video covering the portfolio section. i was trying to figure-out how to add a profile picture to the website like a fb profile pic, does squarespace has a easy way to do it?

[@arshiabu786]

hi i am in architecture and trying to create the portfolio page that you are showing but when I look at the page options, portfolio isn't an option.

[@paulachecalopez6664]

Hi Erica! I was wondering if you could also go into explaining how to create anchor links with different portfolio projects. Please help out! :)

[@BigCatCreative]

Hey Paula! Check out my video on how to create Anchor links kzbin.info/www/bejne/hKTaf2qKaKmVatE I recommend watching the instructions about 7.1 and the instructions about the version that works for both, either of these options should help :)

[@mkb755]

Hi! Thanks for the introductionthat I watched in hope of finding an answer to my question: How can I link form my website directly to a special portfolio project. Let's say, I'm a photographer with various types of services. On my page about maternity sessions I then want to link to the portfolio project wit the maternity pictures. I wouldn't want to link to the whole portfolio and expect may website visitor to scroll to find the maternity project among many other projects.

[@BigCatCreative]

Yup you can do this, you just need to get the portfolio URL. So when you click EDIT and open the settings (where you add a thumbnail image) you can also alter the URL slug. So the link to the portfolio ITEM will be www.yourwebsitename.com/portfolio-page-slug/portfolio-item-slug - you just need to figure out what these are and then you can link to that from anywhere. Check out our video on optimizing URLs as you'll learn a bit about slugs in that if you're not sure

[@fezenstein]

hello - i love the portfolio settings - however is there anyway to tweak the design to get a mosaic layout? similar to the old mercer template layouts in 7.0?

[@BigCatCreative]

Hey! Sorry I'm not sure what the mercer template is and what you mean by mosaic layout. You will be able to adjust the layout to an extent with custom code, but I'm not 100% sure what you're looking for so I can't tell you exactly. If you want, send through more details to our extra support service bigcatcreative.com/extra-support :)

[@joj579]

Hi, i just wanted to ask how can you export or send someone your portfolio fro sqaure space?

[@pandyek12]

Hi! This was super helpful, I am trying to create an infinite scroll setup for my page but I’m having issues with the portfolio page. Any advice? I want to be able to click the image and be taken to another page but still want it part of my infinite scroll landing page

[@BigCatCreative]

Hey Elizabeth! Glad you found the tutorial helpful. This isn't something I can really offer support on here, sorry! I recommend reaching out to Squarespace support (squarespace.com/support) and seeing if they can help you, if not I would join the Squarespace Community Facebook Group as there's lots of people in there who can probably help!

[@smendezchannel]

Hello, Thanks for the video, can you move portfolio modules(projects) between other portfolio pages?

[@BigCatCreative]

I don't believe so!

[@smendezchannel]

@@BigCatCreative Thanks for the quick answer. That's unfortunately. :(

[@clouserminnow]

Hi, when I choose "Add Section", I'm not seeing the "Gallery" option. I'm using 7.1 - thx

[@BigCatCreative]

Yes they changed up this menu a bit, super annoying! What you can do now is click Add Section and IMAGES. and the sections that have the little (i) symbol over them are Gallery sections :)

[@clouserminnow]

@@BigCatCreative Ahh got it - thanks - great video

[@Carlwesley1]

Hi your tutorial was great. I created a portfolio under my non-linked pages, but before that I created separate "blank" non linked pages that are meant to serve as the different "albums". I finished loading photos in to six albums and they all have different url slugs (for example /family-photos. ISSUE and PROBLEM - when I went into my Portfolio page and clicked settings to link the pages, they would not link or sync. The gallery page would have /gallery as a Url slug and I attempted to enter /family-photos behind the /gallery (I.e. /gallery/family-photos. However, it still wouldn't sync or link the pages. What could I possibly be doing wrong? Can these blank customized pages be linked inside the portfolio page? Any Help would be greatly appreciated.

[@BigCatCreative]

Hey Carl! If you want to add albums into the Portolio, you need to add a project within the Portfolio as shown in the video. Otherwise, you can create a blank page and add links to each album page that you have created, but you'll have to get a bit creative with the design, and this won't be using the Portfolio feature I talk about in this video. It's hard for me to troubleshoot this without seeing exactly what you have done or knowing what you want, but our extra support team can help with this if you are still stuck, get in touch at bigcatcreative.com/support :)

[@dianaprain6085]

Can you add purchasing features to the gallery/portfolio?

[@BigCatCreative]

You could add a buy/shop button into the gallery pages

[@waveandersson]

Annoying that you can't hide a project while working on it - and also annoying you cant password protect a project. How could that be achieved with portfolio? If not possible, then how? Blog?

[@BigCatCreative]

You're right, super annoying! I would either use a Blog, but the down side of a blog is that you can't add Gallery sections within the Blog. So if you want Gallery sections, you could just use Regular Pages and create a main Portfolio page create "thumbnails" that lead to the projects.

[@Pizzaonabagel]

Am I the only one that has issues with photos sizing inconsistently and breaking the clean grid? even if all images are saved to the same sized and are cropped. I don't think its a responsiveness issue, but if it is I can't figure out how to turn it off.

[@BigCatCreative]

Hey! That sounds really odd, I've never had that problem. I would recommend filming a screencast of the problem (via loom.com) and sending it off to Squarespace support squarespace.com/support

[@elyasalavi7330]

i have the same problem. it's just so annoying!

[@laurasabater5277]

Hey there! Is there a way to add a password to a project page? It's strange because I'm easily able to do so when it comes to other pages outside the portfolio pages, but not for individual pages inside the 'Portfolio.' If there is a way, I certainly haven't been able to figure out an intuitive way

[@BigCatCreative]

Hey Laura I believe you can only add a password to the whole portfolio. The portfolio pages should still be behind a password, but it will be the same password for all pages. You could reach out to Squarespace and ask though squarespace.com/support :)

[@brianrolfe8128]

Annoyingly no masonry layout option which would have worked nicely for me but nice addition.

[@BigCatCreative]

Yeah it is annoying! I love masonry and have always thought this would be a good addition in portfolios.

[@bluegreygreen]

Looking to crop and resize images in portfolio view. That is different process than gallery view?

[@BigCatCreative]

Do you mean on your main portfolio page, or the portfolio item pages? The portfolio item pages are just regular pages and can be edited with image blocks, gallery sections etc. If you're trying to adjust the portfolio thumbnails on the portfolio page, these can be adjusted in the portfolio section settings which we cover in the video. You can also add sections about and below the portfolio thumbnail section where you can add any blocks/gallery sections.

[@bluegreygreen]

@@BigCatCreative I want the images of my artwork to fit in the blocks without cropping them.

[@BigCatCreative]

@@bluegreygreen Hey Kelly. Sorry it's quite hard to understand what you're needing help with without being able to see exactly what you're working on. If you really need some help feel free to contact our extra support team bigcatcreative.com/extra-support

[@Aileenhig]

It looks like there is a limit of 60 projects in a portfolio page - is there a way round this?

[@BigCatCreative]

I don't think so, unless you just set up another Portfolio page. Squarespace just increased it to 60 so hopefully they make it unlimited. If you need more than 60 I recommend using a Blog instead!

[@manjiridehankar8969]

Hi. Thanks for an informative video. However, I want to customize the sections and place them side to side for certain projects. I am unable to do that and also apply custom animation to individual sections. I'm not sure if 7.1 allows that anymore.

[@BigCatCreative]

You can't place sections side by side with Squarespace though you can place blocks side by side. You can apply custom animation to individual image blocks, but not individual sections :)

[@manjiridehankar8969]

@@BigCatCreative Hey the website is updated, you can no longer add spacers or individual animation to images text, etc.

[@BigCatCreative]

@@manjiridehankar8969 Hey! Yes it has. You can find more information here support.squarespace.com/hc/en-us/articles/6421525446541-Fluid-Engine-Squarespace-s-new-content-editing-experience at this point we are not allowed to create any public content or tutorials about the new editor so this is the best I can give you - sorry.

[@manjiridehankar8969]

@@BigCatCreative hey thanks so much for the article! Apparently they are still rolling out the new interface.

[@VENOM-_-15]

Yeah, well this new feature is good only if you are creating a full blown website. If the website is not solely for a portfolio, then this is simply an add on to the website with less design features than if your website was solely a portfolio website.

[@MathiasGronqvistPrakticum]

At ¤:23 ( kzbin.info/www/bejne/bH_XhZ2Agsqtp9k ) you add a section before .. and that sections go up to the hearder (becomes header background) .. how did you do that ?

[@BigCatCreative]

Click Add Section to add a new section. In the section settings add a background image. Maybe check this out as this tutorial isn't about that support.squarespace.com/hc/en-us/articles/360027987711-Page-sections

[@springenderspringer]

Hello, thanks for this awesome video! Recently, I am setting up a photography website, therefore, your tips and tricks are really helpful for me! :) However, I‘ve been experiencing some issues with the mobile version (the animation on mobile devices, to be specific) of my main portfolio page. I am currently using the „Hover: Background“-layout and even though it is looking and working perfectly fine on my laptop, the images start to kind of „flicker“ as soon as I start scrolling up or down on my iPad or smartphone (mostly when the adress bar „grows“ or „shrinks“ in browsers like Safari or Edge) which is pretty annoying. Is there anything I can do against this issue? Or is it simply a Squarespace issue which could easily be fixed? An answer would be amazing ❤️!

[@BigCatCreative]

I believe this is a built-in Squarespace issue but it's definitely something you should screen record and send to them squarespace.com/support and see if they can help :)

[@lindokuhleshandu4024]

Thank you for your video. I have a question. How do I embed links of my blog posts which I published somewhere else to my Squarespace portfolio? Like when someone clicks on each thumbnail on my portfolio, I want the thumbnail to take them directly to my blog post. So, how do I link my blog posts to my thumbnails in the Portfolio section? Also, is there a way to turn a page on the navigation menu at the top of my website into a button? Like I want the "Hire Me" page to be a button. How do I do that?

[@BigCatCreative]

Hey! So you can't link directly to a blog post from a thumbnail in your Portfolio. Either you link to your Portfolio Item, or you link to your blog post from inside your portfolio item somewhere, or you just use your Blog as a Portfolio instead of using the Portfolio pages. If you want them all to just go to blog posts, then use your blog instead of a the Portfolio. Nav button - this depends on what template and version you're using and would probably need to be custom coded. If you're using 7.1 though, you can have one button and you can activate that in the EDIT SITE HEADER area.

[@lindokuhleshandu4024]

@@BigCatCreative I decided to delete my projects under my portfolio and add Gallery (simple grid) under the Portfolio section. This allows me to insert screenshots of my blog posts and articles, write captions with the blog post and articl titles under each screenshot, and embed links to the screenshots. When I click on each image, it takes me to my blogs. This is how I've created my Portfolio. Is this fine? I've added the button as you suggested, but I wasn't able to turn the Hire Me page into a button. Instead, I renamed the page into "Contact Me" on the navigation bar and then I added the button using EDIT SITE HEADER, named the button "Hire Me" and then linked it to the Contact Me page. Is this fine, even though the Contact Me page and Hire Me button share the same URL slug?

[@BigCatCreative]

@@lindokuhleshandu4024 Sounds like you have found a great solution for you portfolio :) Correct, you can't turn a link into a button, you just have to manually add the button using the EDIT SITE HEADER. It's ok to have 2 links that go to the same place, as long as it makes sense for the person clicking (eg you have contact details and hire me details on that one page).

[@lindokuhleshandu4024]

@@BigCatCreative thank you for all your help. I really appreciate it🙂.

[@gamma_urithane]

Hi Erica, thanks for this. You mentioned that there's no duplicating portfolios (except within portfolio page). I want an ALL PROJECTS nav item, and then several other navs ie. IDENTITY or ILLUSTRATION. (i'd been building in Brine, i'd resorted to making my portfolio page using blogs, and then was planning on using tagging so if I tagged a project with IDENTITY I could then point the identity nav item to populate with anything tagged IDENTITY). Anyway, wondering if this is possible now for PORTFOLIOS or some other method. Having a hard time finding comprehensive answer in cyberspace. Hope that makes sense, any help is much appreciated! Thank you.

[@ericahartwick]

Hey Justin! I would still recommend using a Blog in this case. There's no way organise a portfolio like that (yet, anyway)!

[@gamma_urithane]

@@ericahartwick Thanks erica, plus I'm also seeing that portfolio sub pages are limited to 40 and that wont work for me. Thanks for the reply!