CORD ELEMENTS · COTIZADOR EMBEBIBLE

Tu cotizador, dentro de su web.

Lleva el cotizador de Cord al portal de tus clientes con una línea de código. Tu marca, aprobación, contraoferta y pago en línea — todo dentro de su ecosistema, sin que salgan de su sitio.

Empezar gratis Ver planes

Signup gratis. En el plan Gratis el link público lleva el discreto "vía Cord"; lo quitas y dejas solo tu marca desde Ajustes › Developers, donde también defines la allowlist de dominios autorizados para embeber.

portal.tucliente.com/cotizacion

ACME Industrial

Tu cotización está lista

MVMateriales del Valle● Revisar

Cemento gris 50kg × 120$21,840.00

Varilla 3/8" × 340$57,290.00

Total con IVA$196,469.20

Aprobar cotización

cord:approved · COT-0148

línea de código para montarlo en cualquier sitio 1

formas de usarlo hoy: HTML (embed.js), React, y el Web Component en Vue, Astro y HTML 5

eventos en vivo: ready, approved, rejected, message y pay 5

UNA LÍNEA DE CÓDIGO

Pegar. Listo. Sin backend.

Un script y un <div>. El cotizador aparece como un <iframe> servido por Cord, muestra un skeleton mientras carga y se ajusta solo a la altura del contenido vía postMessage. No hay servidor que mantener ni datos que sincronizar: el token público de la cotización es todo lo que necesitas.

Funciona en cualquier stack: WordPress, HTML plano, lo que sea
Altura automática — el embed mide su contenido y le avisa a tu página
Skeleton con shimmer mientras carga y fade-in al estar listo: nada de cajas vacías

Altura automática

Una línea de código

Cotización lista$196k

NATIVO EN TU FRAMEWORK

Un paquete de npm. React o Web Component.

Instala @flouviahq/elements y úsalo como un componente más. En React importas <CordCotizador> con callbacks tipados; en Vue, Astro o HTML usas el Web Component <cord-cotizador>, que re-emite los eventos como CustomEvents nativos sin prefijo. Mismo iframe por debajo, la integración que prefiera tu equipo.

import { CordCotizador } from '@flouviahq/elements/react'
Web Component <cord-cotizador token="…"> para Vue, Astro, Svelte y HTML
Callbacks tipados: onApproved, onRejected, onMessage, onPay y onReady

HTMLReactWeb Component

npm i @flouviahq/elements

TU MARCA · SEGURO POR DISEÑO

El cotizador completo, no un widget de juguete.

Dentro del embed va el mismo cotizador de tu cuenta: tu color, tu logo y tus datos. El cliente aprueba, rechaza, negocia el precio o paga con Stripe sin salir de su portal, y tú decides en qué dominios puede embeberse con una allowlist por cuenta (CSP frame-ancestors) que blinda contra clickjacking.

Tu marca, no la nuestra — color, logo y datos de tu cuenta de Cord
Aprobación, contraoferta, chat y pago en línea, todos embebidos
Allowlist de dominios por cuenta: solo tú decides dónde puede vivir

cord:approved

MVTu cotizaciónRevisar

Total con IVA$196,469.20

Aprobar

frame-ancestors: tudominio.com

EN TRES PASOS

Listo en minutos, no en semanas.

Copia tu snippet Agrega el script de embed.js, instala @flouviahq/elements o pega el Web Component — según tu stack. Lo único que cambia es cómo cargas el cotizador.

Aparece con tu marca Pasa el token público de la cotización. El color, logo y datos salen de tu cuenta de Cord — cero configuración extra en el sitio anfitrión.

Reacciona al cliente Escucha cord:approved, cord:pay y los demás eventos en tu propia página para disparar tu analítica, redirigir o sincronizar tu CRM en tiempo real.

API REST API REST Cord deja de ser solo una pantalla para humanos y se convierte en un sistema con el que tus otros sistemas pueden hablar.

Tu cotizador, dentro de su web.

Pegar. Listo. Sin backend.

Un paquete de npm. React o Web Component.

El cotizador completo, no un widget de juguete.

Listo en minutos, no en semanas.

Lleva tu cotizador a donde están tus clientes.