Inserir Botão WhatsApp no canto inferior direito

Storefront (loja)
#11

oi @diogosalvador, conforme o Matheus falou, o problema é que o código do Carlos estava importando o ícone do font awesome e tava dando conflito (porque a gente já usa).

Usa esse código aqui que vai dar certo. Eu testei aqui na minha loja: (Só confere o numero do telefone por favor!)

<a href="https://wa.me/5531994365903?text=Ola%20estou%20na%20sua%20loja" style="position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;
z-index:1000;" target="_blank">
<i style="margin-top:16px" class="fab fa-whatsapp"></i>
</a>
2 curtidas
#12

@thais obrigado por corrigir o código que eu havia enviado e desculpas @diogosalvador pelo código com erro :relaxed:

3 curtidas
#13

Muito Obrigado @thais, funcionou perfeitamente.

@Carlos, sem problemas, obg pela ajuda

2 curtidas
#14

Oi @thais
tudo bem?

Por acaso vi esse chamado, consegui colocar o whatsapp, tudo certinho conforme sua orientação.
Mas aproveitando… quando eu fui acrescentar o código, na tela de pré visualização no lado direito, aparece junto do banner, algumas informações destacadas num quadrado rosa, onde tem informações sobre frete, parcelamento…
Mas de fato esse quadrado rosa não aparece na minha loja.
Onde consigo incluir isso? Tornar ele visível? Achei legal.

image
image1349×495 174 KB

#15

Bom dia @celly, tudo bem?

celly
celly1900×892 52.4 KB
celly-1
celly-11894×822 45 KB
celly-2
celly-2948×654 33.4 KB

#16

Oii

Deu certo!!
Porém ele ficou um pouco embaixo do banner (o banner de imagens tampa uma parte das informações).
É possível colocar essas informações um pouco mais pra baixo?
Porque já fiz os banners de imagens com as medidas corretas que a consultoria disse que deveria ter.

#17

** Só retificando, no celular ficou perfeito…
O que comentei acima é só quando acessa no note.

#18

Inseri aqui e já tem uma pequena distância. O códigoCSS utilizado é:

@media(min-width: 767px) {
  .info-bar {
    margin-top: 1rem;
  }
}
#19

@thais

Coloquei o código que você indicou e outro cliente conseguiu mas aqui não surgiu efeito, o que pode ser?

Obrigado

#20

Bom dia @vaporstore, tudo bem?
Está mostrando lá no canto direito da página. Tem um pequeno delay pra mostrar, é por volta de 1 minuto.

1 curtida
#21

Matheus fiz o cadastro mais não apareceu.

#22

Tinha um erro lá no seu código @bemgasto.
O código que era para estar dentro de /body, estava dentro de CSS

#23

obrigado.

1 curtida
#24

Poderiam dar uma olhada no botão de whatsapp de minha loja?
Coloquei esse código que vocês indicaram, mas depois eu troquei o texto, só que não atualiza o texto (está lá no código, sendo que está aparecendo o texto antigo)

#25

Oi @thais, tudo bem? Inseri o código que vc citou. No preview da página ele aparece, mas na página não. Tem como você me dar uma ajuda? Obrigado

#26

Olá @hasbrasil esse é o tutorial atualizado, foi assim que incluiu? Se sim, pode tirar um print da configuração para eu ver certinho? Obrigada

1 curtida
#27

@Luiza, funcionou… só demorou um pouco mais que as outras configurações que eu estava fazendo. Obrigado

1 curtida
#28

Eu também estou tentando inserir o código e não dar certo. Poderia me enviar um código com este número, por favor.
5533998725941

#29

Poderia me enviar um código com meu número também, por favor.
Com este acima alterando para meu número, não deu certo.

#30

Resolvido via chat @lucileneafpereira :wink: