Jump to content

Mobile Information Bar Customization

Recommended Posts

Posted

Site URL: https://sf.digital/squarespace/customising-the-mobile-information-bar

Is this not able to be used anymore? I've use it last year and it was working, it only stopped working for me after the update.
I'm trying to use the Email button of the Mobile Information Bar as a Whatsapp button.

Can anybody point me in the right direction how to enable this again? Thank you very much in advance.

Here's my website and the code:

https://cleaningequipment.org

<script>
$(window).bind("load", function() {
  $('.sqs-mobile-info-bar-trigger[data-type="contactEmail"] .sqs-mobile-info-bar-trigger-label').text('Whatsapp');
  $("a[href='mailto:xxx@gmail.com']").attr('href', 'https://api.whatsapp.com/send?phone=00000000000&text=Hi%20there!%20I%27m%20looking%20for%20')
});
</script>

Thanks in advance.

  • Replies 2
  • Views 862
  • Created
  • Last Reply
Posted

You've referred to a very old post that I wrote 5+ years ago. Despite the fact that it could be rewritten to improve performance, it does still work.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Posted
11 hours ago, paul2009 said:

You've referred to a very old post that I wrote 5+ years ago. Despite the fact that it could be rewritten to improve performance, it does still work.

But the button itself takes me to email though and not Whatsapp as I wanted it.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.