Amigos tenho conhecimento basico de html e css
Preciso de ajudar para adicionar um botão clicável de whatsapp embaixo do botão de compras no meu site
Bebedouro Industrial 200 Litros - Gelanox - bebedouro

O painel permite inserir html apenas no Rodapé e no Cabeçalho
Acredito que eu preciso de algum comando CSS para puxar este html do rodapé para outra posição desejada… mas desconheço essa função. Não achei nenhum tutorial.
Alguém poderia me instruir como funciona a função after e before do css para eu inserir este botão?
Conto com vcs! obrigado
Boa noite, @Saulo_Assis. Vc pode adicionar trechos de código utilizando js:
$( ".elemento-referencia" ).before(" <p>Trecho a ser inserido</p>");
$( ".elemento-referencia" ).after(" <p>Trecho a ser inserido</p>");
Depende o que você quer usar como referência, mas os dois se comportam mais ou menos da mesma maneira. Se precisar de ajuda é só chamar.
Douglas Medina
Especialista em e-commerce
Whatsapp
Personalização de lojas
Instagram
@_douglasmedina
Conteúdo
douglasmedina.com
Que bacana! Obrigado pelo retorno
E como seria para incluir o seguinte botão dentro deste código?
<a href="https://api.whatsapp.com/send?phone=55111111111111&text=texto%20da%20mensagem" class="botao-wpp">whatsapp</a>
Olá !
Infezlimente esse ajuste é um pouco mais complexo. 
Nosso suporte Be 01 que fazemos gratuitamente aqui na cominudade ajudando nossos amigos lojistas vai até um certo nivel de complexidade.
Você tem duas opções:
1º opção é esperar algum outro amigo da comunidade ou os moderadores te auxiliar para resolver o seu problema.
2º opção seria contratar nosso suporte Be 02 fazendo orçamento no nosso WhatsApp: (11) 99317-6208 de segunda à sexta, das 10:00 às 18:00.
Qualquer coisa é só dar um beep 


@Saulo_Assis, mesmo esquema.
Veja onde você quer adicionar, daí faz assim:
$( ".botao-comprar" ).after(" <a href="https://api.whatsapp.com/send?phone=55111111111111&text=texto%20da%20mensagem" class="botao-wpp">whatsapp</a>");
Só veja a classe certinha do elemento que fica antes. Feito isso é só adicionar como javascript no seu painel, como você já é acostumado.
Douglas Medina
Especialista em e-commerce
Whatsapp
Personalização de lojas
Instagram
@_douglasmedina
Conteúdo
douglasmedina.com
1 curtida