Ayuda del Builder de WhatsApp

Qué hace esta herramienta

Genera un bloque <script> para incrustar un botón flotante de WhatsApp. Puedes definir número, mensaje, posición, tamaño, colores, icono y opción de cerrar.

Paso a paso

1. Introduce tu número de WhatsApp en formato internacional (sin espacios).
2. Opcionalmente define mensaje inicial, posición y offsets.
3. Ajusta color de fondo e icono para respetar tu marca.
4. Copia el snippet generado desde el botón Copiar código.
5. Pega ese snippet dentro del HTML de tu web.

Atributos soportados

• data-phone: número internacional de 9 a 15 dígitos (obligatorio).
• data-message: mensaje precargado (opcional).
• data-size: small, medium, large o px numérico.
• data-position: bottom-right, bottom-left, top-right, top-left.
• data-color: color de fondo del botón.
• data-icon-color: color del icono vectorial.
• data-offset-x y data-offset-y: separaciones en px.
• data-close: muestra botón de cierre si vale true.
• data-client-id: metadato opcional para tracking.

Ejemplo de snippet

<script
  src="https://assets.nubioo.io/wa-widget/widget.min.js"
  data-client-id="cl_XXXXXXXX"
  data-phone="34612345678"
  data-message="Hola, quiero información"
  data-size="medium"
  data-position="bottom-right"
  data-color="#25d366"
  data-icon-color="#ffffff"
  data-offset-x="20"
  data-offset-y="20"
  data-close="true"
></script>

FAQ