Configurar el widget de contacto de WhatsApp y Telegram

Antes de empezar

Necesitas tu número de WhatsApp en formato internacional sin + (por ejemplo 34612345678) o tu usuario de Telegram sin @. Para que el botón aparezca en la tienda, el interruptor del tema debe estar activado: consulta Activar el widget en el tema.

Todo se hace en Shopify Admin › Aplicaciones › IFG AI Chat › Widget. Esta página es igual en todos los planes, incluido Free.

Conectar WhatsApp

1. Abre Widget en el menú de la izquierda.
2. En el apartado Canales de contacto activa el interruptor WhatsApp.
3. En el campo de debajo (con el ejemplo 393512345678 y la nota «Número internacional sin el símbolo +») escribe tu número: prefijo del país y número, todo junto.

4. Pulsa Guardar arriba a la derecha.

   Qué verás: abajo aparece el mensaje «Configuración guardada.». Si arriba de la página estaba el aviso rojo «El widget no está activo…», desaparece.

Atención: si el widget ya está activado en el tema, al guardar cambia al instante la tienda publicada: los visitantes ven el nuevo botón.

Conectar Telegram

1. En el mismo apartado Canales de contacto activa el interruptor Telegram.
2. En el campo de debajo (con el ejemplo bottegamilano y la nota «Usuario sin el símbolo @») escribe tu usuario de Telegram.
3. Pulsa Guardar.

Puedes tener WhatsApp y Telegram activos a la vez.

Elegir aspecto y comportamiento

El apartado Apariencia tiene tres campos.

1. En Posición elige Abajo a la derecha (valor inicial) o Abajo a la izquierda.
2. En Color de acento elige el color del botón con el selector o escribe el código en formato #RRGGBB. El valor inicial es #2C6ECB.
3. En Acción al hacer clic elige qué pasa cuando un visitante toca el botón:
   • WhatsApp (valor inicial): abre directamente el chat de WhatsApp contigo;
   • Telegram: abre directamente el chat de Telegram contigo;
   • Canales de contacto: abre un pequeño menú con WhatsApp y Telegram, y el visitante elige;
   • Chatbot IA: abre el chat con el asistente de IA (planes Grow y Unlimited, con el chatbot activado).
4. Pulsa Guardar.

Nota: el botón nunca se queda sin efecto. Si la acción elegida no está disponible, el widget recurre a otra por sí solo: por ejemplo, con Telegram elegido pero solo WhatsApp activado, el botón abre WhatsApp; con Chatbot IA elegido pero el chatbot apagado o fuera de tu plan, abre WhatsApp o Telegram.

Opciones avanzadas

Pulsa Opciones avanzadas para ver tres campos más. Se abren solos si ya has rellenado alguno.

• Retraso de aparición: cuántos segundos esperar antes de que aparezca el botón, de 0 a 30. Con 0 aparece al momento.
• Nombre accesible del botón: el nombre que leen los lectores de pantalla a las personas ciegas. En el botón se ve siempre solo el icono.
• Mensaje prerellenado (WhatsApp): el texto que el cliente encuentra ya escrito al abrirse WhatsApp, por ejemplo «Hola, tengo una pregunta».

Después de cada cambio pulsa Guardar.

Elegir el icono

En el apartado Icono del lanzador («Libre elección en todos los planes») elige una de las dos opciones y pulsa Guardar:

• Logo oficial del canal (predeterminado): el botón muestra el logo de WhatsApp o de Telegram. Si tienes los dos canales activados y la acción al hacer clic es WhatsApp o Telegram, en la tienda aparecen dos botones uno encima de otro, uno por canal.
• Burbuja de diálogo neutra IFG: una burbuja genérica en el color de acento, sin referencia al canal.

Con la acción Canales de contacto o Chatbot IA el botón usa la burbuja, aunque hayas elegido el logo.

Deshacer un cambio sin guardar

Mientras no pulses Guardar, arriba aparece la barra de cambios sin guardar. Pulsa Descartar para volver a los valores guardados.

Si algo no funciona

Bajo el número aparece «Numero non valido (formato E.164, senza +).» (en italiano: «Número no válido»). El número tiene símbolos o es demasiado corto. Escribe solo cifras, con el prefijo del país delante: entre 7 y 15 cifras en total, y la primera no puede ser 0. La app quita sola los espacios, los guiones y un + inicial.

Bajo el usuario aparece «Username Telegram non valido.» (en italiano: «Usuario de Telegram no válido»). El usuario debe tener entre 5 y 32 caracteres entre letras, números y _. Quita espacios y puntos.

Después de guardar aparece «Configuración guardada, pero falló la sincronización con el tema.». La configuración está guardada en la app, pero la tienda aún no la ha recibido. Pulsa Guardar de nuevo en unos minutos.

Arriba de la página está el aviso rojo «El widget no está activo…». No hay ningún canal activado con número o usuario. Activa WhatsApp o Telegram, rellena el campo y pulsa Guardar.

El botón no se ve en la tienda. En Resumen comprueba que Bloque de widget esté en Activo. Si dice No añadido, sigue Activar el widget en el tema. Si has puesto un Retraso de aparición, espera esos segundos.

Siguiente paso

Activar y personalizar el chatbot IA