Passer au contenu principal
Une fois que vous avez créé votre collection de produits, vous devez la rendre visible sur votre site, ce qui implique d’activer la collection, de copier le snippet, de l’intégrer dans votre code source ou de créer une campagne pour gérer son affichage.

1. Activer la collection de produits

Avant le déploiement, assurez-vous que votre collection est active :
  1. Accédez au tableau de bord Product collections.
  2. Ouvrez la collection que vous souhaitez déployer.
  3. Cliquez sur Enable dans le coin supérieur droit.
Le statut passera à Active.

2. Copier le snippet

Chaque collection est fournie avec un snippet que vous devez ajouter au code source de votre site web : Cliquez sur Copy code dans la vue de la collection. Une pop-in affichera le snippet ainsi que les variables prises en charge :
  • data-collection-id (obligatoire) : identifiant unique de votre collection.
  • data-collection-locations (facultatif) : nécessaire si votre flux de produits contient plusieurs emplacements.
  • data-collection-callback (facultatif) : fonction JS pour gérer les requêtes réussies.
  • data-collection-error (facultatif) : fonction JS pour gérer les requêtes ayant échoué.

3. Déployer la collection de produits sur votre site web

Vous pouvez insérer la collection de produits dans votre code source ou créer une campagne Kameleoon.

Intégrer le snippet dans votre code source

Collez le snippet copié dans la section pertinente du code source de votre site web. Le snippet agit comme un emplacement réservé où la collection de produits sera affichée.
  • Placez le snippet dans le corps HTML de votre page, dans le conteneur où vous souhaitez que la collection apparaisse.
  • Assurez-vous que votre site charge correctement Kameleoon, afin que la collection soit rendue dynamiquement.

Créer une campagne

Ouvrez l’éditeur de code et ajoutez la collection de produits. Pour apprendre à utiliser l’éditeur de code, consultez cet article.