Branding Your Site - Logos, Watermarks, and Favicons

Whether you have your own custom logo or if you are going to use just a simple text logo, you can set up your website with either of these.  With your Zenfolio account, if you have your own custom logo, you'll be able to upload a Primary/Alternate logo, image/text Watermarks, and a Favicon to customize the icon that appears in browser tabs.

For more information about creating a logo image that will work best with your website, see this article here.

**Note: To maximize the size of your logo, it is recommended to use a wide landscape orientation logo image, instead of a square or vertical orientation logo image.
 

Adding Logos and Favicon to Your Account

Follow these steps to customize your website's branding and logos:

1. Click on your name in the top right-hand corner of your account.
2. Choose Account Settings from the dropdown menu.
3. On the Account & Application Settings page, click on Logo & Branding.
4. Here you can customize your Logo Text. This will automatically take on your Business or Studio name, but you can customize this. Note: The Logo Text will be used if no logos are uploaded.
5. If you have your own custom logo, click on the icon to upload your Primary and/or Alternate logo.
6. If you have a Favicon, click on the icon to upload this for your website.
7. To upload a new logo, click on the pencil icon. And to delete an existing logo, click on the trash icon .

Note: Logo images must meet a minimum size requirement of 180x180px, or up to 480x180px.




 

Adding Your Logo to Your Website

After you've uploaded your logos, you can then choose to have them show on your actual website. You'll need to enable your logo to be seen; however, the Favicon that is uploaded will automatically update for your website and appear in the browser tab for your website. 

To enable your uploaded logo to appear on your site, follow these steps:

1. In your account, click on the  Website icon on the far left-hand side.
2. In the Website Editor, click on the Navigation Block at the very top of your website.
3. Activate the Show Logo switch to turn the logo ON.
4. You can also choose your Primary or Alternate logo to be seen, as well as the size of the logo.

Be sure to Publish changes made in the Website Editor, so that these changes appear on your live website.





This video will help you learn more about using a custom logo and favicon with your website:



 

Adding A Watermark To Your Account

In addition to password protection, adding a watermark to the photos and videos in your Galleries is a good way to help prevent unauthorized use of the content. While you cannot prevent clients or visitors from capturing screenshots of the content in your client Galleries, the watermark will help prove that they do not possess ownership of the content. For those with a ProSuite subscription, you can add up to three total Watermarks.

Note: The watermark image file must be a PNG file that is least 180 x 90 pixels in size. A 500x500 px transparent PNG is recommended.


To add a watermark to your account, follow these steps:

1. Login to your account and click on your name in the top right-hand corner.
2. Choose Account Settings from the dropdown menu that appears.
3. Make sure that you're viewing the Account tab.
4. Click on the Watermarks option, or scroll down the page to the watermarks section.
5. Click on the  Add Watermark icon to upload your watermark image.
6. Choose whether you want to create a basic Text Watermark or if you want to upload an Image Watermark .
7. Click Next.

Creating Text Watermark

After selecting to upload a Text Watermark, click on the Watermark Text box, and select enter in the text you want to appear as your Watermark. Once you get the text entered in to be used as your Watermark, you can then adjust the settings of the Watermark to determine what it looks like on the actual photos of your Galleries. 

You can adjust the font style, color, whether or not there's a drop shadow, as well as adjusting the scale, opacity, and location of the watermark. Be sure to Save the watermark once you've completed adjusting it to be how you'd like to appear on your photos. 


 

Uploading Image Watermark

After selecting to upload an Image Watermark, click on the Browse Computer button, and select the watermark PNG file from your computer. Once you get the file selected to be used as your Watermark, you can then adjust the settings of the watermark to determine what it looks like on the actual photos and videos of your Galleries. 

You can adjust whether or not there's a drop shadow, as well as adjusting the scale, opacity, and location of the watermark. Be sure to Save the watermark once you've completed adjusting it to be how you'd like to appear on your photos. 



 

Adding The Created Watermark To Your Gallery Photos and Videos

Once you have created the watermark, you can then choose which Galleries you'd like to add the watermark to. When adding the watermark to a Gallery, it will get added to all photos within that Gallery – you can also add watermarks to any videos you'd like, as well. The content will need to render in new display versions, after uploading, which can take some time.

*Note: Watermarks will only appear on photos and videos within the actual shared client Gallery or linked Galleries on the website. Photos and videos added to your website through Image Blocks will not feature the watermark. If you would like watermarked content to appear in these areas of your actual website, you must upload watermarked versions for use on your website.

Add Photo Watermarks During Gallery Creation

1. In your Zenfolio account, click on the Dashboard icon on the left-hand side of the page. You can also add new Galleries through the "Galleries" area of the account.
2. Click on the New Gallery option to start creating the Gallery. In the step-by-step process of creating a new Gallery, fill in all the applicable information until you get to step 4 "Upload".
3. In step 4, select what watermark you want to apply to the media you're adding.
4. Check the Photos and/or Videos boxes to indicate what content you want to add the watermark to.

When you drag and drop or browse desktop and select the files to upload, the download should begin immediately.

Add Photo Watermarks After Creating Gallery

1. In your Zenfolio account, click on the Galleries  icon on the left-hand side of the page. Select which Gallery you're wanting to add the watermark to, opening that Gallery. 
2. With your Gallery open, click on the Settings button.
3. Choose the Content tab.
4. Once there, go to the Watermark option.
5. Choose your created watermark from the dropdown menu.
6. And choose what position you want the watermark to appear on the photos.

After selecting your watermark, this change will be applied automatically and the watermark will appear on the photos in the Gallery. Watermarks will not appear on the backend admin side or on the website Image Blocks. Please note that the system will need to render the display versions of your photos with the watermark and this may take some time to complete, depending on how many photos are in the gallery. 

Add Video Watermarks During Uploading

1. In your Zenfolio account, click on the Galleries  icon on the left-hand side of the page. Select which Gallery you want to upload to.
2. With your Gallery open, click on the Add Media button in the top right-hand corner.
3. In the Upload Media window that appears, select the Video Watermark you want to add to the video file you're uploading.

You can then browse and select or drag and drop the video into the upload window. If the upload does not begin immediately, click on the Save button.

Add Video Watermarks After Uploading

1. In your Zenfolio account, click on the Galleries  icon on the left-hand side of the page. Select which Gallery contains the video you're wanting to add the watermark to.
2. With your Gallery open, hover your mouse pointer over the video thumbnail and click on the ellipsis icon.
3. Click on the Edit Media Details option from the dropdown menu. The Details panel will open on the right-hand side.
4. Scroll down in the Details and click on Add Watermark.
5. Once there, choose your created watermark and choose the positioning of the watermark.
6. Click on Apply. This will add the watermark to the selected video.

After selecting your watermark, this change will be applied automatically and the watermark will appear on the videos in the client Gallery. Watermarks will not appear on the backend admin side or on the website Image Blocks. Please note that the system will need to render the display versions of your videos with the watermark and this may take some time to complete, depending on how many videos and how long each video is, within the gallery. 



This video will help you learn more about using watermarks to protect your content: