Integrad el chatbot IA Flyweight en vuestras páginas de Shopify para un mejor soporte
Aprended cómo integrar fácilmente el chatbot IA Flyweight directamente en vuestras páginas de Shopify — para una ayuda al cliente más rápida, una automatización más inteligente y menos tickets.
Podéis integrar fácilmente el chatbot IA Flyweight en cualquier página de vuestra tienda Shopify — por ejemplo, en vuestra página de Soporte, Contacto o FAQ. Nuestro chatbot IA para Shopify proporciona una automatización completa para vuestra tienda. Esto ofrece múltiples beneficios: los clientes obtienen respuestas más rápidas, vuestro equipo de soporte tiene menos carga de trabajo y las conversaciones se enrutan automáticamente de manera eficiente.

Ejemplo de un chatbot IA integrado en una página de contacto de Shopify
¿Por qué integrar el chat directamente?
Una ventana de chat integrada asegura que los visitantes interactúen primero con la IA antes de contactar a vuestro equipo. Esto ahorra tiempo y reduce el número de tickets de soporte entrantes.
Situación beneficiosa para todos:
- Los clientes obtienen ayuda instantánea.
- Vuestro equipo de soporte gestiona menos tickets.
- Podéis simplificar o eliminar otras opciones de contacto.
- Si la IA no sabe la respuesta, redirige automáticamente a los usuarios a vuestro equipo de soporte.
Opción 1: Integrar mediante HTML
Si preferís editar vuestro tema directamente, podéis integrar fácilmente el chat añadiendo un breve fragmento HTML.
- Id a la página deseada en vuestro Admin de Shopify.
- Abrid el editor HTML.
- Pegad el siguiente código donde queráis que aparezca el chat
💡 Importante: Necesitáis incluir vuestra clave API en el fragmento. Aquí os explicamos cómo encontrar vuestra clave API →
<div id="flyweight-chat-embedded" style="display: flex; align-items: center; justify-content: center;"></div>
<script>
(function flyweightEmbeddedChat() {
const src = "https://assistant.flyweight.io/chat/index.js?embedded=true&id=flyweight-chat-embedded";
const loaded = Array.from(document.scripts).some((s) => s.src === src);
if (loaded) return;
window.FlyweightChat = {
embedded: {
windowAppearance: {
width: '600px',
height: '600px',
},
},
};
const script = document.createElement('script');
script.src = src;
script.async = true;
script.dataset.apiKey = "ADD YOUR API KEY HERE";
document.head.appendChild(script);
})();
</script>

Opción 2: Añadir mediante sección de plantilla
Si preferís usar el Editor de Temas, podéis añadir Flyweight AI como una sección de aplicación.
- Abrid la plantilla de página deseada en vuestro Editor de Temas.
- Haced clic en "Añadir sección".
- Ve a la categoría "Apps".
- Seleccionad "Flyweight AI".
- Posicionad y redimensionad la sección como deseéis.


Conclusión
Con solo unos pocos clics, podéis integrar el chatbot IA Flyweight directamente en vuestras páginas de Shopify. Esto asegura que vuestros clientes siempre obtengan soporte instantáneo, inteligente y disponible las 24 horas del día, los 7 días de la semana — mientras vuestro equipo se concentra en lo que realmente importa.
Consejo: Usa la función de enrutamiento de Flyweight AI para reenviar automáticamente las solicitudes a la persona adecuada cuando la IA no tenga la respuesta.