- NewspaperFacebook Share
I want to show few social media share icon (Facebook, Twitter, E-mail) and another (Linkedin, Reddit, WhatsApp, line, telegram) icon in more icon. How to custom it.
And How to show “Line” and “WhatsApp” in desktop? (Now them showin mobile only)
Calin, hello!
Please, do not underestimate my note. I am also a developer. This is not a misunderstanding about the viewport or the device on which they were scheduled to appear … They do not appear correctly at the same screen size for which they were intended. Even the green background and the blue background of whatsapp and telegram appear, but the central icon (Unicode) does not. And there is another problem. They do not work correctly on iOS devices in Safari. As I said, I created a function of my own to play the same role because in our page rendering optimization measures we thought it would be the best solution. And for me, at least, the situation has been resolved. But I think of other users who, like me, are having the same difficulty but have no resources or knowledge to solve on their own … Here, in my case, I have a portal with a large number of hits and the sharing function is essential, for user engagement and improved direct access numbers …
We are solving with the development of a specific function for sharing (we will put utm parameters in generated links for tracking).
Also, we realize that the generation of Newsmag sharing icons renders long after the page has been rendered, and let’s test if there is any performance improvement with our own function.
Until then, we are using a small css hack to get the icons working … Not in proportion, but for now they work …
This custom CSS:
.td-icon-whatsapp:before {
content: url(wp-content/uploads/2019/12/whatsapp_icon.png);
margin-left: -11px;
}
.td-icon-telegram:before {
content: url(wp-content/uploads/2019/12/telegram_icon.png);
margin-left: -11px;
}
Hi Calin,
Thank you for your prompt reply. So I tested disabling all plugins except TD composer … Same result … But I don’t imagine there could be a conflict, as only Telegram and Whatsapp have X instead of the appropriate unicode symbol. The others appear perfectly.
Sounds like a problem with the custom newsmag font …
My site: visaooeste.com.br
Hello boyztimes,
I also had the same problem. I was told that I did not have data source, that is why the images do not appear on social sharing. In order to fix that, yoast seo plugin was installed -> https://kb.yoast.com/kb/getting-open-graph-for-your-articles/
After installing yoast seo also, you need to set featured images of less than 300kb, for the image to show in the social sharing of Whatsapp. You could use Photoshop or any plugin to optimize images. Else, you could use this online website to optimize images -> http://www.resizeimage.4u2ges.com/ .
Hi
My English is not good, hope u understand,
i set the featured image already on the page, and if i share the link To facebook , cant not show the “featured image”
and sometimes was show the first PIC on the page, not the featured image,
how can i fix this
thanks
In mobile mode, Whatsapp and Telegram (maybe other, I do not test all) are missing… It shows only a square in color of app (green for whatsapp, blue for telegram) and a X for image error into that…
Post featured image is not showing when link of a post is shared on WhatsApp, Facebook etc.
Thank you! Now I can see social networks in my theme panel, but in single post page whatsapp share button doesn’t work yet!
I am using the Animals Pro Mag theme.
I disabled it but still post views are visible on posts. Here is how it looks – https://prnt.sc/pwaqga
I have enabled sharing but the photo doesn’t show in WhatsApp sharing. I am having same issue as raised by someoone else, link to the topic – https://forum.tagdiv.com/topic/no-photo-on-whatsapp-for-the-template-animals-magazine/ . I have set this image https://demo.tagdiv.com/newspaper_fitness_pro/wp-content/uploads/2019/06/44.jpg as featured image for one of my post and yet the photo isn’t visible in whatsapp sharing.
Hello!
That is because this option is made for the mobile device that have the Whatsapp install, this will work only if the visitor on your website is connect to Whatsapp on desktop.
Thank you!
How to disable post views count?
Also, when I share a post on Whatsapp, the featured image isn’t loading. How do I do that?
Hi,
I have set up sharing trought whatsapp but it does not show up in my posts, please see screenshots below:
Settings
https://www.screencast.com/t/afBWFvIVB
Post page:
https://www.screencast.com/t/7B1Ic8VwN
(https://pelotas13horas.com.br/destaque-de-sabado-olivio-pedia-autorizacao-ao-gerente/)
Hi,
You do not need to add your number for sharing on whatsapp , this option is enable only on mobile version, so the users that visit your website to can share on whatsapp your posts.
Sharing -> https://forum.tagdiv.com/sharing/
Thank you!
Could you please let me know how to share thumbnail (description and Image/Icon) via whatsapp?
When I share the Home Page, only show the link
I have the same problem, my website https://wehomeyou.blog, whatsapp share buttom doesn´t work on IOS, I’ve tried in 2 different devices. It works perfectly on android devices.
Hi,
I have set up social icons from post settings to show, but LINE and Whatsapp icons are missing on my page. Could you please help me that I need to show LINE icon on my page top.
Thank you.
I have set up social icons from post settings, but LINE and Whatsapp icons are missing on my page.
well, i miss the RSS sharing option, because the Whatsapp sharing option only appears in mobile… not in desktop version, but it’s ok.
so, i ask for adding a RSS sharing option. thanks
Hi!
i’m seting up my website with your template newspaper in reformadiari.cat
i would like to add the Whatsapp and RSS buttons in order that the people can share my articles. and this option is not present in the post setting / sharing section in the admin panel
who to add that?
waiting for your reply
thanks
Jou Tarrat
Hi,
I’ve just make some search for this problem, and is look that if the image that is set as featured image is more then 300KB will not longer be display -> https://stackoverflow.com/questions/25100917/showing-thumbnail-for-link-in-whatsapp-ogimage-meta-tag-doesnt-work as example you can try on this single post template that have a featured image under 300KB -> https://demo.tagdiv.com/newspaper_fitness_pro/2019/06/04/td-post-important-tips-how-to-use-bikes-and-treadmills/
Thank you!
Good evening, I purchased the “Animals Magazine” template and noticed that every time you try to share an article on whatsapp from any smartphone (even on whatsapp web for example), the photo is not displayed. On other social media like facebook the photo is displayed correctly. I tried to make a share also from your site sharing for example this article: https://demo.tagdiv.com/newspaper_animals_pro/2019/03/14/td-post-habitat-fragmentation-causes-inbreeding-in-california- cougars / but as you can verify no preview photo is displayed.
I await the resolution of the problem.
Thanks
Alessandro
Hello, activate the whatsapp icon and it goes well on the mobile but when I press it from the mobile it just loads the page again and does not take me to the whatsapp to share it, know what else should I do or what am I doing wrong?


Hi,
Please notice that even if the Whatsapp share button is showing on desktop the function behind is made only for mobile device, when you click on the Whatsapp button will try to find this app on the mobile phone and if you are not on a mobile device this will not work.
Thank you for your understanding!
Hi,
a few weeks a go we added the custom code you provided to add WA button on desktop version.
suddenly it stopped working.
This is what we added:
.td-social-whatsapp {
display: inline-block;
}
i send you a link to one post of our website so you can check.
Thanks
regards
Antonio