> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Connecter Shopify

> Connectez Shopify afin que l'Agent puisse provisionner une boutique Shopify, créer un storefront personnalisé et gérer vos produits et votre inventaire depuis Replit.

export const WistiaEmbed = ({videoId, title = "Wistia video", playerColor = "FF0000", controlsVisibleOnLoad = false}) => {
  if (!videoId) {
    return null;
  }
  const url = "https://fast.wistia.net/embed/iframe/" + videoId + "?seo=false&playerColor=" + playerColor + "&controlsVisibleOnLoad=" + controlsVisibleOnLoad;
  return <Frame>
      <iframe src={url} title={title} allow="autoplay; fullscreen" allowFullScreen></iframe>
    </Frame>;
};

<WistiaEmbed videoId="d3o9gwwtiw" title="Connecter Shopify et créer un storefront avec l'Agent" />

Avec le connecteur Shopify, l'Agent provisionne une boutique Shopify, crée un storefront personnalisé contre elle et gère vos produits et votre inventaire, le tout en une seule conversation, sans clés API. L'Agent recommande Shopify chaque fois que vous décrivez la vente d'un bien physique, et vous ne visitez Shopify que pour passer en ligne. De la première invite aux vraies commandes, il faut environ dix minutes.

<Note>
  Pour un guide étape par étape, suivez [Créer une boutique Shopify](/fr/build/ecommerce-store).
</Note>

## Ce que vous pouvez créer

* Des storefronts sur mesure pour des produits physiques
* Des boutiques de merchandising et de vêtements de marque
* Des boutiques directes aux consommateurs avec paniers et paiement
* Des outils de catalogue et d'inventaire adossés à votre boutique Shopify
* Des pages de destination de produits vendant un seul article vedette

## Exemples

<Frame caption="Ember & Oak : une boutique de bougies à la cire de soja artisanales, créée dans le tutoriel">
  <img src="https://mintcdn.com/replit/HIUZSogml1gclscE/images/build-examples/ember-and-oak-candles.png?fit=max&auto=format&n=HIUZSogml1gclscE&q=85&s=f22b2300c152ac6555dd5edb8dfbcc1f" alt="Le storefront de bougies Ember & Oak : un design chaleureux aux tons crème et ambre avec une section héros de bougie allumée et le titre « Light that feels like home »" width="3452" height="1978" data-path="images/build-examples/ember-and-oak-candles.png" />
</Frame>

<Frame caption="Petals & Purl : une boutique de fleurs en laine tricotées à la main">
  <img src="https://mintcdn.com/replit/HIUZSogml1gclscE/images/build-examples/petals-and-purl.png?fit=max&auto=format&n=HIUZSogml1gclscE&q=85&s=8c704f8af42e1d0c010445cdf2eaee36" alt="Le storefront Petals & Purl : une boutique cozy de fleurs en laine tricotées à la main avec le titre « Blooms that last a lifetime »" width="1291" height="740" data-path="images/build-examples/petals-and-purl.png" />
</Frame>

## Comment ça fonctionne

