Two Different Header Buttons

Site URL: https://elk-carnation-c43w.squarespace.com/

I am creating a "French' section on my website and would like the header button to switch to "English" once someone clicks on French. Allowing them to go back to the main website. Is there a code injection I can use on the French page to change the button on that page only? 

17 hours ago, aliciaWPP said:

Site URL: https://elk-carnation-c43w.squarespace.com/

I am creating a "French' section on my website and would like the header button to switch to "English" once someone clicks on French. Allowing them to go back to the main website. Is there a code injection I can use on the French page to change the button on that page only? 

Hi. What is access password?

JourFor2021

19 hours ago, aliciaWPP said:

JourFor2021

Add this code to le-forum-des-journalistes-canadiens page header code injection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('header#header a.btn').attr('href','/');
  $("header#header a.btn").html(function() { 
          return $(this).html().replace("Français", "English"); 
});
</script>

Thanks. Unfortunately that didn't work. 

16 hours ago, aliciaWPP said:

Thanks. Unfortunately that didn't work. 

Can you add & keep the code in page header, we can check it again easier?

done

Remove above & add this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('header#header a.btn').attr('href','/');
  $(".product-price").html(function() { 
          return $(this).html().replace("Français", "English");  
    });
});
</script>

Thanks. It's still not working. I also need it to direct back to the English website so it will need a URL. 

I think I'll try to find another option. 

It appears to be working to me.