Shopify
L'intégration Shopify permet d'afficher vos produits Shopify directement sur votre mini-site Pagelix, sans duplication de catalogue.
Fonctionnement
Pagelix récupère les données de vos produits via l'endpoint JSON public de Shopify. Aucune clé API ni configuration OAuth n'est nécessaire.
L'intégration utilise les données publiques de votre boutique Shopify. Vos produits doivent être publiés et visibles sur votre boutique en ligne.
Configuration
Copiez l'URL de votre produit
Depuis votre boutique Shopify, copiez l'URL complète du produit :
https://votre-boutique.myshopify.com/products/nom-du-produitAjoutez un bloc Produit Shopify
Dans l'éditeur Pagelix, ajoutez un bloc Produit Shopify ou Carrousel Shopify.
Collez l'URL
Collez l'URL du produit dans le champ prévu. Pagelix récupère automatiquement les données du produit.
Données récupérées
Pour chaque produit, Pagelix affiche :
| Donnée | Description |
|---|---|
| Titre | Nom du produit |
| Description | Description du produit |
| Prix | Prix et devise |
| Images | Toutes les images du produit (carrousel) |
| Variantes | Options avec prix et disponibilité |
| Disponibilité | Statut du produit |
Options d'affichage
| Option | Description |
|---|---|
| Afficher la description | Montrer/masquer la description |
| Afficher le prix | Montrer/masquer le prix |
| Afficher les variantes | Montrer/masquer le sélecteur de variantes |
| Texte du bouton | Personnaliser le CTA ("Voir le produit", "Acheter", etc.) |
Blocs disponibles
Produit Shopify
Affiche un produit individuel avec carrousel d'images, variantes et bouton d'achat.
Carrousel Shopify
Affiche plusieurs produits Shopify dans un carrousel défilant.
Cache et performances
- Les données produit sont mises en cache pendant 24 heures
- Un rafraîchissement peut être forcé depuis l'éditeur
- Le cache réduit les appels à l'API Shopify et accélère le chargement
La disponibilité en stock affichée peut avoir un décalage de 24h maximum par rapport à votre boutique Shopify. Pour un stock temps réel, considérez le Shopify Storefront API.
Bouton d'achat
Le bouton d'action redirige le visiteur vers la page du produit sur votre boutique Shopify pour finaliser l'achat. Le paiement est géré entièrement par Shopify.
Bonnes pratiques
- Utilisez des produits avec de belles images en haute résolution
- Personnalisez le texte du bouton selon votre audience
- Le carrousel Shopify est idéal pour présenter une collection
- Combinez avec un bloc Texte pour ajouter votre propre description