Change Button Link in Header for one specific page

Site URL: https://www.trademarktours.com/hmc

On our site we use the button in the header to send people to a booking page. For this one specific page on my site, I want that button to take them to a different booking page. Can I accomplish this with a header injection code? (So far I've only succeeded in adding an extra design-less button rather than changing the existing button) 

This was perfect, exactly what I was looking for! 

Would you be able to tell me how you got the collection # so I can attempt this on some other pages? 

You can use the chrorme exxtension: Squarespace ID Finder

Here is how to find the page id: http://recordit.co/qwnj09oNCa

Hope that it can help you

Amazing, you rock! Thanks very much for all your help

Hi @bangank36 I am trying to accomplish the same thing with the button in the navigation at https://www.museoutdoors.com/get-started - I would like to redirect it to a different page. I think the code is different given this page is on Brine. Could you advise? Thanks!

@ekspohz Try this adjusted code

<script>
 (function() {
    document.addEventListener('DOMContentLoaded',() => {
      document.querySelector('#collection-61d9dcf755b23e793054204b .Header-nav--secondary a').setAttribute('href','/home');
    })
  })()
</script>

17 hours ago, tuanphan said:

@ekspohz Try this adjusted code

<script>
 (function() {
    document.addEventListener('DOMContentLoaded',() => {
      document.querySelector('#collection-61d9dcf755b23e793054204b .Header-nav--secondary a').setAttribute('href','/home');
    })
  })()
</script>

 

Perfect! Thank you @tuanphan