How can I change the text on the header button (call to action) on a single page?

blakemwilson · June 9

I created a custom translated website without using Weglot (wanted specific word for the translations) and I'm trying to change the "Donate" button on the Spanish language pages. How can I change that verbiage on a single page at a time?

Lesum · June 9

@blakemwilson Can you share the URL of the page where you want to change the text for the Donate button?

blakemwilson · June 10

Yes, it's here: https://www.marcelinoforphx.com/hogar

Lesum · June 10

@blakemwilson Add this code under Website > Pages > Website Tools > Code Injection > Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $('#collection-666306082a0f2d4434d684bc .btn').text("custom text");
});
</script>

You've to replace "custom text" in the code.

blakemwilson · June 10

That worked! Thank you!

How can I change the text on the header button (call to action) on a single page?

Recommended Posts

blakemwilson

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Lesum

Link to comment

blakemwilson

Link to comment

Lesum

Link to comment

blakemwilson

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources