Brilliant es el asistente de IA experto en ventas para eCommerce que acompaña a tus clientes durante el proceso de compra para ayudarles a encontrar productos, resolver dudas, comparar opciones y descubrir recomendaciones relacionadas. Está disponible en distintos puntos de la web y utiliza la información de tu catálogo y negocio para ofrecer asistencia adaptada a cada cliente.
En este artículo, aprenderás cómo instalar Brilliant en tu web Shopify, completar su configuración inicial, activarlo para tus clientes y comprobar que funciona correctamente.
Tiempo de implementación: 30 min.
Dificultad: Intermedia.
¿Cuándo utilizarlo?: Al instalar Brilliant por primera vez en tu tienda online Shopify.
Antes de empezar: requisitos previos
Para poder instalar Brilliant en tu web Shopify , necesitarás:
- Contar con una tienda online activa en la plataforma Shopify.
- Tener permisos de administrador o permisos suficientes para instalar aplicaciones y editar el tema de tu tienda online.
- Utilizar un tema compatible con las extensiones de apps de Shopify, como los temas Online Store 2.0 (por ejemplo, Dawn).
PASO 1. Instalación de Brilliant
1. Desde el panel de administración de tu web Shopify, accede a “Apps > Shopify App Store”.
2. En el buscador introduce “Brilliant: AI Sales Expert” y accede a la aplicación.
3. Haz clic en Install para proceder con la instalación en tu web Shopify.
4. Revisa los permisos que Brilliant necesita para funcionar y haz clic de nuevo en Install para aceptar y completar la instalación.
Brilliant utiliza estos permisos para acceder a la información necesaria de tu tienda, como el catálogo, los idiomas, los mercados, los contenidos y los pedidos. Consulta Preguntas frecuentes sobre Brilliant para conocer más detalles sobre los permisos de la aplicación.
PASO 2. Configuración inicial de Brilliant
(En este apartado aprenderás cómo completar la configuración inicial de Brilliant y activarlo en el tema de tu web Shopify.)
5. Una vez instalado, Shopify te redirigirá al panel de Brilliant. Haz clic en Empezar para comenzar la configuración.
6. Haz clic en Activar en Shopify .
7. Cuando Brilliant detecte la activación y habilite el botón, haz clic en Continuar Instalación .
PASO 3. Procesamiento del catálogo
(En este apartado aprenderás cómo comprobar el progreso del procesamiento del catálogo de tu web y visualizar Brilliant antes de activarlo para tus clientes.)
8. Tras hacer clic en Continuar Instalación , Brilliant comenzará a procesar el catálogo.
Este proceso puede tardar desde unos minutos hasta varias horas, dependiendo del tamaño de tu catálogo.
Si tu catálogo supera el número de productos incluido en el plan, Brilliant te lo indicará y podrás solicitar acceso prioritario a un plan superior.
9. Haz clic en Previsualizar para ver la vista previa.
Durante la vista previa, solo tú podrás visualizar Brilliant. Utilízala para comprobar su aspecto y funcionamiento antes de activarlo para tus clientes
PASO 4. Configuración de Brilliant en el tema de tu eCommerce
(En este apartado aprenderás cómo configurar la visualización de Brilliant en el tema de tu web Shopify.)
10. Desde el panel de administración de Shopify, accede a "Online store > Themes".
11. Localiza el tema publicado y haz clic en Edit theme.
12. En la barra superior, del lado izquierdo, accede a la pestaña App embeds.
13. Activa la app de Brilliant y configura las siguientes opciones:
- “Main bubble > Enabled”: activa o desactiva la burbuja principal de Brilliant en tu web.
- “Horizontal position”: selecciona si la burbuja aparecerá a la izquierda o a la derecha.
- “Horizontal margin”: define el margen horizontal de la burbuja.
- “Vertical margin”: define el margen vertical de la burbuja.
- “Z-index”: establece la prioridad de visualización de la burbuja respecto al resto de elementos de la web.
- “Show welcome message”: activa o desactiva el mensaje de bienvenida.
- “Different settings on mobile?”: define si utilizarás una configuración diferente para dispositivos móviles.
- “Bubble on product cards > Enabled”: activa o desactiva la burbuja de Brilliant sobre las tarjetas de producto.
- “Horizontal margin”: define el margen horizontal de la burbuja sobre las tarjetas de producto.
- “Vertical margin”: define el margen vertical de la burbuja sobre las tarjetas de producto.
14. Haz clic en Save para aplicar los cambios.
PASO 5. Personalización recomendada de Brilliant
5.1. Configuración del diseño de Brilliant
(En este paso aprenderás a personalizar el diseño de Brilliant para adaptarlo a la identidad visual de tu negocio.)
15. Desde el panel de Brilliant, haz clic en Diseño.
16. En la barra lateral derecha, configura las siguientes opciones:
- “Colores”: define el color principal de tu negocio para generar la gama cromática en que se basará Brilliant.
- “Botones”: define el radio del borde de los botones y transformación de la tipografía (por defecto o mayúsculas).
- “Fuentes”: define la tipografía de tu marca. En la web, tomará la configurada en tu web. No aplican modificaciones.
-
“Logo”: adjunta el logo de tu marca.
- “Íconos”: define el icono con el que se mostrará Brilliant en tu web.
- “Tarjeta de producto”: personaliza el estilo de las tarjetas de producto que muestra Brilliant.
“Ventana a pantalla completa”: ajusta el tamaño y las esquinas del asistente en la versión de escritorio.
17. Una vez configurado el diseño, haz clic en Guardar para aplicar los cambios.
5.2. Configuración del perfil del negocio
(En este apartado aprenderás cómo revisar la información de tu negocio que Brilliant utilizará para ofrecer respuestas y recomendaciones adaptadas a tu eCommerce.)
18. Desde el panel de Brilliant, accede a “Entrena tu IA > Perfil del negocio”.
19. Revisa la descripción y el sector que Brilliant ha propuesto para tu negocio y completa la información.
20. Haz clic en Guardar para aplicar los cambios.
5.3. Configuración de la base de conocimiento y comportamiento
(En este apartado aprenderás cómo configurar la información y las directrices que Brilliant utilizará para responder a tus clientes.)
21. Desde el panel de Brilliant, accede a “Entrena tu IA > Base de conocimiento”.
22. Selecciona los blogs y páginas de tu web o añade contenido que Brilliant podrá utilizar como fuente de información.
23. Una vez configurada, accede a “Entrena tu IA > Comportamiento” desde la barra lateral derecha.
24. En Directrices, define el tono, estilo y forma de respuesta de Brilliant para que reflejen la identidad de tu web.
Las configuraciones deben estar en tu idioma. Brilliant adaptará sus respuestas al idioma de cada conversación.
25. En Estilo de respuesta, define cuánto detalle y cómo se presenta la respuesta en el chat de tu web.
26. Haz clic en Guardar para aplicar los cambios.
5.4. Configuración de la gestión de productos
(En este apartado aprenderás cómo definir qué productos de tu catálogo quieres destacar o excluir en Brilliant.)
27. Desde el panel de Brilliant, accede a “Catálogo > Gestión de productos”.
28. Configura mediante etiquetas de Shopify los productos que quieras:
- Identificar como novedades.
- Destacar en las búsquedas.
- Excluir de Brilliant para que no se muestren en sus resultados y recomendaciones.
29. Haz clic en Guardar para aplicar los cambios.
5.5. Configuración de las habilidades
(En este apartado aprenderás cómo revisar las habilidades de Brilliant que estarán disponibles para tus clientes.)
30. Desde el panel de Brilliant, accede a Habilidades.
31. En Cómo aparece Brilliant en tu tienda revisa cómo se mostrará Brilliant a tus clientes y configura los elementos disponibles:
- “Burbuja principal”: permite que tus clientes accedan al asistente desde cualquier punto de la web para resolver dudas y recibir ayuda durante la compra.
- “Carrusel de productos similares”: muestra, en la página del producto, alternativas relacionadas con el producto consultado para ayudar al cliente a encontrar otras opciones.
- “Carrusel productos que combinan”: muestra, en la página del producto, productos complementarios al consultado para facilitar el descubrimiento de productos relacionados y favorecer el aumento del valor medio del carrito.
- “Preguntas sugeridas”: muestra preguntas frecuentes sobre el producto consultado para facilitar el inicio de una conversación con Brilliant.
32. En Personaliza las habilidades de tu asistente, revisa las capacidades disponibles y activa o desactiva las que quieras utilizar:
- “Búsqueda inteligente”: interpreta el lenguaje natural del cliente y muestra los productos más relevantes del catálogo.
- “Análisis de productos”: responde dudas sobre características, materiales y usos de los productos.
- “Productos similares”: muestra alternativas parecidas en estilo o características al producto consultado.
- “Productos que combinan”: recomienda artículos complementarios que encajan con el producto consultado.
- “Packs de productos”: propone combinaciones de productos en pack para facilitar la compra conjunta.
- “Comparativa”: compara varios productos para ayudar al cliente a elegir la opción que mejor se adapta a sus necesidades.
- “Preguntar por mi pedido”: permite consultar el estado, seguimiento y detalles de los pedidos.
- “Productos en imágenes del catálogo”: permite seleccionar elementos visibles en las imágenes del catálogo para encontrar productos similares o combinaciones.
- “Buscar por imagen”: permite subir una imagen, seleccionar elementos visibles y encontrar productos similares o combinaciones.
Aprende en detalle todas las funcionalidades disponibles y cómo Brilliant pueden ayudar a tus clientes durante el proceso de compra en este artículo.
PASO 6. Activación de Brilliant para los clientes
(En este apartado aprenderás cómo activar Brilliant para que esté disponible para los clientes de tu eCommerce.)
33. Dirígete a Inicio en Brilliant y haz clic en Hacer visible en tu tienda.
34. Haz clic en Mostrar Brilliant para habilitarlo en tu ecommerce.
PASO 7. Comprobación del funcionamiento
(En este apartado aprenderás cómo comprobar que Brilliant está instalado y funciona correctamente en tu eCommerce.)
35. Accede a tu web y comprueba que aparece la burbuja principal de Brilliant.
36. Haz clic en la burbuja y comprueba que se abre el asistente.
37. En la caja de conversación, realiza una consulta y comprueba que Brilliant responde utilizando información de tu catálogo.
38. Cierra el asistente y navega hasta una página donde se muestren tarjetas de producto para comprobar que aparece la burbuja de Brilliant sobre ellas.
Preguntas frecuentes
1. El botón "Comenzar instalación" está desactivado
Brilliant todavía no detecta que “Brilliant Control Center” está activo en el tema de tu web. Comprueba que lo has activado y que has hecho clic en Guardar en el editor de temas de Shopify.
Después, vuelve a Brilliant. El estado se actualizará automáticamente cuando detecte la configuración.
2. El botón “Preview” está desactivado
La vista previa estará disponible cuando Brilliant haya terminado de procesar el catálogo.
Puedes comprobar el progreso desde Inicio.
3. Brilliant no aparece en mi web, ¿qué hago?
Comprueba que:
- “Brilliant Control Center” está activado y guardado en el tema publicado.
- Has hecho clic en Hacer visible en tu tienda y, posteriormente, en Mostrar Brilliant en Inicio desde el panel de Brilliant.
- El catálogo ha terminado de procesarse.
- No has alcanzado el límite mensual de conversaciones de tu plan.
- El cliente navega desde un mercado activo de tu eCommerce.
4. Brilliant solicita nuevos permisos
Algunas funcionalidades pueden requerir permisos adicionales de Shopify.
Haz clic en Continuar en Shopify, revisa los permisos solicitados y acéptalos para continuar.
¡Éxito!
Brilliant ya está instalado, configurado y disponible en tu eCommerce.
¿Te han quedado dudas sin resolver?
Recuerda que tienes a tu disposición a nuestro equipo de Soporte. Puedes contactar con ellos escribiendo a support@getbrilliant.ai.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Brilliant, te recomendamos continuar con los siguientes artículos:
Funcionalidades de Brilliant, para conocer las capacidades disponibles en Brilliant.
Añadir carrusel de productos que combinan de Brilliant, para mostrar productos complementarios en las páginas de producto.
Preguntas frecuentes sobre Brilliant, para resolver las dudas más habituales sobre su funcionamiento y configuración.
Añadir carrusel de productos similares de Brilliant, para mostrar alternativas similares en las páginas de producto