whats.link logo

    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