spm-hydrogen-integration

spm-hydrogen-integration est un package permettant d'intégrer le script ShopiMind dans un thème Hydrogen d'une boutique Shopify. Cette intégration est essentielle pour activer les fonctionnalités avancées de marketing proposées par ShopiMind.

Prérequis

• ShopiMind doit être installé dans la boutique Shopify.
• Node.js version >= 16.20.0.

Installation

Installez le package via npm :

npm install spm-hydrogen-integration

Intégration

1. Importez la méthode initSpmIntegration dans votre fichier root.jsx :

   import { initSpmIntegration } from 'spm-hydrogen-integration';

2. Ajoutez le code suivant dans la méthode function App() pour initialiser le script ShopiMind :

   import { useLoaderData } from '@remix-run/react';
   import { useEffect } from 'react';
   import { useLocation } from 'react-router-dom';
   
   function App() {
       const data = useLoaderData(); // Récupérer les données du loader
       const location = useLocation(); // Hook pour surveiller les changements d'URL
   
       useEffect(() => {
           if (data && location.pathname) {
               initSpmIntegration(
                   data.publicStoreDomain, // domaine.myshopify.com
                   data.consent.storefrontAccessToken, // storefrontAccessToken
                   spmApiIdentifiant, // identifiant public ShopiMind
                   location.pathname,  // pathName location
                   data.idCustomer // idCustomer
               );
           }
       }, [data.idCustomer, location.pathname]);
   
       return (
           // Votre contenu App
       );
   }

3. Explication des paramètres de initSpmIntegration :

   • data.publicStoreDomain : Le domaine public de la boutique, par exemple domaine.myshopify.com.
   • data.consent.storefrontAccessToken : Le token d'accès StoreFront.
   • spmApiIdentifiant : L'identifiant public fourni par ShopiMind.
   • location.pathname : Le chemin actuel de la page.
   • data.idCustomer : L'identifiant unique du client (le cas échéant).

Notes Importantes

• Le package est conçu pour fonctionner exclusivement avec les thèmes Hydrogen de Shopify.
• Assurez-vous que l'application ShopiMind est correctement configurée dans votre boutique avant d'intégrer ce package.