Pular para o conteúdo

Como Colocar Botão do WhatsApp no Site WordPress (Duas Maneiras) 🟢

Veja nesse tutorial WordPress e Elementor Duas formas de Como Colocar Botão do WhatsApp no Site WordPerss. Inserir o ícone do WhatsApp no site criado em WordPress e/ou Elementor e Lojas Virtuais com Woocommerce, aumenta a probabilidade de converter mais os visitantes do site, uma vez que ao clicar no Botão do WhatsApp que está linkado com o WhatsApp da Empresa, eles serão redirecionados e falarão com os representantes/funcionários da empresa via WhatsApp. E o WhatsApp proporciona uma “proximidade a mais” entre as pessoas, é mais fácil, mais “lembrado” e o empreendedor ainda pode ficar adicionando Stories para os novos contatos verem e quem sabe adquirir um produto ou serviço novamente ou mesmo tomaram a decisão que não tomaram no primeiro contato.

Dois estão buscando site e nesse vídeo eu achei ensinar duas formas de colocar um botão do whatsapp no seu site e aí e o metal antes de começar o vídeo eu vou pedir para você pede a deixar um like aqui pra mim se inscreva no canal se você ainda não for inscrito ativar o sininho para receber uma notificação sempre que eu vou com um vídeo novo aqui no canal me

Seguindo nas minhas redes sociais para a gente poder tirar chico lá eu sempre deixe o caixinha de perguntas para responder as dúvidas de vocês por lá então corre está indo lá também e clica no link eu vou deixar aqui na descrição para ir direto lá para o meu canal vídeo tá negando tá bom então vamos lá vamos para a tela do meu computador agora vão eu estou

Aqui no site da aurora fashion para fazer esse tutorial para vocês essa é uma loja virtual que eu já ensinei vocês a criar essa loja completa com os pés elementor se você ainda não foi ver vou deixar um card aqui em cima então corre lá para ver que tá bem legal a sua aula e hoje eu vou estar para vocês duas formas de colocar o botão do whatsapp aqui vamos acessar

Aqui o painel administrativo do wordpress a e a usando o elemento para o mesmo se você não tem um elemento pros repente segunda forma é melhor para você mas fica aqui conheça a essa que você aí quando você tiver pronto você já sabe usar é nós vamos passar o mouse em cima de modelos adicionar novo e vamos criar um poupar para quem tem elementor pro de repente essa

É a melhor opção porque daí você não precisa instalar mais um plugin né para fazer uma botão de whatsapp você pode apenas fazer um papo que eu vou te ensinar aqui então você coloca aqui não que você quiser vou colocar o whatsapp e me abrindo aqui o editor nós vamos pegar o ícone de redes sociais witch de redes sociais vamos excluir aqui deixar só um e vamos

Escolher aqui whatsapp e vamos escolher o whatsapp aqui em nós ouvir aqui é em forma e vamos colocar círculo ele ficar desse jeito vamos ver aqui estilo em tamanho vamos aumentar aqui deixar do tamanho que a gente quiser eu acho que esse com tamanho bom também 29 horas vou deixar na cor oficial dele aqui e aí agora eu vou retirar sucessão o vinho estilo tipo de fundo no

Clicar aqui e vou arrastar a barrinha para cá para ficar com fundo transparente aí eu vou vir aqui na engrenagem vindo poupapp ouvirem estilo e vou fazer a mesma coisa porque a sessão tem o fundo e o pou papi o sissó também tem um fundo então para ficar transparente de verdade nem tirar o fundo dos dois e ainda fica uma sombra aqui é nativa do papo né então a gente

Desce para cá clique aqui para tirar a sombra as imagens bem de novo que na engrenagem a gente vai clicar aqui em largura tchau para deixar uma largura bem pequena aqui somente o tamanho aqui do botão vamos tirar esse botão de fechar aqui né porque não precisa ter botão de fechar também vamos tirar o de sobreposição e também não precisa faça sobreposição vamos

Terminar de ajustar que a largura hora da só na largura aqui que precisa do poupar aí fique nós vamos fazer vamos ver aqui em horizontal vamos colocar aqui para direita ou esquerda né se você quiser eu vou deixar aqui na direita e na vertical vamos deixar aqui inferior para ele ficar aqui no cantinho tá vendo e aqui ó nós vamos vir em animação de entrada e vamos

Colocar uma animação eu vou colocar um para na hora que pomar vai aparecer ele ah tá é ok na verdade eu acho que essa conta pouco chamativo a avó biquíni cor oficial ou clique em personalizar e deixa eu ver que em cor primária eu vou colocar um o vídeo assim é desse jeito ok é nem o que agora nós vamos clicar em publicar em vamos adicionar uma condição para

Aparecer em todo o site não pera aí na verdade eu tô esquecendo de uma coisa é uma configuração muito importante para esse tipo de pou papi é não permitir que o usuário feche né para ele ficar em toda a página então vamos ver aqui na configuração avançado e vamos impedir fechamento na tecla esc e é impedir fechamento na sobreposição para que eu só clicar

Aqui aí ela não conseguir fechar nem fala que não tá com a tecla s que ela não consegue fechar agora sim vamos clicar em publicar e aí vamos colocar aqui uma condição para aparecer ao carregar e vamos deixar aqui três segundos vamos ficar em próximo e sal vai fechar e aí ó se a gente carregar aqui na nossa página da uns 3 segundos e ele vai aparecer aqui tá

