> ## 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.

# Documentación de Komerza

> Guías para configurar y gestionar tu tienda, además de la API, los SDK y las integraciones

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">
    ¿Cómo podemos ayudarte?
  </h1>

  <p className="mx-auto mt-4 max-w-xl text-base text-gray-600 dark:text-zinc-400">
    Guías para configurar y gestionar tu tienda, además de la API, los SDK y las integraciones para construir sobre Komerza.
  </p>

  <div id="hero-search" role="button" tabIndex={0} aria-label="Buscar en la documentación" 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">
      Buscar en la documentación
    </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">
    Populares:{" "}

    <a href="/es/guides/delivery/introduction" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
      Cómo funciona la entrega
    </a>

    {" · "}

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

    {" · "}

    <a href="/es/guides/embed-sdk" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
      Embed SDK
    </a>

    {" · "}

    <a href="/es/guides/custom-domain" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
      Dominio personalizado
    </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="Configura tu tienda"
    icon="box"
    description="Productos, precios y el escaparate."
    links={[
  {
    title: "Productos y variantes",
    href: "/guides/products-and-variants",
    en: true,
  },
  {
    title: "Cómo funciona la entrega",
    href: "/es/guides/delivery/introduction",
  },
  {
    title: "Cupones y descuentos",
    href: "/guides/coupons-and-discounts",
    en: true,
  },
  {
    title: "Roles de Discord",
    href: "/guides/discord-roles",
    en: true,
  },
  {
    title: "Dominio personalizado",
    href: "/es/guides/custom-domain",
  },
]}
  />

  <Category
    title="Diseña tu escaparate"
    icon="color-palette"
    description="El editor visual, las secciones y la publicación."
    links={[
  {
    title: "Editor de escaparate",
    href: "/guides/builder/introduction",
    en: true,
  },
  {
    title: "Secciones",
    href: "/guides/builder/sections",
    en: true,
  },
  {
    title: "Publicación",
    href: "/guides/builder/publishing",
    en: true,
  },
  {
    title: "Integraciones",
    href: "/guides/builder/integrations",
    en: true,
  },
]}
  />

  <Category
    title="Acepta pagos"
    icon="credit-card"
    description="Conecta tus propias pasarelas y procesadores de cripto."
    links={[
  {
    title: "Métodos de pago admitidos",
    href: "/es/guides/payment-methods",
  },
  {
    title: "Métodos de pago personalizados",
    href: "/guides/custom-payment-methods",
    en: true,
  },
  {
    title: "Apple Pay con Stripe",
    href: "/es/guides/apple-pay-stripe",
  },
  {
    title: "Configurar Cash App",
    href: "/es/guides/cash-app-setup",
  },
]}
  />

  <Category
    title="Pedidos y entrega"
    icon="receipt"
    description="Entregar, reembolsar y solucionar problemas."
    links={[
  {
    title: "Gestionar pedidos",
    href: "/guides/orders",
    en: true,
  },
  {
    title: "Estados de pedido",
    href: "/api-reference/payment-status",
    en: true,
  },
  {
    title: "Entrega dinámica",
    href: "/es/guides/dynamic-delivery",
  },
  {
    title: "Webhooks de tienda",
    href: "/guides/webhooks",
    en: true,
  },
]}
  />

  <Category
    title="Clientes y suscripciones"
    icon="users"
    description="Cuentas, crédito de tienda, cobros recurrentes y equipo."
    links={[
  {
    title: "Clientes y crédito de tienda",
    href: "/guides/customers-and-store-credit",
    en: true,
  },
  {
    title: "Vender suscripciones",
    href: "/guides/subscriptions",
    en: true,
  },
  {
    title: "Notificaciones y alertas",
    href: "/guides/notifications",
    en: true,
  },
  {
    title: "Equipos y permisos",
    href: "/guides/teams-and-permissions",
    en: true,
  },
]}
  />

  <Category
    title="Haz crecer tu tienda"
    icon="chart-line"
    description="Atrae clientes y consigue que vuelvan."
    links={[
  {
    title: "Programa de afiliados",
    href: "/guides/affiliates",
    en: true,
  },
  {
    title: "Email marketing",
    href: "/guides/email-marketing",
    en: true,
  },
  {
    title: "SDK de Analytics",
    href: "/es/guides/analytics-sdk",
  },
  {
    title: "Migrar a Komerza",
    href: "/guides/migrating-to-komerza",
    en: true,
  },
]}
  />

  <Category
    title="Crea e integra"
    icon="code"
    description="Lleva el checkout de Komerza a tu propio sitio."
    links={[
  {
    title: "Embed SDK",
    href: "/es/guides/embed-sdk",
  },
  {
    title: "El embed no carga",
    href: "/guides/embed-troubleshooting",
    en: true,
  },
  {
    title: "Storefront SDK",
    href: "/es/storefront/introduction",
  },
  {
    title: "Komerza CLI",
    href: "/guides/cli",
    en: true,
  },
]}
  />

  <Category
    title="Referencia de API"
    icon="terminal"
    description="Acceso REST completo a tiendas, productos y pedidos."
    links={[
  {
    title: "Introducción",
    href: "/api-reference/introduction",
    en: true,
  },
  {
    title: "Inicio rápido",
    href: "/api-reference/quickstart",
    en: true,
  },
  {
    title: "Scopes y permisos",
    href: "/api-reference/scopes",
    en: true,
  },
  {
    title: "Filtrado y orden",
    href: "/api-reference/filtering",
    en: true,
  },
]}
  />

  <Category
    title="Referencia y herramientas"
    icon="book"
    description="Valores, errores y todo lo que consultarás."
    links={[
  {
    title: "Enums y constantes",
    href: "/api-reference/enums",
    en: true,
  },
  {
    title: "Códigos de error",
    href: "/api-reference/error-codes",
    en: true,
  },
  {
    title: "SDK y librerías",
    href: "/api-reference/sdks",
    en: true,
  },
  {
    title: "Valores de métodos de pago",
    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">
  Las páginas marcadas con EN aún no están traducidas.
</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">
    Panel de control
  </a>

  {" · "}

  <a href="https://status.komerza.com" className="underline-offset-4 hover:text-blue-600 hover:underline dark:hover:text-blue-400">
    Estado del sistema
  </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">
    Demo en vivo
  </a>
</div>


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