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

# Documentation Komerza

> Des guides pour configurer et gérer votre boutique, ainsi que l'API, les SDK et les intégrations

export const Category = ({title, description, icon, links}) => <div className="rounded-2xl border border-gray-200 bg-white p-6 dark:border-white/10 dark:bg-white/5">
    <div className="flex items-center gap-2.5">
      <span className={`kicon kicon-${icon} text-blue-600 dark:text-blue-400`} aria-hidden="true" />
      <h2 className="text-base font-medium text-gray-900 dark:text-zinc-50">
        {title}
      </h2>
    </div>
    <p className="mt-2 text-sm text-gray-600 dark:text-zinc-400">
      {description}
    </p>
    <ul className="mt-4 space-y-2">
      {links.map(link => <li key={link.href}>
          <a href={link.href} className="text-sm text-gray-700 underline-offset-4 hover:text-blue-600 hover:underline dark:text-zinc-300 dark:hover:text-blue-400">
            {link.title}
          </a>
          {link.en ? <span className="ml-2 rounded border border-gray-200 px-1 text-xs text-gray-400 dark:border-white/10 dark:text-zinc-500">
              EN
            </span> : null}
        </li>)}
    </ul>
  </div>;

<div className="mx-auto max-w-3xl px-6 pt-20 pb-10 text-center">
  <h1 className="text-4xl font-medium tracking-tight text-gray-900 sm:text-5xl dark:text-zinc-50">
    Comment pouvons-nous vous aider ?
  </h1>

  <p className="mx-auto mt-4 max-w-xl text-base text-gray-600 dark:text-zinc-400">
    Des guides pour configurer et gérer votre boutique, ainsi que l'API, les SDK et les intégrations pour développer sur Komerza.
  </p>

  <div id="hero-search" role="button" tabIndex={0} aria-label="Rechercher dans la documentation" className="mx-auto mt-8 flex w-full max-w-xl cursor-pointer items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-3 text-left shadow-sm transition hover:border-gray-300 dark:border-white/10 dark:bg-white/5 dark:hover:border-white/20">
    <span className="kicon kicon-sm kicon-magnifier" />

    <span className="flex-1 text-sm text-gray-500 dark:text-zinc-400">
      Rechercher dans la documentation
    </span>

    <kbd className="rounded-md border border-gray-200 px-2 py-1 text-xs text-gray-500 dark:border-white/10 dark:text-zinc-400">
      ⌘K
    </kbd>
  </div>

  <p className="mt-6 text-sm text-gray-500 dark:text-zinc-400">
    Populaire :{" "}

    <a href="/fr/guides/delivery/introduction" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
      Comment fonctionne la livraison
    </a>

    {" · "}

    <a href="/fr/guides/payment-methods" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
      Méthodes de paiement
    </a>

    {" · "}

    <a href="/fr/guides/embed-sdk" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
      SDK d'intégration
    </a>

    {" · "}

    <a href="/fr/guides/custom-domain" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
      Domaine personnalisé
    </a>
  </p>
</div>

