Código do Menu da Rede WhatsApp

Copie o código abaixo para adicionar o menu da Rede WhatsApp em seu site.

<div class="bg-white border-t border-gray-200 shadow-sm py-2 overflow-hidden">
  <div class="container mx-auto px-4 overflow-x-auto" style="scrollbar-width: none; -ms-overflow-style: none;">
    <div class="flex items-center space-x-1 whitespace-nowrap">
      <div class="flex flex-nowrap text-sm font-medium text-gray-700">
        <a href="https://atalho.whats.link" class="hover:text-green-600 transition-colors duration-200">
          Atalho WhatsApp
        </a>
        <span class="text-gray-300 mx-1">|</span>
        <a href="https://grupos.whats.link" class="hover:text-green-600 transition-colors duration-200">
          Grupos WhatsApp
        </a>
        <span class="text-gray-300 mx-1">|</span>
        <a href="https://canais.whats.link" class="hover:text-green-600 transition-colors duration-200">
          Canais WhatsApp
        </a>
        <span class="text-gray-300 mx-1">|</span>
        <a href="https://catalog.whats.link" class="hover:text-green-600 transition-colors duration-200">
          Catalogo WhatsApp
        </a>
        <span class="text-gray-300 mx-1">|</span>
        <a href="https://frases.whats.link" class="hover:text-green-600 transition-colors duration-200">
          Frases Status
        </a>
        <span class="text-gray-300 mx-1">|</span>
        <a href="https://biolink.ee" class="hover:text-green-600 transition-colors duration-200">
          Página Bio Link
        </a>
      </div>
    </div>
  </div>
</div>

Prévia do Menu

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 menu apareça
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