Saltar al contenido principal

​
¿Qué es el desarrollo de tiendas?

Komerza te permite crear tiendas completamente personalizadas usando cualquier tecnología web que prefieras. Crea tu tienda con HTML, CSS y JavaScript—o usa frameworks como React, Vue o Svelte—y alójalo directamente en la infraestructura de Komerza. Tu tienda importa la Biblioteca Cliente de Komerza, un script ligero que maneja todas las funcionalidades de e-commerce:
  • Tienda y Productos - Obtén información de la tienda, productos, variantes y reseñas
  • Carrito - Gestiona el estado del carrito, cantidades y selecciones
  • Pago - Crea pedidos y redirige a páginas de pago alojadas
  • Análisis - Seguimiento automático de visitas y conversiones (sin código)

​
¿Por qué construir en Komerza?

Libertad de diseño completa

Sin plantillas ni temas con los que luchar. Controlas cada píxel.

Sin backend requerido

La biblioteca cliente maneja toda la comunicación con la API. Solo HTML, CSS y JS.

Alojamiento instantáneo

Despliega en la infraestructura de Komerza o lista en el mercado de temas.

Rendimiento rápido

Los archivos estáticos cargan instantáneamente con entrega CDN global.

Protección DDoS de nivel empresarial

Tu tienda permanece en línea bajo cualquier carga. Construido sobre Cloudflare para una resiliencia incomparable.

Copias de seguridad automáticas

Cada cambio y despliegue se respalda automáticamente. Almacena hasta 20 copias en planes seleccionados.

​
Ejemplo rápido

<!DOCTYPE html>
<html>
  <head>
    <title>Mi Tienda</title>
    <script src="https://cdn.komerza.com/komerza.min.js"></script>
  </head>
  <body>
    <h1 id="store-name"></h1>
    <div id="products"></div>

    <script>
      komerza.init('tu-id-de-tienda');

      komerza.getStore().then(response => {
        if (!response.success) return;

        const store = response.data;
        document.getElementById('store-name').textContent = store.name;

        store.products.forEach(product => {
          const variant = product.variants[0];
          document.getElementById('products').innerHTML += \`
            <div class="product">
              <h2>\${product.name}</h2>
              <p>\${variant.cost}</p>
              <button onclick="komerza.addToBasket('\${product.id}', '\${variant.id}')">
                Añadir al carrito
              </button>
            </div>
          \`;
        });
      });
    </script>
  </body>
</html>

​
Mercado de temas

Crea tiendas que otros comerciantes de Komerza puedan usar. Tus plantillas pueden ser:
  • Listadas en el mercado de temas para otras tiendas
  • Personalizadas con opciones de configuración
  • Desplegadas instantáneamente por los comerciantes
  • Monetizadas a través del mercado

​
Biblioteca cliente vs Referencia API

Biblioteca clienteReferencia API
ParaTiendas para clientesGestión de la tienda
AuthPública (ID de tienda)Privada (claves API)
EjecutaLado cliente (navegador)Lado servidor
OperacionesNavegar, carrito, pagoCRUD completo, análisis