post

Criar link WhatsApp dinâmico com ACF PRO no WordPress

Publicado em: 08/01/2022 / Atualizado em: 08/01/2022

Categorias: ACF (Advanced Custom Fields)BlogWhatsAppWordpress

As vezes você precisa criar um botão ou link de WhatsApp no site do cliente que usar WordPress, porem alguns acabam colocando o numero diretamente no link, sem trazer de forma dinâmica o numero do banco de dados.

Veja como fazer uma URL para link do whatsapp aqui.

Nesses caso, é problema quando o cliente troca de numero, e precisa atualizar o numero de whatsapp, e todos os links do site de maneira manual.

Para isso é possível usar o ACF PRO para salvar o numero de whatsapp no banco de dados do site, e usar o shortcode na pagina ou seção que precisar, assim pode atualizar o numero pelo painel, e todos os lugares que tiver o shortocode ACF do whatsapp vai atualizar também.

Para fazer o uso do shortcode global do ACF PRO, você precisa criar uma pagina “options“, para isso temos um artigo falando apenas disso, acesse clicando aqui.

Abaixo segue tutorial de como criar seu próprio shortcode para trazer o numeor de whatsapp em forma de link:

1° Editar functions.php

Adicione o seguinte trecho de código no arquivo functions.php do seu tema.

function brnn_theme_link_whatsapp() {
	return "https://wa.me/55".str_replace(['(', ')', '-', ' ', '/', '.'], '', get_field('whatsapp', 'options'));
}
add_shortcode("brnn_theme_link_whatsapp", "brnn_theme_link_whatsapp");

2° Criar campo ACF global

Com o plugin ACF PRO instalado no wordpress, clique em “Campos personalizados > Adicionar novo” no menu esquerdo do site.

De um titulo para seu grupo de campos, como por exemplo, “Informações de contato“.

Clique em “adicionar campo“, em “Rótulo do Campo” digite WhatsApp, em “Nome do Campo” ele já vai ter preenchido automaticamente assim que clicar nele, certifique-se de que ele preencheu com o nome whatsapp.

Em “Tipo de Campo” deixe como “texto“.

Vai ficar como na imagem abaixo:

Imagem demonstrativa de como o campo de Whatsapp deve ficar

Logo abaixo, na seção “Localização“, você terá o campo “Regras“, onde terá a opção “Mostrar este grupo de campos se“, selecione “Página de opções“, no segundo seletor deixe “é igual a“, e no terceiro seletor você precisa achar a pagina que criou neste exemplo aqui.

Seção localização na pagina de grupo de campos do ACF no wordpress

Na imagem acima, como neste site não criei uma pagina de opções, ele me mostra no 3° seletor “Não existem paginas de opções“, no seu caso, se você acessou o tutorial Criar pagina de opções ACF PRO você deve ter conseguido criar sua pagina de opções com o nome que quiser, dai é só selecionar ela, e “publicar”.

3° Salvando numero no banco

Depois de criar o campo de whatsapp, e a pagina de opções, vá até o menu esquerdo do site, que lá embaixo deve achar a pagina de opções que criou. Acesse ela, e terá o campo de whatsapp em branco, preencha com o numero e salve.

4° Usando o shortcode

Agora, você pode acessar a pagina que você quer, ou a seção do header ou footer do site, e adicionar o shortcode para trazer o link dinâmico do whatsapp. Segue um exemplo abaixo de uso:

<a href="[brnn_theme_link_whatsapp]">Clique para ir pro whatsapp</a>

Publicações recomendadas:


Inscreva-se em Nossa News:

Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.

Bruno Devs News


Link Curto para Compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/1357

ID de Referência: 1357

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários