Adding Contact Us using FB Messenger or WhatsApp to a website


(Rob Beattie) #1

Is there are stack that does this?

I’m after something that will let me display the icons for Messenger (not Facebook) and for WhatsApp which when clicked or tapped will open these apps, ready for a visitor to start typing a message.

I’ve found several things that come close but there’s missing part of the puzzle. For example, Elixir’s Pop has a WhatsApp icon but no Messenger icon (or none that I can see); and although adding the link to open Messenger is easy, finding the code to do the same for WhatsApp is proving more problematical.

Any thoughts appreciated,

Rob


(Dylan Banks) #2

Not sure if there’s a stack for either but you can try this for FB messenger: https://www.labnol.org/internet/embed-facebook-messenger-website/29136/


(Rob Beattie) #3

Thanks. Messenger is pretty straightforward but Whatsapp is foxing me at the moment.


(Tomas Jakobs) #4

Well not as Stack but many Chat Platforms gives you a code snippet you may add to your site. I am using an own Rocket-Chat Server (Open Source Software). This gives me true secure und privacy and nothing is shared with 3rd parties.

https://jakobssystems.net


(Michael Frankland) #5

This is now a RapidWeaver Stack - have used this kind of approach for a while now and users love it (Facebook Messenger) - suits me too as get mobile notifications:
http://demo.yuzoolthemes.com/messenger/
(free Stack)


(Rob Beattie) #6

That’s great Michael, thanks very much.

So how easy would it be to do the same for Whatsapp?

:sunglasses:


(Michael Frankland) #7

Absolutely @robbeattie will have to see Whatsapp (it’s all LINE app here in Japan so not too familiar with it!)

You can link like this:

<a href=" https://api.whatsapp.com/send?phone=15551234567">Send message to WhatsApp</a>

or swap the link for:

https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext

so eg:

https://api.whatsapp.com/send?phone=15551234567&text=I'm%20interested%20in%20your%20car%20for%20sale

Add this to a Button Stack?

This might be a good start! :slight_smile:


(Rob Beattie) #8

Thanks Michael. I’m already using that kind of code here - https://www.tildensltd.co.uk - on mobile devices, but the lazybones in me likes the idea of being able to add FB and Whatsapp using a stack!

Rob


(Michael Frankland) #9

Oh nice use @robbeattie!

Roger - I like the lazybones approach - will bear it in mind for future updates :wink:


(klaatu) #10

Love the images on that site.

Is there a reason why the contact us map is pointing to the Lima District in Peru?


(Rob Beattie) #11

Because the client commutes to and from the UK to Peru.

Alternatively it could be because the ‘T’ got knocked off the post code.

Fixed.

Thanks!