(Squarespace) How to add Google Cloud Partner badge to Header

[tuanphan]

To add a Google Cloud Partner Badge logo to Header like this.

#1. First, use this code to Custom CSS.

a.google-partner-badge img {
    width: 70px;
    margin-left: 30px;
}

#2. Use this code to Code Injection > Footer

<script>
const PARTNER_URL = 'https://cloud.google.com/partners';
const BADGE_IMAGE_URL = 'https://www.gstatic.com/marketing-cms/assets/images/b4/eb/0d2ce7414b439ec997b4f3c3b13b/cloud-partner-badge.webp=n-w780-h520-fcrop64=1,00000000ffffffff-rw';
const BADGE_CLASS = 'google-partner-badge';
document.addEventListener('DOMContentLoaded', function() {
    const headerActionsRight = document.querySelector('div.header-actions--right');
    if (headerActionsRight) {
        const partnerBadge = document.createElement('a');
        partnerBadge.href = PARTNER_URL;
        partnerBadge.target = '_blank';
        partnerBadge.className = BADGE_CLASS;
        
        const badgeImage = document.createElement('img');
        badgeImage.src = BADGE_IMAGE_URL;
        
        partnerBadge.appendChild(badgeImage);
        headerActionsRight.appendChild(partnerBadge);
    }
});
</script>

#3. You can change Logo + Logo url here.

You can change logo size here.