CORD ELEMENTS · EMBEDDABLE QUOTER

Your quoter, inside their site.

Bring Cord's quoter to your clients' portal with one line of code. Your brand, approval, counteroffer, and online payment — all within their ecosystem, without them ever leaving their site.

Start for free Ver planes

Free signup. On the Free plan, the public link carries a discreet "via Cord"; you can remove it and leave only your brand from Settings › Developers, where you also define the allowlist of domains authorized to embed.

portal.tucliente.com/cotizacion

ACME Industrial

Your quote is ready

MVValle Materials● Review

Grey cement 50kg × 120$21,840.00

Rebar 3/8" × 340$57,290.00

Total with tax$196,469.20

Approve quote

cord:approved · COT-0148

line of code to mount it on any site 1

ways to use it today: HTML (embed.js), React, and Web Component in Vue, Astro, and HTML 5

live events: ready, approved, rejected, message, and pay 5

ONE LINE OF CODE

Paste. Done. No backend.

A script and a <div>. The quoter appears as an <iframe> served by Cord, shows a skeleton while loading, and automatically adjusts its height to the content via postMessage. There's no server to maintain or data to sync: the quote's public token is all you need.

Works on any stack: WordPress, plain HTML, whatever
Auto-height — the embed measures its content and notifies your page
Skeleton with shimmer while loading and fade-in when ready: no empty boxes

Altura automática

Una línea de código

Cotización lista$196k

NATIVE IN YOUR FRAMEWORK

An npm package. React or Web Component.

Install @flouviahq/elements and use it like any other component. In React you import <CordCotizador> with typed callbacks; in Vue, Astro, or HTML you use the <cord-cotizador> Web Component, which re-emits events as native, un-prefixed CustomEvents. Same iframe underneath, the integration your team prefers.

import { CordCotizador } from '@flouviahq/elements/react'
Web Component for Vue, Astro, Svelte, and HTML
Typed callbacks: onApproved, onRejected, onMessage, onPay, and onReady

HTMLReactWeb Component

npm i @flouviahq/elements

YOUR BRAND · SECURE BY DESIGN

The full quoter, not a toy widget.

Inside the embed is the exact same quoter from your account: your color, your logo, and your details. The client approves, rejects, negotiates the price, or pays with Stripe without leaving their portal, and you decide which domains can embed it with a per-account allowlist (CSP frame-ancestors) that shields against clickjacking.

Your brand, not ours — color, logo, and details from your Cord account
Approval, counteroffer, chat, and online payment, all embedded
Domain allowlist per account: only you decide where it can live

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.

Copy your snippet Add the embed.js script, install @flouviahq/elements, or paste the Web Component — depending on your stack. The only thing that changes is how you load the quoter.

Appears with your brand Pass the quote's public token. The color, logo, and data come from your Cord account — zero extra configuration on the host site.

React to the client Listen to cord:approved, cord:pay, and other events on your own page to trigger your analytics, redirect, or sync your CRM in real time.

REST API REST API Cord stops being just a screen for humans and becomes a system your other systems can talk to.

Your quoter, inside their site.

Paste. Done. No backend.

An npm package. React or Web Component.

The full quoter, not a toy widget.

Listo en minutos, no en semanas.

Bring your quoter to where your clients are.