<Steps>
  <Step title="Décrire votre boutique">
    Dites à Agent ce que vous souhaitez vendre. Il recommande Shopify pour les biens physiques, même si vous ne le mentionnez pas.

    <Frame>
      <img src="https://mintcdn.com/replit/pRYYKFsTVxh8-e6X/images/replitai/shopify/describe-your-store.png?fit=max&auto=format&n=pRYYKFsTVxh8-e6X&q=85&s=b25c3bc8ff45c1bc509a10f60be294bd" alt="La zone d'invite Replit avec une invite de boutique de bougies saisie" width="1440" height="900" data-path="images/replitai/shopify/describe-your-store.png" />
    </Frame>
  </Step>

  <Step title="Agent provisionne une boutique">
    Une boutique de développement est créée (environ dix secondes) sous le compte partenaire Shopify de Replit, l'application Replit Sales Channel est installée et la boutique est connectée. Aucune clé API ; une boutique par application ; protégée par un mot de passe jusqu'à ce que vous la revendiquez.

    <Frame>
      <img src="https://mintcdn.com/replit/pRYYKFsTVxh8-e6X/images/replitai/shopify/connect-shopify-store.png?fit=max&auto=format&n=pRYYKFsTVxh8-e6X&q=85&s=f10b41182863d7cb7afb5611d79bace1" alt="L'Agent Replit faisant appel au skill Shopify, montrant une carte « Connect to Shopify » avec un bouton Connect Shopify" width="3452" height="1984" data-path="images/replitai/shopify/connect-shopify-store.png" />
    </Frame>
  </Step>

  <Step title="Agent la crée et la gère">
    L'Agent conçoit le storefront headless et maintient les produits, variantes, inventaires, collections et remises.

    <Frame>
      <img src="https://mintcdn.com/replit/pRYYKFsTVxh8-e6X/images/replitai/shopify/add-product.png?fit=max&auto=format&n=pRYYKFsTVxh8-e6X&q=85&s=5f7a254e82ae13c1770632a9db916005" alt="Une grille de produits de storefront montrant des produits de bougies avec noms et prix" width="3452" height="1978" data-path="images/replitai/shopify/add-product.png" />
    </Frame>
  </Step>

  <Step title="Passer en ligne sur Shopify">
    Revendiquez la boutique, choisissez un plan, configurez les paiements et lancez quand vous êtes prêt à vendre.

    <Frame>
      <img src="https://mintcdn.com/replit/pRYYKFsTVxh8-e6X/images/replitai/shopify/claim-store.png?fit=max&auto=format&n=pRYYKFsTVxh8-e6X&q=85&s=317bdb5509beb15270c694087e3279fe" alt="Écran Replit « Revendiquez votre boutique » avec un bouton « Revendiquer la boutique »" width="3452" height="1978" data-path="images/replitai/shopify/claim-store.png" />
    </Frame>
  </Step>
</Steps>

## Ce qu'Agent gère

Tout dans le storefront et le catalogue est modifiable par chat.

| Domaine                        | Ce que l'Agent fait                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Design                         | Génère un front end headless à partir de vos indications (pas de thème Liquid, pas de bibliothèque de templates). Le texte, la mise en page, la navigation, les animations et les pages produits sont modifiables par chat, et vous pouvez explorer des directions avec les variantes [Canvas](/references/design/canvas). C'est un vrai projet Replit, donc vous pouvez l'étendre avec un blog, une liste de souhaits ou des pages de destination. |
| Produits                       | Créer, mettre à jour et supprimer des produits et variantes. Champs : titre, description, type, fournisseur, tags, SKU, prix, poids, options (taille, couleur), images et disponibilité.                                                                                                                                                                                                                                                            |
| Inventaire                     | Définir et ajuster les stocks par variante.                                                                                                                                                                                                                                                                                                                                                                                                         |
| Collections                    | Regrouper des produits en collections.                                                                                                                                                                                                                                                                                                                                                                                                              |
| Remises                        | Créer une règle de prix plus un code échangeable.                                                                                                                                                                                                                                                                                                                                                                                                   |
| Publication et synchronisation | Les nouveaux produits sont automatiquement publiés sur votre storefront. La synchronisation fonctionne dans les deux sens : les modifications dans votre administration Shopify apparaissent dans l'aperçu Replit, et les modifications de l'Agent apparaissent dans votre administration Shopify.                                                                                                                                                  |

## Replit et Shopify : qui fait quoi

| Replit gère                                                      | Shopify gère                                                              |
| ---------------------------------------------------------------- | ------------------------------------------------------------------------- |
| Design et création du storefront                                 | Paiement hébergé                                                          |
| Gestion du catalogue par chat (produits, inventaire, remises)    | Système de référence pour les produits, inventaires, paniers et commandes |
| Hébergement et déploiement du storefront                         | Paiements, vérification d'identité (KYC) et versements                    |
| Variantes de design Canvas                                       | Taxes, livraison et exécution                                             |
| Extension de l'application (blog, pages de destination, et plus) | Vente multicanal                                                          |

Les commandes, remboursements, versements et exécutions sont gérés dans votre administration Shopify, pas via l'Agent.

## Portée de la connexion

* Disponible pour tous les développeurs sur toutes les applications, connecté dans la conversation, sans configuration du panneau Connecteurs et sans identifiants.
* Limité à une application : chaque application obtient sa propre boutique Shopify.
* La boutique est une boutique de développement appartenant à Replit jusqu'à ce que vous la revendiquez ; votre e-mail est partagé avec Shopify afin que vous puissiez la revendiquer ultérieurement.
* Vous pouvez désinstaller l'application Replit depuis votre administration Shopify à tout moment.