Vendo ele fica a tela toda se você clicar assim ele não vai e aí para você colocar um link para ele direcionar para o seu whatsapp você vai fazer o que você vai vir aqui na internet foi procurar só gerar link para whatsapp e aí nós primeiro site aqui você já pode entrar tem vários sites fazem isso aí você coloca aqui o número né e você coloca aqui o número

Aí aqui você pode até colocar uma mensagem tipo assim tipo esse aqui ó olavinho através do site gostaria de mais informações aí você já eram mim copia aí vem aqui ó abre aqui e aí aqui tem link aí você cola aí você clica na engrenagem deixa ativos opção de abrir em uma nova janela é que a pessoa abre uma nova janela mas o site fique o site fique aberto tá

O recarregar aqui e a página aproveitando deixa o like no vídeo aí se você clicar aqui ele vai te direcionar para o whatsapp tá vendo e a pessoa já vai mandar essa mensagem que foi você tá tem outra forma também que você pode fazer isso aqui que é o seguinte eu já fiz um vídeo aqui ensinando você usar o edit lori aqui do ele é mentor e eu vou usar isso bilhete

Para fazer a mesma coisa um botão só que eu botar um pouco mais de novo um pouco mais chamativo para que converta melhor né então que eu vou fazer vou vir aqui procurar o widget laura é esse aí eu vou excluir esse aqui que eu fiz né vou arrastar hoje de lauri para cá é porque e aí eu vou para você achar uma uma animação que você quiser você vem aqui no site

Lore ou não ensinei no vídeo se você quiser ver todas as funções de como funciona animação deixar um card aqui para você ver aí você vem aqui procura por exemplo whatsapp o que ele vai ter um monte de animações relacionada do whatsapp tá vendo e aí o cenário aí eu peguei essa daqui que é para baixar é só clicar aqui aí e clicar em deu hoje aí eu pedi

Para você logar se faz um novinho gratuito aí permite você baixa aí eu já baixei aqui a minha animação no sol o pai ela aqui e ela vem em formato de jason aí você clique em inserir aí tá vendo aí já fica com animação zinho aí eu vou vir aqui na engrenagem zinha largura vou aumentar largura o poder ficar maior já vendi e aí eu vim aqui ela vem estilo aqui

Né no luiz deixou vestiu aqui também você consegue controlar a largura dele tamanho e aqui em configurações você consegue definir ficar aquele que conhece verde o canvas ele pode ficar maior ou menor e aqui eu vou deixar em exibição que aí na hora que ele carrega o que ele faz o que ele faz animação e aqui eu vou deixar em loop para ele ficar fazendo animação

Sempre ah tá ok amigo clicar e atualiza oh e vamos carregar página que a gente ver o esperar 11 segundos aí tá vendo fica aparecendo aqui sozinha e aí você pode ir lá no site escolha aí qualquer animação que você quiser lembrando que né pra funcionar para ir para o whatsapp você tem que vir aqui no site copiar o link que você gerou aí você vem aqui e no caso

Do lori né que vai ter links também aí você coloca url personalizado fala que o link né determina aqui para abrir uma nova janela e pronto quando a pessoa famosa ela vai conseguir clicar e falar com você no seu whatsapp legal nessa animaçãozinha ficou muito bacana a outra forma de fazer isso é usar um pouquinho vou ensinar para vocês agora primeiro eu vou deixar

Isso para o papo aqui como assim ele não ficar aparecendo no site e quem aí vou voltar aqui para o painel administrativo do wordpress e aí vou instalar um plugin aqui e eu vou 25 dias adicionar nulo e aí vou escrever que o whatsapp e aí vai ter sido vir aqui ó join chat privado só que eu tinha esquecido não não faz isso daqui aí você clica em instalar e depois

A gente ir lá bom dia em casa e aí pronto aí você vai vir aqui né não a página descobrimos tenho você vai procurar o plug o que vai clicar em configurações aí aqui você consegue configurar a aqui você coloca o seu número de whatsapp não tinha colocado um aqui aqui essa mensagem que é essa mensagem que a gente coloca a gente coloca aqui né e aí a mensagem

Que a pessoa envia para gente quando ela clica no botão aqui é um township que é tipo uma mensagem que aparece quando quando passa o mouse assim aparece um pouco rapidinho com com essa mensagem acne position você determina que prefeito não direita e na esquerda aqui quanto tempo depois que carregar página que você quer que apareça aqui você consegue configurar se

Você quer que ele que ele apareceu só para o desktop só para mobile aqui você consegue configurar uma a imagem é aqui você consegue determinar a cor dele aí as outras configurações pode deixar normal aí você clique em salvar e você vai lá acessar a página e aí ele também vai aparecer só um botãozinho lado e e aí tá vendo é uma opção porque não tenho

Um elemento pro não tem confusão para o parque aí consegue fazer também com esse pudim galhos todos os desde negócio deixe achei bem legal porque não deixa nenhuma propaganda nem nada aqui ele funciona super bem também tá bom gente a aula de hoje foi essa espero que vocês tenham gostado se você gostou comenta aqui deixa um comentário dá um like nesse vídeo se

Inscreve no canal se você ainda não foi inscrito ative o sininho para receber notificações sempre octávio de novo aqui no canal e me segue lá nas minhas redes sociais para gente interagir por lá e clique no link que eu vou deixar na descrição para ir direto lá para o meu canal vip do telegram tá bom então é isso até a próxima tchau tchau

Transcrito do video
Como Colocar Botão do WhatsApp no Site WordPress (Duas Maneiras) 🟢 By Descomplicando Sites