How Do I Make Different Logos on Each Page Squarespace?

There are a few different ways that you can make different logos on each page of your Squarespace website. One way is to use the built-in logo editor. To do this, simply go to the Logo & Title section of your site’s settings and click on the “Edit Logo” button. From here, you can upload a new image or edit the existing image.

If you want to use a different logo on each page, you can also add a separate logo for each page in the Page Header section of your site’s settings. To do this, simply go to the desired page and click on the “Logo” tab in the Page Header section. Here you can upload a new image or edit the existing image. Another way to use different logos on each page is to add them manually using HTML. This can be done by going to the Code Injection section of your site’s settings and adding the following code to the section:


<script>
var logos = {
'page-1': 'http://example.com/logo-1.png',
'page-2': 'http://example.com/logo-2.png'
};
document.write('<img src="' + logos[Squarespace.page.id] + '">');
</script>


Of course, you would need to replace “page-1” and “page-2” with the actual IDs of your pages, and “http://example.png” and “http://example.png” with the URLs of your images. You can also add as many pages and images as you like in this code snippet. Once you have added this code, simply save your changes and your new logos should appear on each page.

In conclusion, there are a few different ways that you can make different logos on each page of your Squarespace website. One way is to use the built-in logo editor, another way is to add them manually using HTML, and yet another way is to add a separate logo for each page in the Page Header section of your site’s settings. Whichever method you choose, simply follow the instructions above and you’ll have your new logos up and running in no time!