Instala FIGI en Shopify

En Shopify, el script va una vez en el layout del tema y el asset se agrega como una sección de Liquid personalizado donde quieras mostrarlo.

Antes de empezar

• Copia el código del asset desde FIGI (Activación digital → Despliegue). Tiene un div y un script, como se explica en Instala los assets de FIGI en tu sitio.
• Pídele a un administrador de FIGI que agregue tu dominio en Sitios autorizados, por ejemplo https://www.tu-tienda.com y también tu dominio myshopify.com si lo usas para revisar.
• Te recomendamos duplicar el tema antes de editarlo: en Tienda online → Temas, menú ⋯ del tema → Duplicar.

1. Pega el script en el layout del tema

1. Abre el código del tema

   En el administrador de Shopify entra a Tienda online → Temas. En el tema actual, abre el menú ⋯ y elige Editar código.

2. Abre theme.liquid

   En la carpeta Layout, abre theme.liquid.

3. Pega el script antes del cierre del body

   Busca </body> y pega justo antes la línea del script:

   <script src="https://figi.video/embed/v1/figi.js" data-figi-key="TU-CLAVE" async></script>

   Pulsa Guardar. Usa la línea exacta que copiaste de FIGI, no la del ejemplo.

2. Agrega el asset donde quieras mostrarlo

En los temas de Online Store 2.0 (como Dawn):

1. Abre el editor del tema

   En Tienda online → Temas, pulsa Personalizar y elige arriba la plantilla: la página de inicio, la de producto, una colección o una página.

2. Agrega una sección de Liquid personalizado

   Pulsa Agregar sección donde quieres el asset y elige Liquid personalizado. En su campo de código pega el div del asset:

   <div data-figi-feed="ID-DE-TU-SLIDER"></div>

3. Guarda

   Pulsa Guardar. Si agregaste la sección a la plantilla de producto, el asset aparece en todos los productos que usan esa plantilla.

En temas antiguos sin secciones en todas las páginas, pega el div directamente en el archivo de la plantilla (por ejemplo, la sección principal del producto) desde Editar código.

3. Verifica

1. Abre la página donde agregaste la sección y recárgala.
2. El asset aparece en unos segundos. Con las herramientas de desarrollo (F12) revisa que el div tenga data-figi-state="ready".
3. En la pestaña Red, las solicitudes a /api/public/events tienen que responder 202.

Problemas comunes en Shopify

• El asset no aparece en la vista previa del editor: el editor de temas a veces no ejecuta scripts externos. Revisa la página publicada o la vista previa del tema.
• Aparece dos veces o se carga doble: el script quedó en theme.liquid y también dentro de la sección. Déjalo solo en theme.liquid.
• No aparece en un producto: ese producto usa otra plantilla. Agrega la sección también a esa plantilla.
• La analítica está en cero: falta autorizar el dominio con el que entran tus clientes (con y sin www).

Para otros problemas, mira Problemas comunes en la guía general.