Mensagem automatica whatsapp com link de produto

Screenshot_16


Eu já consegui colocar a mensagem automatica, mas eu gostaria de que quando o cliente tocar no botão “Tire sua duvida pelo whatsapp” já fosse o link do produto que o cliente escolher, é possível fazer isso???
Me ajudem?

2 curtidas

que top, acompanhando para colocar na minha loja.

1 curtida

@janiiel14 Se você não tiver o código, vou deixar ele aqui pra tu.

Seria top, também gostaria do código. :ok_hand: :pray: :pray:

Rodapé
Javascrip:
var bWhatsapp = $('Tire suas dúvidas pelo WhatsApp ');
bWhatsapp.insertAfter($(".listagem-item .acoes-produto .botao")) ;

Após o “Phone=” vocês digitam o número que voces querem.

CSS:
.listagem [data-produtos-linha] li:hover a.duvidas-whatsapp, .row-fluid .listagem li:hover a.duvidas-whatsapp {
opacity: 1;
}

a.duvidas-whatsapp {
position: absolute;
bottom: 10px;
width: calc(100% - 33px);
margin: 40px 0 0;
background-color: #FDC700;
text-decoration: none;
padding: 10px;
font-weight: 600;
border: solid 1px #FDC700;
justify-content: space-between;
border-radius: 4px;
text-align: center;
opacity: 0;

-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}
a.duvidas-whatsapp:hover {
border-color: #FDC700;
background-color: #FDC700;
color: black;
font-weight: 600;
}
a.duvidas-whatsapp i {
color: #000000;
font-size: 16px;
vertical-align: middle;

-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}
a.duvidas-whatsapp:hover i {
color: #000000;
}