Cube Long Arrow Right External Link angle-right Search Times Spinner angle-left

How do I customize and integrate my Portfolio Page?

The Portfolio Page offered for every Pic-Time photographer 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

Access your Client Gallery and select the Gallery Setup tab. Select Show on Portfolio to display the gallery on your portfolio page.

undefined

Selecting Sneak Peeks

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. 

undefined

Select the images to display as sneak peeks and click Apply.

undefined

Sneak Peek images are only available to view, Pin on Pinterest and not for download. 

undefined

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. 

undefined

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.

undefined

Arranging Galleries on the Portfolio Page

Select Client Galleries from the main dashboard. 

undefined

In the Portfolio Page tab, hover over the gallery and click and hold the arrow to drag the gallery in the desired location. 

undefined

The changes are auto-saved in the browser. 

undefined

Header and Footer

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.

undefined

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. 

undefined

Similarly to the header, you can edit the footer by hovering over the area and clicking Edit Footer Area.

undefined

Customizing Font Type, Color & Size

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. 

undefined

You can also select to do a custom style and adjust the background, title body text and much more! 

undefined

Customizing Portfolio Grid Aspect Ratio

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. 

undefined

Portfolio Page Logo

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. 

undefined

Portfolio Examples

Below is an example of the Landscape Grid with background color & font modifications. 

undefined

Below is an example of the Square Grid with background color & font modifications

undefined

Integrating Portfolio Page

You can integrate your Portfolio Page to your website. To get started go to Client Galleries from the main dashboard.

In the Portfolio Page tab, click Share

Select Integrate to generate the code you would need to paste on your website. 

 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. 

Photos by Alisha Tova.