1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved I want whatsapp icon in the social icon list in sidebar

Discussion in 'Free Divi Community Forum' started by noptm1, Mar 19, 2020.

  1. noptm1

    noptm1 New Member

    Hi, I would like to have WhatsApp chat icon in the social icon list in the sidebar like I already have Facebook and Twitter. I have added a chat icon in the right below corner. But I want it along with other social icons. I hope you can understand. Can anyone please help me how can I do it?

    Website: http://noodzakelijkonline.veela.nl/
    1 Capture.png
     
    1. AD Recommended Web Hosting for Divi sites: https://divi.help/link-forums/siteground.140/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Took some time to create the code below.

    Try it in Divi > Theme Options > Integration > Body Code:
    Code:
    <script>
        jQuery(function($){
            $( ".et-social-icons" ).append('<li class="et-social-icon"><a href="https://wa.me/99999999999" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" class="wh-messenger-svg-whatsapp wh-svg-icon" style="fill: white;width: 21px;height: 20px;display: inline;margin-left: -2px;margin-bottom: -4px;"><path d=" M19.11 17.205c-.372 0-1.088 1.39-1.518 1.39a.63.63 0 0 1-.315-.1c-.802-.402-1.504-.817-2.163-1.447-.545-.516-1.146-1.29-1.46-1.963a.426.426 0 0 1-.073-.215c0-.33.99-.945.99-1.49 0-.143-.73-2.09-.832-2.335-.143-.372-.214-.487-.6-.487-.187 0-.36-.043-.53-.043-.302 0-.53.115-.746.315-.688.645-1.032 1.318-1.06 2.264v.114c-.015.99.472 1.977 1.017 2.78 1.23 1.82 2.506 3.41 4.554 4.34.616.287 2.035.888 2.722.888.817 0 2.15-.515 2.478-1.318.13-.33.244-.73.244-1.088 0-.058 0-.144-.03-.215-.1-.172-2.434-1.39-2.678-1.39zm-2.908 7.593c-1.747 0-3.48-.53-4.942-1.49L7.793 24.41l1.132-3.337a8.955 8.955 0 0 1-1.72-5.272c0-4.955 4.04-8.995 8.997-8.995S25.2 10.845 25.2 15.8c0 4.958-4.04 8.998-8.998 8.998zm0-19.798c-5.96 0-10.8 4.842-10.8 10.8 0 1.964.53 3.898 1.546 5.574L5 27.176l5.974-1.92a10.807 10.807 0 0 0 16.03-9.455c0-5.958-4.842-10.8-10.802-10.8z" fill-rule="evenodd"></path></svg></a></li>');
        });
    </script>
     
    Irving Gómez and noptm1 like this.
  3. Irving Gómez

    Irving Gómez New Member

    hi!, thank you for this, but please, can you change the telephone number(99999999999)?, i used the code and contacted the owner by mistake haha, and he ask me if this could be possible.
    Again, thank you for this, it worked like a charm. (y)
     
    1. AD Free download for Divi Mobile Bar Plugin: https://divi.help/threads/divi-mobile-bar-plugin-free.1579/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Done changing it.
     

Recommended Divi Hosting