Share Your Content On WhatsApp Without Using Api - Mostlikers

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. 

Share Your Content On WhatsApp Without Using Api


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








Related Topics

  • Analyze and optimize your website with google PageSpeed tools
  • Find latitude and longitude with Google Maps
  • Generate RSS Feed for website using PHP and JSON script
  • Ajax add,view and delete using MySQLi
  • Active and inactive users concept using PHP and Ajax
  • How to Make a Simple Search Engine using PHP and MySQLi
  • PDO basic insert,view,update,delete with PHP function
  • Send email with HTML template using PHP
  • Login with facebook using CodeIgniter


2 comments:

  1. But if we use it in a website, a user on pc will get a page like 'address wasn;t understood'. Please include some detail on its usage.

    ReplyDelete
  2. Hello Sir please help me my need in whatup api in share contain my email harish.tripathi80@gmail.com

    ReplyDelete