Passer au contenu principal
Vous pouvez concevoir et lancer un storefront Shopify personnalisé simplement en décrivant la boutique que vous souhaitez créer. L’Agent provisionne une boutique Shopify, crée un front end contre elle et ajoute vos produits, le tout depuis une seule conversation. Lorsque vous êtes prêt à vendre, vous faites un seul aller-retour sur Shopify pour revendiquer la boutique et activer les paiements. Dans ce guide, vous allez créer Ember & Oak, une boutique de bougies artisanales, d’une invite à un storefront publié.
Le storefront de bougies Ember & Oak terminé — un design boutique chaleureux aux tons crème et ambre avec une image héros d'une bougie allumée, le titre « Light that feels like home » et une grille de produits de bougies à la cire de soja avec des boutons Ajouter au panier

​
Ce que vous allez accomplir

À la fin de ce guide, vous aurez :
  • Un storefront de bougies conçu sur mesure adossé à une vraie boutique Shopify.
  • Des produits et des prix créés dans Shopify et affichés sur le storefront.
  • Un panier fonctionnel qui redirige les acheteurs vers le paiement Shopify.
  • Un chemin clair pour passer en ligne : revendiquer la boutique, activer les paiements et lancer.

​
Ce que vous allez apprendre

Vous apprendrez à :
  • Décrire une boutique pour qu’Agent recommande Shopify et la provisionne pour vous.
  • Connecter Shopify sans gérer de clés API.
  • Ajouter et publier des produits en discutant avec Agent.
  • Affiner le design et le parcours d’achat.
  • Faire passer la boutique du développement à un storefront en ligne et vendable.

​
Connecter Shopify

Shopify est disponible pour tous les développeurs sur toutes les applications, et vous le connectez directement dans la conversation. Commencez par décrire la boutique que vous souhaitez créer.
1

Décrire votre boutique

Copiez l’invite et collez-la dans la zone d’invite sur replit.com, ou cliquez sur Build on Replit pour ouvrir Replit avec l’invite pré-remplie.
La zone d'invite Replit avec l'invite de la boutique de bougies Ember & Oak saisie, prête à démarrer la création
L’Agent reconnaît que vous vendez un bien physique et recommande Shopify comme backend pour votre storefront.
L'Agent Replit faisant appel au skill Shopify pour la boutique de bougies Ember & Oak, montrant une carte « Connect to Shopify » avec un bouton Connect Shopify
2

Approuver la création d'une boutique Shopify

L’Agent demande de créer une boutique Shopify pour votre application. Approuvez-la, et l’Agent provisionne une boutique de développement appartenant à Replit et la connecte. Aucune configuration supplémentaire n’est nécessaire. Votre e-mail est partagé avec Shopify afin que vous puissiez revendiquer la boutique ultérieurement.La boutique commence protégée par un mot de passe et ne peut pas accepter de vrais paiements tant que vous n’êtes pas en ligne, ce qui vous permet de créer librement sans risque.
Chaque boutique Shopify est associée à une seule application. Si vous créez une seconde boutique plus tard, l’Agent provisionne une nouvelle boutique Shopify pour cette application. Pour les détails complets du connecteur, consultez Connecter Shopify.

​
Créer le storefront

Avec Shopify connecté, l’Agent conçoit et crée le storefront contre votre boutique.
1

Laisser Agent créer le front end

L’Agent génère le storefront à partir de votre invite — la section héros, la grille de produits, le panier et les sections de soutien. Lorsqu’il a terminé, le volet de droite passe en mode Aperçu pour que vous puissiez faire défiler la page et cliquer sur le design.
Le storefront Ember & Oak rendu dans le volet Aperçu de Replit à côté du chat Agent, montrant la section héros de bougies et la grille de produits
2

Ajouter vos premiers produits

Une nouvelle boutique commence avec un catalogue vide. Demandez à Agent d’ajouter un produit, et il crée le produit dans Shopify et le publie sur le storefront.Le produit est créé dans votre boutique Shopify et apparaît dans la grille de produits du storefront.
Chat Agent ajoutant un produit de bougie à la cire de soja à la lavande, avec le nouveau produit apparaissant dans la grille de produits du storefront Ember & Oak
3

Remplir le catalogue

