Adicione um widget de chat do WhatsApp ao WordPress usando um trecho para copiar e colar em vez de um plugin: três métodos de posicionamento, além do que você perde ao instalar mais um plugin.
Procure “widget de chat do WhatsApp WordPress” e a maioria dos resultados vai te indicar um plugin: instale, ative, configure na tela de opções dele, e agora é mais uma coisa no seu site que precisa de atualização toda vez que o núcleo do WordPress ou o seu tema mudam. Existe um caminho mais rápido que dispensa o plugin por completo. Um widget do WhatsApp é um botão flutuante, e um botão flutuante é algumas linhas de HTML mais uma tag de script, e o WordPress já tem lugares prontos para colar as duas coisas sem adicionar nada à sua página de Plugins.
Este guia mostra como fazer isso, de três formas diferentes dependendo de como o seu site foi construído, e onde um plugin dedicado realmente se justificaria em vez disso.
Um plugin de WhatsApp para WordPress não é falso nem quebrado, ele realmente adiciona um botão flutuante, assim como a abordagem com o trecho de código. A diferença está no que custa mantê-lo por perto. Todo plugin em um site WordPress é código que roda a cada carregamento de página, precisa de suas próprias atualizações quando as versões do WordPress ou do PHP mudam, e é mais uma entrada que um scanner de segurança sinaliza se ficar desatualizado. Um site com um construtor de páginas, um plugin de SEO, um plugin de cache, um plugin de formulários e agora um plugin de WhatsApp tem cinco coisas separadas que podem entrar em conflito entre si, e os plugins de widget do WhatsApp em particular costumam carregar seu próprio CSS e JavaScript em todas as páginas, quer o visitante clique no botão ou não.
Um trecho colado não tem tela de configurações, changelog ou aviso de compatibilidade. É um bloco estático no rodapé do seu tema ou um bloco HTML customizado em uma página, e o WordPress trata isso exatamente como qualquer outro conteúdo incorporado. Nada para ativar, nada para manter atualizado.
Dito isso, um plugin não é a escolha errada para todo site. Se você não se sente confortável colando código em lugar nenhum, ou quer que as configurações do widget possam ser alteradas pelo wp-admin por alguém que não deveria mexer em Aparência → Editor de Arquivo de Tema, a interface de configurações de um plugin é a troca mais segura. O caminho do trecho de código parte do princípio de que você não se importa em copiar e colar um bloco de código uma vez e só voltar a ele quando realmente quiser mudar algo.
O Gerador de Widget de Chat do WhatsApp transforma seu número, a cor do botão, a posição e a mensagem de saudação em uma única tag de script. Preencha o formulário, número do WhatsApp em formato internacional, sem zero à esquerda nem sinal de mais, escolha uma cor, escolha em qual canto o botão fica, e a ferramenta gera algo assim:
<script src="https://cdn.thechatquotient.com/widget/v1/widget.js"
data-widget-id="wgt_xxxxxxxx"
data-whatsapp-number="15551234567"
data-color="#25D366"
data-position-vertical="bottom"
data-position-horizontal="right"
data-offset-vertical="20"
data-offset-horizontal="20"
data-z-index="5000"
data-greeting="Hi! How can we help?"
async
defer
></script>Isso é o widget inteiro. Nenhum arquivo de ícone para enviar, nenhuma folha de estilo para carregar, nenhum PHP. Copie-o e escolha um dos três métodos de posicionamento abaixo, dependendo de como o seu site WordPress foi construído.
Se o seu tema é construído sobre o editor de blocos (Gutenberg), o lugar mais rápido para colocar o trecho é diretamente em uma página ou em um bloco reutilizável, mas isso só mostra o widget naquela página específica. Para um widget em todo o site, o editor de blocos não foi realmente feito para injeção em todo o rodapé, a menos que o seu tema exponha uma parte de modelo para isso.
A maioria dos temas que suportam edição completa do site permite adicionar um bloco HTML customizado diretamente ao modelo de rodapé:
Como fica na parte de modelo do rodapé, agora é renderizado em todas as páginas que usam esse rodapé, o que na maioria dos temas significa todas as páginas do site.
Temas clássicos (que não usam blocos) não têm uma parte de modelo de rodapé para editar visualmente, então o trecho vai direto para o arquivo PHP do tema:
</body>, geralmente perto do final do arquivo.</body>.Esse é o único método que mexe diretamente no código do tema, então vem com a única ressalva real da abordagem do trecho de código: uma atualização do tema pode sobrescrever o footer.php e remover a colagem silenciosamente. Se o seu tema suporta um tema filho, faça essa edição no footer.php do tema filho, já que os arquivos do tema filho sobrevivem às atualizações do tema pai. Se você não está usando um tema filho e não quer configurar um, um plugin como o Insert Headers and Footers (um plugin de propósito único, de baixa manutenção, não um plugin completo de widget do WhatsApp) te dá um campo dedicado de rodapé que não está vinculado a arquivos de tema, e sobrevive automaticamente a toda atualização de tema.
Se o site é construído com um construtor de páginas, geralmente existe um widget feito exatamente para isso:
Os dois construtores renderizam o HTML puro e a tag de script exatamente como estão, nenhuma sanitização remove a tag <script> como algumas áreas de conteúdo WYSIWYG fazem, então o widget carrega e se comporta de forma idêntica a colá-lo diretamente no footer.php.
Não importa como você colou, carregue o site em uma janela anônima para que uma página em cache não te mostre uma versão desatualizada, e verifique todos os modelos em que o widget deve aparecer: a página inicial, um post do blog e qualquer landing page construída com um modelo diferente do resto do site, já que uma edição no rodapé de um arquivo de tema ou modelo de construtor não cobre automaticamente uma landing page que usa um modelo separado. Clique no botão tanto no desktop quanto em um celular de verdade. No mobile com o WhatsApp instalado, ele deve abrir o aplicativo diretamente com o seu número e a saudação já preenchidos; no desktop, ele abre o web.whatsapp.com em uma nova aba.
Algumas situações pendem a balança de volta para instalar um plugin dedicado:
Se várias pessoas sem conhecimento técnico administram o site e nenhuma delas deveria chegar perto do Editor de Arquivo de Tema, a tela de configurações de um plugin é mais segura do que confiar que todo mundo vai deixar o footer.php intacto. Se você quer que o widget apareça ou desapareça por página ou tipo de post por meio de uma caixa de seleção na barra lateral do editor, em vez de editar um arquivo de modelo, essa lógica por página é exatamente o que o PHP de um plugin trata e um trecho estático não. E se você já está rodando uma integração completa com a API do WhatsApp Business por meio de um plugin que também cuida do widget como parte de um conjunto maior de recursos, substituir só a parte do widget por um trecho separado adiciona mais uma coisa para manter em vez de remover uma.
Para o caso comum, um número de WhatsApp, um botão, mesmo comportamento em todas as páginas, o trecho faz o mesmo trabalho sem nada para atualizar depois.
Isso vai deixar meu site WordPress mais lento?
A tag de script usa async e defer, então ela carrega sem bloquear o resto da página, e é uma única requisição externa, em vez dos vários arquivos separados de estilo e script que um plugin completo pode carregar.
Isso funciona com plugins de cache como WP Rocket ou W3 Total Cache? Sim. Como é uma tag de script estática, e não algo renderizado por PHP a cada requisição, o cache de página não interfere nela, diferente de alguns widgets baseados em plugin que ocasionalmente são removidos por configurações agressivas de minificação de HTML.
Posso usar isso com o WooCommerce? Sim, o posicionamento é idêntico: footer.php, uma parte de modelo de rodapé, ou o modelo de rodapé do seu construtor de páginas, nenhum deles se importa se o site também roda o WooCommerce.
E se o meu tema não tiver o Editor de Arquivo de Tema disponível? Alguns provedores de hospedagem desativam isso por motivos de segurança. Nesse caso, use o bloco HTML customizado na parte de modelo do rodapé se o seu tema suporta edição completa do site, o widget de incorporação do seu construtor de páginas, se você tiver um, ou um pequeno plugin de propósito único como o Insert Headers and Footers como alternativa, que não exige mexer em arquivos de tema.
Preciso reinstalar o trecho se eu trocar de tema do WordPress?
Sim, já que ele foi colado no footer.php ou na parte de modelo do tema antigo. Copie novamente o mesmo trecho no gerador (o ID do seu widget permanece o mesmo) e cole-o no novo tema usando qualquer um dos três métodos que se encaixe nele.
Um widget do WhatsApp é uma única tag de script, e o WordPress já tem três lugares feitos exatamente para isso: um bloco HTML customizado no seu modelo de rodapé, o footer.php via Editor de Arquivo de Tema, ou o widget de código incorporado do seu construtor de páginas. Nenhum deles exige instalar um plugin dedicado a essa tarefa. Pegue o trecho no Gerador de Widget de Chat do WhatsApp, cole-o em qualquer um dos três que combine com a forma como o seu site foi construído, e ele já está ativo, sem nada novo para atualizar na próxima vez que o WordPress lançar uma versão.
Adicione a extensão do Chrome e transforme como você gerencia conversas do WhatsApp para seu negócio.