Elements · interaktive Demo von Cord

Lieber ohne Code? Teilen Sie den Link zum Angebot

Leitfaden lesenBinden Sie Elements Schritt für Schritt in Ihre Website ein.Konto erstellenIhren pk_test_-Schlüssel finden Sie unter Einstellungen › Entwickler.

Elements

Komponenten, die Sie in Ihre Website einbetten. Zur Doku

Mehr von Elements

Was Sie mit Ihrem Konto noch einbinden können.

Ereignisse auf Ihrer SeiteReagieren Sie auf Freigaben, Unterschriften und Zahlungen mit cord:approved, cord:signed und cord:paid.
Ihre eigene OberflächecreateQuoteBuilder() liefert den Zustand und die Summenberechnung, ganz ohne UI.
Von Ihrem ServerErstellen Sie Angebote mit @flouviahq/node und prüfen Sie jeden Webhook.
SicherheitErlaubte Domains, CSP mit Nonce und eingeschränkte Schlüssel.

Den ganzen Ablauf ohne eine Zeile Code?

Link zum Angebot öffnen

Stil

Ein vollständiger Ausgangspunkt. Danach ändern Sie, was Sie möchten.

Wirkt inBuilderAngebotSteuerdatenRechnung

Grunddesign

HellFlachDunkelAutomatisch

Farbe

Hintergrund Ihrer WebsiteNicht Teil von appearance: das ist Ihre Seite.

Marke

colorPrimary

colorOnPrimary

Flächen

colorBackground

colorSurface

colorBorder

Text

colorText

colorTextSecondary

colorTextPlaceholder

Felder

colorInput

colorInputText

colorInputBorder

colorFocus

Zustände

colorDanger

colorSuccess

Typografie

fontFamily

fontSize

fontWeightBold

Form und Abstand

borderRadiusWie bei Cord

borderRadiusButtonWie bei CordPille

borderRadiusInputWie bei Cord

spacingCard

Schatten der KarteshadowCard

Regeln

CSS pro öffentlichem Selektor. Cord prüft jeden Wert und verwirft den Rest.

Noch keine Regeln.

Layout

Kompaktlayout.compactOhne Unterhaltunglayout.hideChatOhne Notizenlayout.hideNotes

ihre-website.de/angebot

9:41

Angebot anfordern

Builder<CordBuilder>

Ihr Angebot prüfen

Angebot<cord-quote>

Rechnungsdaten

Steuerdaten<cord-fiscal-form>

Ihre Rechnung

Rechnung<cord-invoice>

Ziehen Sie eine Komponente hierher

oder wählen Sie eine im Bereich links

Loslassen zum Hinzufügen

ihre-website.de

Ereignisse

Was die Komponenten senden, erscheint hier live.

Ihre Integration

DeutschlandDeutsch
ArgentinienEspañol
BrasilienPortuguês
ChileEspañol
FrankreichFrançais
KanadaEnglish
KanadaFrançais
KolumbienEspañol
MexikoEspañol
PeruEspañol
SpanienEspañol
Vereinigte StaatenEnglish
Vereinigtes KönigreichEnglish

Ihre Privatsphäre

Wir verwenden notwendige Cookies für den Betrieb von Cord. Nur mit Ihrer Zustimmung messen wir die Nutzung der Website mit PostHog sowie Besuche und Leistung mit Vercel. Sie können Ihre Wahl jederzeit ändern. Cookie-Richtlinie