Link de WhatsApp: crea el tuyo con mensaje, QR y botón

Un botón verde fijo en una esquina de tu web que abre tu chat. Pega el código antes de </body>; en WordPress, Tiendanube o Shopify, en el campo de código del tema o con una app de código personalizado.

<!-- Botón de WhatsApp -->
<a class="wa-boton" href="https://wa.me/5491123456789" target="_blank" rel="noopener" aria-label="Escríbenos por WhatsApp">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="30" height="30" aria-hidden="true"><path fill-rule="evenodd" fill="#fff" d="M10 18.75C14.83 18.75 18.75 14.83 18.75 10C18.75 5.17 14.83 1.25 10 1.25C5.17 1.25 1.25 5.17 1.25 10C1.25 11.57 1.66 13.04 2.39 14.32L1.25 18.75L5.82 17.69C7.06 18.37 8.49 18.75 10 18.75ZM10 17.4C14.09 17.4 17.4 14.09 17.4 10C17.4 5.91 14.09 2.6 10 2.6C5.91 2.6 2.6 5.91 2.6 10C2.6 11.58 3.09 13.04 3.93 14.24L3.27 16.73L5.8 16.1C6.99 16.92 8.44 17.4 10 17.4Z"/><path fill="#fff" d="M7.81 5.94C7.6 5.52 7.29 5.56 6.96 5.56C6.39 5.56 5.49 6.25 5.49 7.53C5.49 8.58 5.95 9.74 7.52 11.46C9.02 13.12 11.01 13.98 12.65 13.96C14.3 13.93 14.64 12.51 14.64 12.03C14.64 11.82 14.5 11.71 14.41 11.69C13.85 11.42 12.82 10.91 12.58 10.82C12.35 10.73 12.22 10.85 12.15 10.92C11.94 11.13 11.51 11.73 11.37 11.86C11.22 12 11.01 11.93 10.92 11.88C10.59 11.74 9.69 11.34 8.97 10.65C8.09 9.8 8.04 9.5 7.87 9.24C7.74 9.03 7.84 8.9 7.89 8.84C8.08 8.62 8.34 8.28 8.46 8.12C8.57 7.95 8.48 7.69 8.43 7.53C8.18 6.85 7.98 6.27 7.81 5.94Z"/></svg>
</a>
<style>
  .wa-boton { position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #25D366; box-shadow: 0 4px 14px rgba(0, 0, 0, .2); transition: transform .2s; }
  .wa-boton:hover { transform: scale(1.06); }
  .wa-boton:focus-visible { outline: 3px solid #128C7E; outline-offset: 3px; }
</style>