Comment ajouter la recherche intelligente à Shopify
Connectez la recherche à votre thème Shopify pour que le widget apparaisse sur les pages utilisant le modèle commun de la boutique.
Préparer le catalogue et le code
Connectez votre flux de produits dans Indexa et attendez le chargement du catalogue.
Dans « Widget → Intégration », saisissez l’URL du site et copiez le code universel.
Ajouter le code à votre thème
Ouvrez « Boutique en ligne → Thèmes ». Dupliquez le thème avant de le modifier.
Choisissez « Modifier le code » et ouvrez « Layout → theme.liquid ».
Collez le code universel Indexa complet avant la balise de fermeture </head>.
Enregistrez les modifications. Si vous avez modifié une copie du thème, testez-la puis publiez ce thème.
Exemple pour theme.liquid
Il s’agit d’un fragment de modèle. Conservez le code du thème et les appels système existants ; ne remplacez pas le fichier entier par cet exemple.
<head>
<!-- Existing theme code -->
{{ content_for_header }}
<script async src="INDEXA_LOADER_URL_FROM_DASHBOARD"></script>
</head>La recherche apparaît sur les pages utilisant le modèle dans lequel vous avez installé le code.
Si votre boutique utilise d’autres mises en page, vérifiez ces pages séparément.
Le paiement suit des règles de personnalisation distinctes et n’est pas couvert par cet exemple.
Vérifier la recherche après l’installation
Ouvrez votre boutique, puis utilisez « Vérifier l’installation » dans Indexa. Sélectionnez les éléments de recherche pour ordinateur et mobile, puis enregistrez.
Recherchez un produit, suivez son lien et fermez le widget. Répétez l’opération sur la page d’accueil, une page de catégorie et une page produit.
Après avoir changé ou mis à jour votre thème, vérifiez que le code et les éléments de recherche sélectionnés fonctionnent toujours.
