Aggiungi pulsante WhatsApp

Permetti ai tuoi clienti di cliccare su un pulsante per avviare una conversazione dal tuo sito web direttamente al tuo numero di telefono su “WhatsApp” o “WhatsApp Business”. Questo frammento di codice aggiunge un pulsante WhatsApp nel quale puoi includere un messaggio preimpostato. Il pulsante sarà visibile solo su tablet e smartphone.

Copia e incolla il codice sul tuo sito e poi modifica il tuo numero di telefono e il messaggio personalizzato nella riga 30: href=”https://wa.me/+391234567890?text=Ciao!

PHP
/*
* Snippet Name:     Aggiungi pulsante WhatsApp
* Snippet Author:   Matteo De Maria
* Version:          1.0.0
*/

function dmm_pulsante_whatsapp() {
    ?>
    <style>
/* Nasconde il pulsante su schermi grandi */
    .dmm-whatsapp {
        display: none;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
    }

/* Mostra il pulsante su dispositivi mobili */
    @media (max-width: 992px) {
        .dmm-whatsapp {
            display: block;
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            z-index: 99;
        }
    }
    </style>
    <a href="https://wa.me/+391234567890?text=Ciao!" class="dmm-whatsapp" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><circle cx="32" cy="32" r="31" fill="#30bf39"/><path fill="#fff" d="M41.4 34.8c-.4-.2-2.5-1.4-2.9-1.5-.4-.2-.7-.2-1 .2-.3.4-1.2 1.4-1.4 1.6-.3.3-.5.3-.9.1-.4-.2-1.8-.7-3.4-2.3-1.2-1.2-2.1-2.6-2.3-3.1-.2-.4 0-.7.2-.9.2-.2.4-.5.7-.7s.3-.4.5-.7c.2-.3.1-.5 0-.8s-.9-2.4-1.2-3.3c-.3-.9-.7-.7-.9-.8-.3 0-.5-.1-.8-.1-.4 0-.9.2-1.2.5-.4.4-1.6 1.4-1.6 3.5s1.4 4.3 1.6 4.5c.2.3 2.8 4.9 7.1 6.8 4.3 1.9 4.3 1.3 5.1 1.3.8 0 2.6-1 3-1.9.4-1 .4-1.9.3-2-.2 0-.5-.1-.9-.4zm-8 10.3c-2.8 0-5.4-.8-7.7-2.3l-5.4 1.7 1.8-5.2c-1.7-2.4-2.7-5.3-2.7-8.3 0-7.8 6.3-14.1 14.1-14.1s14 6.3 14 14.1-6.3 14.1-14.1 14.1zm0-31c-9.3 0-16.9 7.6-16.9 16.9 0 3.1.8 6.1 2.4 8.7l-3.1 9.1 9.4-3c2.5 1.4 5.3 2.1 8.2 2.1 9.3 0 16.9-7.6 16.9-16.9s-7.5-16.9-16.9-16.9z"/></svg>
    </a>
    <?php
}
add_action('wp_footer', 'dmm_pulsante_whatsapp');

Copia il codice nel file functions.php del tuo tema child attivo o utilizza il plugin Code Snippets

Lascia un commento

I commenti non pertinenti allo snippet o offensivi non verranno approvati.

Se desideri condividere del codice, per favore fallo in questo modo: [php]il tuo codice[/php].

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

DMM WEB DESIGN
Questo sito utilizza cookie tecnici e di profilazione. Cliccando su accetta si autorizzano tutti i cookie di profilazione. Cliccando su rifiuta o la X si rifiutano tutti i cookie di profilazione. Cliccando su personalizza è possibile selezionare quali cookie di profilazione attivare.