Share Your Content On WhatsApp Without Using Api

05 November, 2015

Share Your Content On WhatsApp Without Using Api

In this post, i have explained about How to share content on WhatsApp without using API. Most of the smartphone user using WhatsApp application. If your content is good they will share with others. You can get many visitors on your website. So adding WhatsApp share button to the website or blog it's a good idea.

Live Demo Download

Html

Url will share whatapp href= whatsapp://send?text="text". Html5 attribute element will take data-action.

<html>
<body>
  <a class="btn btn_prop" href="whatsapp://send?text= Your text message enter here" data-action="share/whatsapp/share">
Share via Whatsapp</a>
</body>
</html>

CSS

Share button I have added style code bin btn_prop

<style type="text/css">
  .btn {
    background-image: url('whats_icon.png');
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block !important;
    position: relative;
    cursor: pointer;
    text-transform: none;
    color: #fff;
    border-radius: 3px;
    background-color: #5cbe4a;
    background-repeat: no-repeat;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
}

.btn_prop {
    font-size: 16px;
    background-size: 20px;
    background-position: 5px 5px;
    padding: 8px 6px 8px 30px;
    color: #fff;
}
</style>

Have a Question? Share your query by writing a comment below.

"If we are not free, no one will respect us. "

- A. P. J. Abdul Kalam

Menu Link

05 November, 2015