<div className="mx-auto grid max-w-6xl gap-4 px-6 pb-6 sm:grid-cols-2 lg:grid-cols-3">
  <Category
    title="Configurer votre boutique"
    icon="box"
    description="Produits, tarifs et vitrine."
    links={[
  {
    title: "Produits et variantes",
    href: "/guides/products-and-variants",
    en: true,
  },
  {
    title: "Comment fonctionne la livraison",
    href: "/fr/guides/delivery/introduction",
  },
  {
    title: "Coupons et remises",
    href: "/guides/coupons-and-discounts",
    en: true,
  },
  {
    title: "Rôles Discord",
    href: "/guides/discord-roles",
    en: true,
  },
  {
    title: "Domaine personnalisé",
    href: "/fr/guides/custom-domain",
  },
]}
  />

  <Category
    title="Créer votre vitrine"
    icon="color-palette"
    description="L'éditeur visuel, les sections et la mise en ligne."
    links={[
  {
    title: "Générateur de vitrine",
    href: "/guides/builder/introduction",
    en: true,
  },
  {
    title: "Sections",
    href: "/guides/builder/sections",
    en: true,
  },
  {
    title: "Publication",
    href: "/guides/builder/publishing",
    en: true,
  },
  {
    title: "Intégrations",
    href: "/guides/builder/integrations",
    en: true,
  },
]}
  />

  <Category
    title="Accepter les paiements"
    icon="credit-card"
    description="Connectez vos propres passerelles et processeurs crypto."
    links={[
  {
    title: "Méthodes de paiement supportées",
    href: "/fr/guides/payment-methods",
  },
  {
    title: "Moyens de paiement personnalisés",
    href: "/guides/custom-payment-methods",
    en: true,
  },
  {
    title: "Apple Pay avec Stripe",
    href: "/fr/guides/apple-pay-stripe",
  },
  {
    title: "Configurer Cash App",
    href: "/fr/guides/cash-app-setup",
  },
]}
  />

  <Category
    title="Commandes et livraison"
    icon="receipt"
    description="Livrer, rembourser et dépanner les commandes."
    links={[
  {
    title: "Gérer les commandes",
    href: "/guides/orders",
    en: true,
  },
  {
    title: "Statuts de commande",
    href: "/api-reference/payment-status",
    en: true,
  },
  {
    title: "Livraison dynamique",
    href: "/fr/guides/dynamic-delivery",
  },
  {
    title: "Webhooks de boutique",
    href: "/guides/webhooks",
    en: true,
  },
]}
  />

  <Category
    title="Clients et abonnements"
    icon="users"
    description="Comptes, crédit boutique, facturation récurrente et équipe."
    links={[
  {
    title: "Clients et crédit boutique",
    href: "/guides/customers-and-store-credit",
    en: true,
  },
  {
    title: "Vendre des abonnements",
    href: "/guides/subscriptions",
    en: true,
  },
  {
    title: "Notifications et alertes",
    href: "/guides/notifications",
    en: true,
  },
  {
    title: "Équipes et permissions",
    href: "/guides/teams-and-permissions",
    en: true,
  },
]}
  />

  <Category
    title="Développer votre boutique"
    icon="chart-line"
    description="Attirez des clients et fidélisez-les."
    links={[
  {
    title: "Programme d'affiliation",
    href: "/guides/affiliates",
    en: true,
  },
  {
    title: "Email marketing",
    href: "/guides/email-marketing",
    en: true,
  },
  {
    title: "SDK Analytics",
    href: "/fr/guides/analytics-sdk",
  },
  {
    title: "Migrer vers Komerza",
    href: "/guides/migrating-to-komerza",
    en: true,
  },
]}
  />

  <Category
    title="Créer et intégrer"
    icon="code"
    description="Intégrez le paiement Komerza à votre propre site."
    links={[
  {
    title: "SDK d'intégration",
    href: "/fr/guides/embed-sdk",
  },
  {
    title: "L'intégration ne se charge pas",
    href: "/guides/embed-troubleshooting",
    en: true,
  },
  {
    title: "SDK Storefront",
    href: "/fr/storefront/introduction",
  },
  {
    title: "Komerza CLI",
    href: "/guides/cli",
    en: true,
  },
]}
  />

  <Category
    title="Référence API"
    icon="terminal"
    description="Accès REST complet aux boutiques, produits et commandes."
    links={[
  {
    title: "Introduction",
    href: "/api-reference/introduction",
    en: true,
  },
  {
    title: "Démarrage rapide",
    href: "/api-reference/quickstart",
    en: true,
  },
  {
    title: "Portées et permissions",
    href: "/api-reference/scopes",
    en: true,
  },
  {
    title: "Filtres et tri",
    href: "/api-reference/filtering",
    en: true,
  },
]}
  />

  <Category
    title="Références et outils"
    icon="book"
    description="Valeurs, erreurs et tout ce que vous consulterez."
    links={[
  {
    title: "Enums et constantes",
    href: "/api-reference/enums",
    en: true,
  },
  {
    title: "Codes d'erreur",
    href: "/api-reference/error-codes",
    en: true,
  },
  {
    title: "SDK et bibliothèques",
    href: "/api-reference/sdks",
    en: true,
  },
  {
    title: "Valeurs des moyens de paiement",
    href: "/api-reference/payment-methods",
    en: true,
  },
]}
  />
</div>

<div className="mx-auto max-w-6xl px-6 pb-4 text-center text-xs text-gray-400 dark:text-zinc-500">
  Les pages marquées EN ne sont pas encore traduites.
</div>

<div className="mx-auto max-w-6xl px-6 pb-20 text-center text-sm text-gray-500 dark:text-zinc-400">
  <a href="https://dashboard.komerza.com" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
    Tableau de bord
  </a>

  {" · "}

  <a href="https://status.komerza.com" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
    Statut du système
  </a>

  {" · "}

  <a href="https://checkout.komerza.com/embed/demo.html" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
    Démo de l'intégration
  </a>
</div>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.