Cómo añadir la búsqueda inteligente a Shopify
Conecta la búsqueda al tema de Shopify para que el widget aparezca en las páginas que usan la plantilla compartida de la tienda.
Prepara el catálogo y el código
Conecta tu feed de productos en Indexa y espera a que se cargue el catálogo.
En «Widget → Integración», introduce la URL del sitio web y copia el código universal.
Añade el código a tu tema
Abre «Tienda online → Temas». Duplica el tema antes de editarlo.
Elige «Editar código» y abre «Layout → theme.liquid».
Pega el código universal completo de Indexa antes de la etiqueta de cierre </head>.
Guarda los cambios. Si has editado una copia del tema, pruébala y publica ese tema.
Ejemplo para theme.liquid
Este es un fragmento de plantilla. Conserva el código existente del tema y las llamadas del sistema; no sustituyas el archivo completo por el ejemplo.
<head>
<!-- Existing theme code -->
{{ content_for_header }}
<script async src="INDEXA_LOADER_URL_FROM_DASHBOARD"></script>
</head>
La búsqueda aparece en las páginas que usan la plantilla en la que has instalado el código.
Si tu tienda usa otros diseños de página, comprueba esas páginas por separado.
El proceso de pago tiene sus propias reglas de personalización y no está incluido en este ejemplo.
Comprueba la búsqueda después de la instalación
Abre tu tienda y usa «Comprobar instalación» en Indexa. Selecciona los elementos de búsqueda para ordenador y móvil y guarda los cambios.
Busca un producto, sigue su enlace y cierra el widget. Repite la prueba en la página de inicio, en una categoría y en la página de un producto.
Después de cambiar o actualizar el tema, comprueba que el código y los elementos de búsqueda seleccionados sigan funcionando.