Free Online Tool: Join Whatsapp Channel Codes

Join Whatsapp Channel Codes: Whatsapp Button Codes For Website/Blog

“Join Our WhatsApp Channel” Codes: Copy the below code and "https://whatsapp.com/channel/0029VaF9CS84yltMYnQ70l3Q" Replace this link with your WhatsApp channel link.

    
    <style>
        .sb-whatsapp {
          display: inline-block;
          padding: 10px 20px;
          background-color: #17fc63; 
          color: #fff;
          text-decoration: none;
          border-radius: 5px;
          font-weight: bold;
          transition: background-color 0.3s ease;
        }

        .sb-whatsapp:hover {
          background-color: #128C7E; 
        }

        .tl-icon {
          margin-right: 5px;
        }
      </style>

      <a class="sb-whatsapp" data-value="whatsapp" title="Join WhatsApp Channel" href="https://whatsapp.com/channel/0029VaF9CS84yltMYnQ70l3Q" target="_blank" rel="nofollow">
        <span class="tl-icon"><img src="https://cdn.abplive.com/images/whatsapp.svg" alt="Join WhatsApp Channel"></span> Join WhatsApp Channel
      </a>

    
    
    <style>
    .whatsapp_channel a {
        font-weight: bold;
        color: black;
        border: 1px solid #368a41; 
        background-color: #7eed5f; 
        padding: 10px; 
        text-decoration: none; 
        border-radius: 5px; 
    }
</style>

<div class="whatsapp_channel"> 
                <a target="_blank" href="https://whatsapp.com/channel/0029VaF9CS84yltMYnQ70l3Q">Join WhatsApp Channel 

<span> <svg version="1.1" width="40" height="40" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 30 30;" xml:space="preserve" viewBox="0 0 30 30"><g><g><circle fill="#368a41" cx="15" cy="15" r="15"></circle></g><g><g><path fill="#FFFFFF" d="M15,23.5c-1.5,0-2.9-0.4-4.2-1.1l-3.3,1.1L8.1,20c-1.1-1.5-1.6-3.2-1.6-5c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5C23.5,19.7,19.7,23.5,15,23.5z M10.9,21l0.3,0.2c1.2,0.7,2.5,1.1,3.8,1.1c4,0,7.2-3.2,7.2-7.2c0-4-3.2-7.2-7.2-7.2c-4,0-7.2,3.2-7.2,7.2c0,1.6,0.5,3.2,1.5,4.4l0.2,0.2l-0.4,1.9L10.9,21z"></path></g><path d="M10.7,11.7c0,0,0.5-0.9,0.9-0.9c0.4,0,0.9,0,1.1,0.2c0.1,0.3,0.8,1.8,0.8,1.8s0.1,0.3-0.1,0.5c-0.2,0.3-0.5,0.6-0.5,0.6s-0.2,0.3,0,0.5c0.2,0.3,0.5,0.8,1.2,1.5c0.7,0.7,1.9,1.1,1.9,1.1s0.2,0,0.3-0.1c0.1-0.1,0.7-0.9,0.7-0.9s0.2-0.3,0.5-0.1c0.3,0.2,1.8,0.9,1.8,0.9s0.2,0.1,0.2,0.3c0,0.3-0.1,0.9-0.3,1.1c-0.2,0.2-0.8,0.9-1.8,0.9c-0.9,0-3.2-0.8-4.4-1.9c-1.2-1.2-2.2-2.4-2.5-3.5C10.4,12.7,10.4,12.2,10.7,11.7z"></path></g></g></svg> </span>                </a> 
            </div>

        
        <a target="_blank" href="https://whatsapp.com/channel/0029VaF9CS84yltMYnQ70l3Q" style="display: flex; text-decoration: none;">
  <div class="fl_txt" style="border: 1px solid #000; padding: 5px;"><strong>Join our Channel</strong></div>  
  <svg viewBox="0,0,256,256" width="40px" height="32px" style="border: 1px solid #000;">
    <g fill="#25d366" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;">
      <g transform="scale(5.12,5.12)">
        <path d="M25,2c-12.682,0 -23,10.318 -23,23c0,3.96 1.023,7.854 2.963,11.29l-2.926,10.44c-0.096,0.343 -0.003,0.711 0.245,0.966c0.191,0.197 0.451,0.304 0.718,0.304c0.08,0 0.161,-0.01 0.24,-0.029l10.896,-2.699c3.327,1.786 7.074,2.728 10.864,2.728c12.682,0 23,-10.318 23,-23c0,-12.682 -10.318,-23 -23,-23zM36.57,33.116c-0.492,1.362 -2.852,2.605 -3.986,2.772c-1.018,0.149 -2.306,0.213 -3.72,-0.231c-0.857,-0.27 -1.957,-0.628 -3.366,-1.229c-5.923,-2.526 -9.791,-8.415 -10.087,-8.804c-0.295,-0.389 -2.411,-3.161 -2.411,-6.03c0,-2.869 1.525,-4.28 2.067,-4.864c0.542,-0.584 1.181,-0.73 1.575,-0.73c0.394,0 0.787,0.005 1.132,0.021c0.363,0.018 0.85,-0.137 1.329,1.001c0.492,1.168 1.673,4.037 1.819,4.33c0.148,0.292 0.246,0.633 0.05,1.022c-0.196,0.389 -0.294,0.632 -0.59,0.973c-0.296,0.341 -0.62,0.76 -0.886,1.022c-0.296,0.291 -0.603,0.606 -0.259,1.19c0.344,0.584 1.529,2.493 3.285,4.039c-2.255,1.986 4.158,2.602 4.748,2.894c0.59,0.292 0.935,0.243 1.279,-0.146c0.344,-0.39 1.476,-1.703 1.869,-2.286c0.393,-0.583 0.787,-0.487 1.329,-0.292c0.542,0.194 3.445,1.604 4.035,1.896c0.59,0.292 0.984,0.438 1.132,0.681c0.148,0.242 0.148,1.41 -0.344,2.771z"></path>
      </g>
    </g>
  </svg>
</a>