API / Webservice

Integra el editor en la web de tu cliente o en la tuya

Integra Luxmen Editor hoy mediante el servicio API REST, y disfrútalo ¡Ya!

Abrir editor Probar editor
Integrar Luxmen Editor en la web de tu cliente o la tuya mediante iframe y API REST
Próximamente

El servicio API REST de Luxmen no está activo de forma pública en este momento. Puedes embeber el editor en tu web hoy mismo y preparar la integración para cuando la API esté disponible.

Formas de integración

Cómo conectar Luxmen con tu web

Puedes empezar hoy embebiendo el editor. La API REST ampliará las posibilidades cuando esté activa.

Disponible

Embeber el editor (disponible ahora)

Inserta Luxmen Editor en tu web con un iframe. Tus clientes diseñan en el navegador sin instalar nada. Ideal para empezar sin esperar a la API.

Próximamente

API REST (en desarrollo)

Tu servidor creará proyectos de diseño, recibirá exportaciones y vinculará diseños a pedidos mediante endpoints HTTP. Activación prevista próximamente.

Próximamente

Webhooks y exportación automática

Al confirmar un diseño, Luxmen notificará tu backend con el archivo PNG/PSD y el identificador del proyecto. Parte del roadmap de la API.

Integración actual

Embeber el editor en la web del cliente

Luxmen Editor funciona en el navegador. Inserta un iframe en cualquier página HTML, CMS o tienda online.

  1. 1
    Añade el iframe en tu página

    Coloca el editor en la ficha de producto, en un modal o en una ruta dedicada (/personalizar). Ajusta ancho y alto al área de diseño.

  2. 2
    Personaliza la experiencia

    Puedes abrir el editor en ventana nueva, modal fullscreen o panel lateral según el flujo de tu tienda o aplicación web.

  3. 3
    Recibe el diseño del cliente

    Hasta que la API esté activa, el usuario exporta manualmente (PNG/PSD) o tu integración personalizada puede capturar el resultado vía postMessage (consultar con AppLoft).

  4. 4
    Prepara la conexión API

    Define en tu backend los campos de pedido (project_id, preview_url) y la lógica de producción. Cuando la API se active, solo conectarás los endpoints.

Ejemplo: iframe básico

<iframe
  src="https://www.luxmen.es/editor/"
  width="100%"
  height="720"
  style="border:0;border-radius:12px;"
  allow="clipboard-read; clipboard-write"
  title="Luxmen Editor — Diseñador gráfico">
</iframe>

Ejemplo: abrir en modal

<!-- Botón en tu ficha de producto -->
<button type="button" id="abrir-luxmen">Personalizar diseño</button>

<script>
document.getElementById('abrir-luxmen').addEventListener('click', () => {
  const modal = document.createElement('div');
  modal.innerHTML = `
    <div style="position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px">
      <iframe src="https://www.luxmen.es/editor/" width="100%" height="90%" style="max-width:1200px;border:0;border-radius:12px"></iframe>
    </div>`;
  document.body.appendChild(modal);
  modal.addEventListener('click', (e) => { if (e.target === modal.firstChild) modal.remove(); });
});
</script>

API REST

Endpoints previstos

Documentación de referencia para cuando el servicio API esté activo. Los endpoints pueden variar en la versión final.

GET /api/health Previsto

Comprobará que el servicio API está operativo.

POST /api/projects Previsto

Creará un proyecto con nombre y dimensiones del área imprimible.

GET /api/projects/:id Roadmap

Consultará el estado y metadatos de un proyecto existente.

POST /api/projects/:id/export Roadmap

Solicitará la exportación del diseño en PNG o PSD.

Base URL prevista: https://www.luxmen.es/api — El servicio no está activo públicamente en este momento.

Casos de uso

¿Para qué sirve integrar Luxmen?

  • Tiendas online con productos personalizables (textil, merchandising, regalos)
  • Portales B2B donde el cliente sube su logo antes del pedido
  • Aplicaciones SaaS que necesitan un diseñador gráfico embebido
  • Print-on-demand con área de impresión configurable por producto
  • Intranets y paneles de cliente con edición de plantillas
Guías por plataforma e-commerce

¿Quieres ser de los primeros?

AppLoft, desarrollador de Luxmen Editor, puede ayudarte a integrar el editor en tu web o tienda online antes del lanzamiento público de la API.

Contactar con AppLoft

¿Listo para crear?

Tu estudio de diseño, en el navegador

Capas, filtros, PSD y exportación profesional. Empieza gratis — te regalamos 3 meses sin pago.

Abrir Luxmen Editor Explorar funcionalidades

Sin instalación · Interfaz en español · Funciona como PWA