How to add whatsapp in the share button list next to facebook

Product Support

AI-generated summary

Adding WhatsApp to the Share Button List

The discussion revolves around adding a WhatsApp share button to a Discourse forum. Menzer asks if the feature is available, and Falco responds with a link to the social share component and explains that on Android, the OS share dialog includes WhatsApp if installed.

To add the WhatsApp share button, robmc clarifies that it’s a Theme Component, not a plugin, and provides a link to the beginner’s guide to using Discourse themes. Johani assures that adding the component won’t affect the existing theme’s look.

After successfully adding the WhatsApp share button, Menzer encounters an issue with the popup share box’s position. They managed to adjust the CSS, but the box doesn’t display correctly when scrolling down a long topic. They suspect it’s due to JavaScript calculating the position and seek help in finding where to amend it.

1

Hi guys, alot of my forum users use whats app and I was wondering if there if whatsapp share button is on discourse as I cant find it or do I have to add it

2

Please check: Social Share

Also, on Android we default to the OS share dialog which includes Whatsapp if installed.

3

Hey thank you so much for quick reply I will check this out,so all I do is install the plugin?

4

Yes, and no :slight_smile:

This is a Theme Component, not a plugin - you can read about the Themes in the new guide: Beginner's guide to using Discourse Themes

It is easier to incorporate into your site

5

Ok one more question I think - lol With this theme will I still be able to recreate and maintain my existing look

6

Yes you can. If you add it as a theme component to your current active theme.

7

Thanks for your help guys all of you… I will have a play around and see what I will learn from the info and links :slight_smile:

8

Update manage to add the whatsapp link and it works a treat thanks! so easy to do just one issue… when I click on the share button the popup share box appears way down the page and not around the Share Link icon, I have attached a screenshot.

share%20block%20issue
share%20block%20issue559Ă—452 29.6 KB

I managed to find the CSS and move the position of the sharebox but the problem is if you scroll down or have a long topic and then click on the share link, the share popup box does not display in the current screen view but up top 265px from the top of the page not the page position.

I believe that is because the javascript calculates the position so I am wondering where I can amend this

Thanks