Código do Footer da Rede WhatsApp
Copie o código abaixo para adicionar o footer (rodapé) padrão da Rede WhatsApp em seu site.
<footer class="bg-white border-t border-gray-200 py-6">
<div class="container mx-auto px-4">
<div class="flex flex-col items-center justify-center">
<div class="mb-4 text-center">
<div class="flex justify-center">
<img
src="https://whatslink.s3.us-east-2.amazonaws.com/link-para-whatsapp.png"
alt="whats.link Logo"
class="h-12"
/>
</div>
<p class="text-sm text-gray-500 mt-1">
Multi Ferramentas Grátis para WhatsApp
</p>
<!-- Menu de links -->
<div class="mt-3 flex flex-wrap justify-center gap-x-4 gap-y-2">
<a href="https://atalho.whats.link" class="text-sm text-blue hover:underline">
Atalho WhatsApp
</a>
<span class="text-gray-300">|</span>
<a href="https://grupos.whats.link" class="text-sm text-blue hover:underline">
Grupos WhatsApp
</a>
<span class="text-gray-300">|</span>
<a href="https://canais.whats.link" class="text-sm text-blue hover:underline">
Canais WhatsApp
</a>
<span class="text-gray-300">|</span>
<a href="https://catalog.whats.link" class="text-sm text-blue hover:underline">
Catalogo WhatsApp
</a>
<span class="text-gray-300">|</span>
<a href="https://frases.whats.link" class="text-sm text-blue hover:underline">
Frases Status
</a>
<span class="text-gray-300">|</span>
<a href="https://biolink.ee" class="text-sm text-blue hover:underline">
Página Bio Link
</a>
</div>
</div>
<div class="text-center">
<p class="text-sm text-gray-600 mb-2">
<strong>Importante:</strong> Não somos afiliados à Meta ou
WhatsApp Inc.
</p>
<p class="text-xs text-gray-500">
2025 © Todos os direitos reservados Nuvem, Inc. – CNPJ: 32.598.953/0001-90
</p>
</div>
</div>
</div>
</footer>Prévia do Footer
Instruções de Uso
- Escolha uma das opções de código acima (HTML, CSS ou Tailwind)
- Copie o código clicando no botão "Copiar código"
- Cole no seu site onde deseja que o footer apareça (geralmente no final da página)
- Se escolher a opção com CSS separado, lembre-se de incluir o CSS no seu arquivo de estilos
- Se estiver usando Tailwind CSS, certifique-se de que tem o Tailwind configurado no seu projeto
- Você pode personalizar o texto e os links conforme necessário para seu site específico