Intégrer la FAQ IA dans la page de détail produit

Les clients peuvent désormais intégrer la FAQ IA directement sur leur Page de détail produit (PDP) pour afficher des questions et réponses générées par IA spécifiques au produit. Cela facilite la recherche d'informations pertinentes pour les acheteurs sans qu'ils aient à quitter la page produit.

L'intégration de la FAQ IA basée sur SKU identifie automatiquement le produit à partir de son SKU et affiche les FAQ correspondantes générées par AVA. Si un produit n'a pas d'AVA actif associé, la section FAQ IA restera automatiquement masquée sur cette page.

Comment intégrer la FAQ IA sur la PDP

Suivez ces étapes pour ajouter la FAQ IA à votre modèle PDP :

Étape n°1

Sélectionnez l'AVA que vous souhaitez intégrer, puis cliquez sur l'option « Intégrer » située sur le côté gauche de l'écran.

Étape n°2

Personnaliser l'affichage FAQ : Adaptez l'apparence de votre FAQ IA à votre identité de marque : modifiez le titre et le sous-titre, activez ou désactivez l'icône, sélectionnez votre couleur principale de marque, et ajustez la taille de police et le rayon des coins.

Étape n°3

Questions : Activez l'optimisation IA pour des questions générées dynamiquement en fonction du contexte de la page, des détails du produit et du parcours utilisateur.

Étape n°4

Cliquez sur Code d'intégration.

Étape n°4 (suite)

Les éléments varieront selon votre OMS. Lorsque vous insérez l'ID Produit dans le code pour Shopify, assurez-vous de prendre l'ID Produit et non l'ID Variante.

Étape n°5

Ajoutez manuellement l'attribut SKU à votre code d'intégration pour associer dynamiquement la bonne FAQ produit.

• React : sku={'${item.skuid}'}
• Shopify : sku={% raw %}{{product.id}}

Étape n°6

Enregistrez et publiez vos modifications.

Étape n°7

Ouvrez une page produit pour confirmer que la FAQ IA se charge correctement.

Étape n°8

Une fois implémenté, le système détecte automatiquement la valeur SKU et affiche la FAQ IA correspondante pour ce produit.