GRDN Skeeper Checkout Reviews
Extension checkout Shopify affichant des avis vérifiés Skeepers
Réalisé en alternance chez Animaux Vie et Santé
ShopifyCloudflare WorkersTypeScript
Extension checkout Shopify custom pour animauxvieetsante.com affichant des avis clients Skeepers vérifiés au moment du paiement, pour rassurer les clients hésitants.
Rôle : Développeur (solo)Durée : 2026 - en cours
Contexte
D'où on part.
- Besoin de rassurer les clients hésitants au moment du paiement avec de vrais avis vérifiés
- Avis clients déjà collectés via Skeepers mais non exploités dans le tunnel d'achat
- Aucune app du marché ne couvrait ce cas d'usage précis pour la boutique AVS
Objectif
Ce que je vise.
- Afficher des avis Skeepers pertinents directement dans le checkout Shopify
- Sécuriser l'accès à l'API Skeepers sans exposer les identifiants côté client
- Laisser le merchant personnaliser l'affichage (titre, lien, badge) depuis l'admin
Ce que j'ai fait
Actions concrètes.
- Cloudflare Worker proxy gérant l'authentification OAuth2 Skeepers (Basic auth)
- Extension checkout Shopify (Preact + web components natifs s-stack/s-text/s-badge)
- Appel du Worker proxy depuis l'extension via fetch (network access approuvé par Shopify)
- Panneau de réglages marchand (useSettings) : titre, lien, couleur du badge, affichage
- App admin custom pour la configuration et le suivi
Outils & méthodes
Stack et pratiques utilisées.
- Shopify Checkout UI Extension
- Preact
- Cloudflare Workers
- TypeScript
Résultats
Neutre et factuel.
- Avis Skeepers affichés en temps réel dans le checkout de la boutique AVS
- Proxy Cloudflare Worker sécurisé, credentials Skeepers isolés côté serveur
- Personnalisation de l'affichage disponible pour le marchand
Ce que j'ai appris
Synthèse perso.
- Les extensions checkout Shopify 2026 imposent des web components natifs (s-*), pas de composants React/Preact importables
- Un proxy serverless (Cloudflare Worker) est le bon endroit pour isoler des secrets tiers (OAuth2) hors du client
- Documenter précisément les contraintes d'API (types de settings, tons, gap) évite des allers-retours coûteux en dev
Projet similaire ?