## Passer en ligne sur Shopify

Le passage en ligne se fait sur Shopify, pas sur Replit. Demandez à Agent de démarrer le flux Go Live, puis effectuez ces étapes appartenant au marchand dans votre administration Shopify :

* **Revendiquer la boutique** depuis le lien dans le chat ou l'e-mail envoyé par Shopify. Le lien expire après 7 jours. La revendication démarre un essai gratuit.
* **Choisir un plan** : un [plan payant](https://www.shopify.com/pricing) est requis pour traiter des commandes en direct.
* **Configurer les paiements** : activer [Shopify Payments](https://help.shopify.com/en/manual/payments/shopify-payments) ou un autre fournisseur et compléter la vérification d'identité (KYC). La capture en direct fonctionne une fois que le compte de revendication termine le KYC.
* **Configurer [la livraison](https://help.shopify.com/en/manual/shipping) et [les taxes](https://help.shopify.com/en/manual/taxes).**
* **Connecter un [domaine personnalisé](/fr/build/add-custom-domain)** (optionnel) et supprimer le mot de passe du storefront pour ouvrir la boutique aux acheteurs.

Le paiement redirige toujours vers le paiement hébergé Shopify, donc les acheteurs paient sur Shopify.

<Note>
  Les paiements, la vérification d'identité, les taxes, la livraison et les contrôles de fraude restent sur Shopify. Replit ne collecte jamais les coordonnées bancaires des marchands, les numéros d'identification fiscale ou d'autres informations sensibles.
</Note>

## Résolution des problèmes

<AccordionGroup>
  <Accordion title="La configuration de la boutique Shopify prend du temps">
    Le provisionnement appelle plusieurs API Shopify et peut prendre un peu de temps. Laissez l'Agent terminer la configuration avant de lui demander de créer le storefront.
  </Accordion>

  <Accordion title="Le paiement affiche une page de mot de passe pendant le développement">
    Les boutiques de développement sont protégées par un mot de passe jusqu'à ce que vous passiez en ligne, donc les aperçus de paiement peuvent atterrir sur une page de mot de passe. C'est attendu, mais le panier fonctionne toujours. Supprimez le mot de passe dans Shopify uniquement lors du lancement.
  </Accordion>

  <Accordion title="Le paiement ne peut pas traiter un vrai paiement">
    La capture en direct nécessite que le compte Shopify de revendication termine la configuration des paiements et le KYC. Jusqu'alors, le paiement redirige vers Shopify mais ne peut pas capturer de paiement. Terminez le KYC ou utilisez un compte qui a déjà les paiements configurés.
  </Accordion>

  <Accordion title="Agent indique que Shopify n'est pas connecté pour cette application">
    Chaque boutique est associée à une application. Si vous avez connecté Shopify sur une application différente, demandez à Agent de configurer une boutique Shopify pour l'application actuelle.
  </Accordion>

  <Accordion title="Les produits n'apparaissent pas sur le storefront">
    Un produit n'est visible qu'une fois qu'il est actif et publié. L'Agent publie automatiquement les produits qu'il crée ; si l'un manque, demandez à Agent de le publier, puis actualisez l'aperçu.
  </Accordion>

  <Accordion title="La connexion doit être rétablie après un transfert">
    Après avoir revendiqué ou transféré la boutique, Shopify peut vous demander de réautoriser la connexion. Demandez à Agent de reconnecter Shopify, et il rétablit l'accès sans perdre votre boutique.
  </Accordion>
</AccordionGroup>

## Documentation connexe

* [Créer une boutique Shopify](/fr/build/ecommerce-store) : Guide étape par étape d'une invite à un storefront publié
* [Ajouter un domaine personnalisé](/fr/build/add-custom-domain) : Donnez à votre storefront une URL personnalisée
* [Intégrations Agent](/fr/references/integrations/overview) : Intégrations gérées par Replit et services Agent
* [Gérer vos connecteurs](/fr/replitai/managing-connectors) : Configurer et gérer les connecteurs
* [Centre d'aide Shopify](https://help.shopify.com/) : Configuration de la boutique, paiements et gestion du compte