Botão Wattsapp código Html

Olá! Alguém teria um código Html do botão de wattsapp? Eu tenho instalado um código, mas parou de funcionar :slightly_frowning_face:

Olá!!

Temos um artigo com um código de exemplo: Como adicionar um botão do WhatsApp no rodapé da loja? | Ajuda Loja Integrada

Até mais!!

2 curtidas

Bom dia @Thais_Ginotti , tenta esse codigo é oq eu uso.

<!-- Botao WhatsApp -->
  
    <style>
    #botaoWhats {
        width: 60px;
        height: 60px;
        position: fixed;
        bottom: 9px;
        right: 75px;
        background-color: #0fbd69;
        box-shadow: 0 0 0 0 rgb(61 232 123 / 70%);
        -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        text-align: center;
        line-height: 60px;
        font-size: 30px;
        border-radius: 30px;
	   z-index: 9999999;
    }
    
    #botaoWhats:hover {   
        -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
    }
    
    #botaoWhats .icon-whats {
        color: #fff;
        display: block;
        width: 100%;
        height: 100%;
        line-height: 60px;
    }
    
    @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
</style>

<div id="botaoWhats">
    <a href="https://wa.me/55seutelefone?text=Olá, Tenho uma Dúvida, pode me ajudar?" target="_blank" class="icon-whats"><i class="fa fa-whatsapp"></i></a>
</div>

4 curtidas

Muito obrigado pela ajuda! Pesquisei nos tópicos e não tinha achado.
Forte abraço!

Valeu amigo! Muito obrigado pela ajuda!
Forte abraço!

1 curtida