Continuez à ajouter des produits en les décrivant. L’Agent crée chacun dans Shopify avec son prix, sa description et son image.
Pour aller plus loin : demandez à Agent de regrouper des produits en collections (« Créer une collection Fêtes avec mes trois meilleures bougies »), d’ajouter des variantes de produits comme la taille ou le parfum, ou de suivre les stocks afin que le storefront indique ce qui est disponible. Shopify reste le système de référence pour tout cela.

​
Affiner le design et le paiement

Chaque partie du storefront est modifiable par conversation. Affinez l’apparence, puis vérifiez le parcours d’achat de bout en bout.
1

Affiner le design

Décrivez ce que vous souhaitez modifier, et Agent met à jour le storefront.
2

Tester le panier et le paiement

Dans l’aperçu, ajoutez une bougie au panier et commencez le paiement. Le panier redirige les acheteurs vers le paiement hébergé de Shopify. Pendant le développement, votre boutique est protégée par un mot de passe, donc l’aperçu du paiement peut afficher une page de mot de passe — c’est attendu et ne signifie pas que quelque chose est cassé.
Pour aller plus loin : demandez à Agent d’ajouter une page de détail produit, un tiroir de panier, une recherche ou une section de produits vedettes. Comme le storefront est un vrai projet Replit, vous pouvez l’étendre avec tout ce que vous pouvez décrire — un blog, une liste de souhaits ou des pages de destination personnalisées — tandis que Shopify gère le paiement et les commandes.

​
Le mettre en ligne

Le passage en ligne se fait sur Shopify. Demandez à Agent de démarrer le flux Go Live, puis effectuez les étapes appartenant au marchand.
1

Revendiquer votre boutique sur Shopify

La revendication se fait sur Shopify et est la seule étape qui se déroule en dehors de Replit. Comme votre e-mail a été partagé avec Shopify lors de la création de la boutique, vous pouvez la revendiquer à partir du lien fourni par Replit ou de l’e-mail envoyé par Shopify.Shopify vous envoie par e-mail une invitation de propriétaire de boutique qui vous guide à travers les étapes. Ouvrez-la et sélectionnez Commencer.
E-mail d'invitation de propriétaire de boutique Shopify vous invitant à devenir propriétaire de la boutique, avec un bouton « Commencer »
Connectez-vous avec votre compte Shopify existant, ou créez-en un pour accepter l’invitation.
Écran Shopify « Créer un compte » pour accepter l'invitation, avec des options de connexion par e-mail, Google, Apple et Facebook
Sélectionnez Revendiquer la boutique pour autoriser l’application Replit sur votre boutique et démarrer votre essai gratuit. Vous atterrissez ensuite dans votre administration Shopify en tant que propriétaire principal.
Écran Replit « Revendiquez votre boutique » avec un bouton « Revendiquer la boutique » pour démarrer un essai Shopify gratuit
2

Choisir un plan et activer les paiements

Choisissez un plan Shopify et activez Shopify Payments ou un autre fournisseur. Shopify collecte les informations d’identité et bancaires nécessaires pour vous payer — rien de tout cela ne se passe dans Replit.
3

Configurer la livraison, les taxes et un domaine

Définissez vos tarifs de livraison et vérifiez les taxes dans Shopify, et connectez éventuellement un domaine personnalisé.
4

Lancer et publier

Supprimez le mot de passe du storefront dans Shopify pour ouvrir la boutique aux acheteurs. Dans Replit, cliquez sur Publier pour déployer votre storefront sur son URL publique.
Les paiements, la vérification d’identité, les taxes, la livraison et les contrôles de fraude restent sur Shopify. Pour la liste de contrôle complète du passage en ligne et les détails du connecteur, consultez Connecter Shopify.

​
Prochaines étapes

Connecter Shopify

La référence du connecteur : comment fonctionne la connexion Shopify et la liste de contrôle complète du passage en ligne.

Ajouter un domaine personnalisé

Donnez à votre boutique une URL personnalisée avant le lancement.

Améliorer le SEO

Aidez les acheteurs à trouver votre boutique dans les moteurs de recherche.

Lancer une page de destination

Créez une page de campagne ciblée pour générer du trafic vers votre boutique.

​
Voir aussi