> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mercantis.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Botón de WhatsApp

El **botón flotante de WhatsApp** deja que el comprador te escriba desde cualquier pantalla de la tienda, sin buscar el número a mano.

## Dónde configurarlo

Desde el menú lateral, entrá a **Diseño → Botón de WhatsApp**. El **número** se carga en [Ajustes → General](/documentacion/tienda/logo-y-colores): sin número válido, el botón no tiene a quién contactar.

<Frame>
  <img src="https://mintcdn.com/mercantis/4Uy3hrDnn9kZhYiC/images/docs/boton-whatsapp.webp?fit=max&auto=format&n=4Uy3hrDnn9kZhYiC&q=85&s=bf17b077a6cf5db889d9f96af6bdd57f" alt="Editor de diseño: botón de WhatsApp visible, color y mensaje prearmado con preview en celular" width="1024" height="768" data-path="images/docs/boton-whatsapp.webp" />
</Frame>

## Qué podés configurar

| Opción                | Detalle                                         |
| --------------------- | ----------------------------------------------- |
| **Visible**           | Mostrar u ocultar el flotante                   |
| **Color**             | Verde clásico u oscuro                          |
| **Mensaje prearmado** | Texto que se abre en WhatsApp al tocar el botón |

Si dejás el mensaje vacío, la tienda usa uno por defecto del estilo:

> Hola, estoy visitando la tienda online de tu marca y me gustaría hacer una consulta.

## Cómo configurarlo

<Steps>
  <Step title="Confirmá el número">
    Cargá el WhatsApp en **Ajustes → General**.
  </Step>

  <Step title="Abrí el botón">
    Entrá a **Diseño → Botón de WhatsApp**.
  </Step>

  <Step title="Activá y personalizá">
    Encendé el botón, elegí el tono y el mensaje.
  </Step>

  <Step title="Revisá y guardá">
    Probá en la vista previa y **Guardá cambios**.
  </Step>
</Steps>

## Relacionado

* [Logo, colores y datos](/documentacion/tienda/logo-y-colores)
* [Preguntas frecuentes](/documentacion/tienda/preguntas-frecuentes)
* [Editor de diseño](/documentacion/tienda/editor-de-diseno)