Botões de WhatsApp sobrepostos, dois

Gustavo_Nieri

Olá.

Estou criando meu botão flutuante, e me deparei com um impasse aqui.

Os plugins que vem de fábrica na Hostnet, dentro deles tem dois de SocialChat, uma vez desabilitei eles por que estavam me atrapalhando no desenvolvimento do site, não consegui desabilitar o Pro, mas agorareabilitei-os por que creio que vou usar

Daí adicionei o botão flutuante com wifget do GravityForms, daí um sobrepos o outro.

Eu preciso do plugin de SocialChat ativo para usar o meu botão flutuante? Ou posso desabilitar e ele não tem nada haver com esse botão?

Eu não pretendo usar, nem fazer chat ao vivo no meu site, então se for esse propósito desses plugins SocialChat, eu vou desinstalar os dois.

Aguardo resposta, um esclarecimento sobre o que usar por favor.

Gustavo_Nieri

O meu botão widget do Gravity é o botão redondo roxo, está por baixo do botão do SocialChat. Quero usar o botão roxo

ivan

Gustavo_Nieri você tem algumas alternativas para resolver isso:

verificar nas configurações de ambos os botões se existe alguma conf relacionada ao posicionamento. Caso exista, basta fazer a alteração de modo que não ocorra a sobreposição;
ajustar o posicionamento de um dos botões de forma que um não sobreponha o outro. Pode fazer isso usando o Microthemer (tem curso do plugin na Academia - não requer conhecimento de CSS), ou então usando CSS adicional (requer conhecimento de CSS);
desativar o Social Chat e criar um botão mais simples com o Elementor e ajustar o posicionamento para que não sobreponha o outro botão. Temos uma aula sobre botão do WhatsApp no Curso de Elementor Pro e também uma aula sobre botão de Whatsapp no curso de Microthemer (ambos na Academia Hostnet).

[Edit] O plugin de Social Chat tem muitos recursos que, pelo o que entendi do seu caso, você não fará usao e quer apenas um botão simples. Dessa forma recomendo fazer o procedimento de criação do botão de uma forma mais simples e para isso você pode consultar as aulas mencionadas. Vou listar elas aqui para você:

Microthemer:

https://academia.hostnet.com.br/cursos/curso-de-edicao-visual-de-css-com-microthemer/modulos/microthemer-na-pratica-solucoes-e-aplicacoes-reais-005615/aulas/configurando-um-botao-fixo-para-whatsapp-com-efeito-hover-no-microthemer-1725/

Elementor:

https://academia.hostnet.com.br/cursos/curso-completo-de-elementor-construindo-sites-do-zero/modulos/personalizacao-total-criando-layouts-exclusivos-145054/aulas/botao-flutuante-para-whatsapp-e-outros-contatos-no-elementor-1909/

Gustavo_Nieri

Certo, obrigado pela resposta Ivan, mas eu preciso retificar a minha pergunta porque eu confundi algumas coisas:

"eu disse que usei o widget do gravityforms para criar o botão, nada haver, confundi, o que usei pra criar o botão foi o botão flutuantes da aba modelos no Wordpress, o que eu quero saber é

Todas essas duas formas de criar botão flutuante simples para link para o WhatsApp funcionam? Digo, funcionam independentes, elas tem uma mesma função ?

O SocialChat cria um botão link simples para o WhatsApp, ou ele é plugin específico para chat ao vivo com o cliente

Aguardo resposta

ivan

Gustavo_Nieri todos os botões flutuantes “simples” funcionam da mesma forma: eles nada mais são que divs estilizadas em forma de botão com um link, e esse link leva a uma conversa do Whatsapp. Se está com dificuldades de mexer com esse botões, recomendo usar o plugin do Social Chat mesmo que irá facilitar todo o processo.