The Portfolio Page allows you to showcase your Client Galleries all in one place. You can add galleries to your page and to better accommodate your branding, you can customize the fonts, colors, font sizes, gallery grid, and logo within your Portfolio Page. In this tutorial, we will go over how to customize your pages!
Show Galleries on Portfolio
1. Access your Client Gallery and select the Gallery Setup tab. Select Show on Portfolio to display the gallery on your Portfolio Page.
Selecting Sneak Peeks
2. Sneak Peek Images is the set of images displayed in private and public galleries. It is a simple way to create a collection of public photos (which are Search Engine Optimized on Google) in a blog-like format. The SEO button opens a text box in which you can write a description of your gallery. This text is visible on search engines and improves the chance of people engaging with your portfolio, as well as seeing your work simply based on web searches. Once you select to display a gallery on the Portfolio Page, click on Select Sneak Peeks.
3. Select the images to display as sneak peeks and click Apply.
Sneak Peek images are only available to view, Pin on Pinterest and not for download.
If the gallery is public, the visitors (users who have not been invited to the gallery previously) will see the sneak peeks and can click on View All Photos to see the rest of the gallery.
If the gallery is private, the visitors (users who have not been invited to the gallery previously) will only see the selected sneak peek photos when accessing the gallery from the Portfolio Page. They will be asked to login when clicking on View All Photos in order to access the rest of the images.
Customize the Portfolio Page
Arranging Galleries
1. Select Client Galleries from the Main Dashboard.
2. In the Portfolio Page tab, hover over the gallery and click and hold the arrow to drag the gallery to the desired location.
3. The changes are auto-saved in the browser.
Header and Footer
4. You can modify the header and the footer of your Portfolio Page. This is a great place to add your bio, description of your galleries, your business information, or anything else you deem interesting to your gallery visitors. Hover over the header area and click Edit Title Area.
5. You can add a title, text, a photo, or a video to the page header. Click Apply when you are ready to save the header.
6. Similarly to the header, you can edit the footer by hovering over the area and clicking Edit Footer Area.
Font Type, Color, and Size
7. You can customize the look of your Portfolio Page by changing the fonts, colors, font sizes and more! There are various style presets to choose from, or you can select a custom style. Style presents offer a variety of matching color & font options. Click Style from the top navigation bar and select your style preset.
8. You can also select to do a custom style and adjust the background, title body text, and much more!
Portfolio Grid Aspect Ratio
9. You can choose the aspect ratio of the gallery icons on the Portfolio Page. Currently, the choices offered are Square, Landscape 2:3 and Landscape 3:4. Access the grid settings by clicking Grid from the navigation bar.
Portfolio Page Logo
10. The logo displayed on the Portfolio Page can be uploaded in the Settings> Brand & Style tab. The logo is displayed in various other places, such as the gallery, emails, store etc.
Portfolio Examples
Below is an example of the Landscape Grid with background color & font modifications.
Below is an example of the Square Grid with background color & font modifications
Integrating Portfolio Page
1. You can integrate your Portfolio Page into your website. To get started go to Client Galleries from the Main Dashboard.
2. In the Portfolio Page tab, click Share.
3. Select Integrate to generate the code you would need to paste on your website.
4. Copy and Paste the code to an HTML block on your website.
For example, on Squarespace, you can add a Code block. Then paste the code integration code into the block.
On Wix, go to Settings > Advanced > Custom Code to add your code to a specific page. Learn more here.
Pro Tip: If you want to create a private client portal, learn how to add an access code/password to your Portfolio page here!
Advanced Integration
If you'd like to drive traffic to your website when a client clicks on a gallery email invite or secure link, you can use the Advanced Integration feature. This will redirect users to the Portfolio page integrated into your website instead of the gallery link. Advanced Integration is a good way to help website SEO due to website visits.
Please Note: Because Advanced Integration redirects the client to your website instead of directly to their gallery, it can be more work for a client when accessing the gallery. To avoid confusion, we suggest adding a description on your website telling clients that they can use the search bar to locate their specific gallery.
1. After following the integration steps above, click Advanced Integration.
2. Paste the URL of the page on your website where you added the Portfolio and click Verify.
3. Once the URL is successfully verified, click OK.
Now when any clients or guests view the gallery from a direct email invite or secure link, they will first be redirected to your Portfolio Page!
Pro Tip: Their particular gallery will appear at the top of your Portfolio Page, or users can search for galleries using the search bar.
Photos by Alisha Tova.