Categorias: PHP | Plugins

Texto dinâmico no botão de Whatsapp

Escrito por Amanda de Lavra

20 de janeiro de 2024
O cliente tem vários produtos e gostaria que, no botão de Whatsapp em cada página, houvesse um texto personalizado com o nome do produto. O site usa ACF, então criei um campo para que, em cada produto, pudesse colocar o texto personalizado. O problema é que o Whatsapp não aceita caracteres especiais. Então usei o rawurlencode para codificar o texto. A documentação está disponível em: https://www.php.net/manual/pt_BR/function.rawurlencode.php. O código ficou assim:
<?php
$texto = '&text=';
$base = rawurlencode('Olá, gostaria de mais informações sobre ');
$titulo = get_field('p_whatsapp_texto');
$titulo2 = rawurlencode($titulo);
$padrao = rawurlencode('os sistemas');
        
if ($titulo) {
	$mensagem = $texto . $base . $titulo2;
} else {
	$mensagem = $texto . $base . $padrao;
}
?>
<div class="text-center">
  <a data-et-target-link="_blank" href="https://api.whatsapp.com/send?phone=<?php the_field('ai_whatsapp', 464); echo $mensagem;?>" class="btn btn-default mt-5 mx-auto" tabindex="-1" role="button" aria-disabled="true">Peça uma demonstração</a>
</div> 

Posts relacionados

Customizações da página de login e painel administrativo do WordPress

Customizações da página de login e painel administrativo do WordPress

Para todo o site que eu faço, personalizo a página de login e também o wp-admin para ficar com a marca do cliente. Recentemente, aperfeiçoei o código para que o login ficasse no meio da página, tanto verticalmente quanto horizontalmente. Segue código usado aqui neste...

Aviso de Coming Soon quando não há posts no Blog no Elementor

Aviso de Coming Soon quando não há posts no Blog no Elementor

O cliente queria um blog no site, mas não tinha nenhum conteúdo ainda para publicar, por isso, pediu para que aparecesse Coming Soon! no lugar dos posts. O módulo Posts do Elementor não dá a opção de personalizar a mensagem quando não há posts na query. Simplesmente...

Remover Post Type Projects

Remover Post Type Projects

Eu estava fazendo um site que usaria o tipo de post nativo do Divi que é o Projeto, mas depois a agência mudou de ideia e achei melhor retirar completamente o post type do site. Achei um tutorial em:...