Elements · démo interactive de Cord

Vous préférez ne pas coder ? Partagez le lien du devis

Lire le guideIntégrez Elements à votre site, étape par étape.Créer votre compteVotre clé pk_test_ se trouve dans Paramètres › Développeurs.

Elements

Des composants à intégrer à votre site. Voir la doc

Aussi dans Elements

Ce que vous pouvez aussi intégrer avec votre compte.

Des événements sur votre pageÉcoutez les validations, signatures et paiements avec cord:approved, cord:signed et cord:paid.
Votre propre interfacecreateQuoteBuilder() vous donne l’état et le moteur de totaux, sans une ligne d’UI.
Depuis votre serveurCréez des devis avec @flouviahq/node et vérifiez chaque webhook.
SécuritéDomaines autorisés, CSP avec nonce et clés restreintes.

Vous voulez tout le parcours sans écrire de code ?

Ouvrir le lien du devis

Style

Un point de départ complet. Ensuite, changez ce que vous voulez.

Fonctionne dansBuilderDevisDonnées fiscalesFacture

Thème de base

ClairPlatSombreAutomatique

Couleur

Fond de votre siteNe fait pas partie d’appearance : c’est votre page.

Marque

colorPrimary

colorOnPrimary

Surfaces

colorBackground

colorSurface

colorBorder

Texte

colorText

colorTextSecondary

colorTextPlaceholder

Champs

colorInput

colorInputText

colorInputBorder

colorFocus

États

colorDanger

colorSuccess

Typographie

fontFamily

fontSize

fontWeightBold

Forme et espacement

borderRadiusCelui de Cord

borderRadiusButtonCelui de CordPilule

borderRadiusInputCelui de Cord

spacingCard

Ombre de la carteshadowCard

Règles

Du CSS par sélecteur public. Cord valide chaque valeur et ignore le reste.

Aucune règle pour l’instant.

Mise en page

Compactlayout.compactSans conversationlayout.hideChatSans noteslayout.hideNotes

votre-site.fr/devis

9:41

Demandez votre devis

Builder<CordBuilder>

Consultez votre devis

Devis<cord-quote>

Coordonnées de facturation

Données fiscales<cord-fiscal-form>

Votre facture

Facture<cord-invoice>

Glissez un composant ici

ou choisissez-en un dans le panneau

Déposez pour l’ajouter

votre-site.fr

Événements

Ce qu’émettent les composants apparaît ici, en direct.

Votre intégration

FranceFrançais
AllemagneDeutsch
ArgentineEspañol
BrésilPortuguês
CanadaEnglish
CanadaFrançais
ChiliEspañol
ColombieEspañol
EspagneEspañol
États-UnisEnglish
MexiqueEspañol
PérouEspañol
Royaume-UniEnglish

Votre vie privée

Nous utilisons des cookies essentiels au fonctionnement de Cord. Uniquement si vous l’acceptez, nous mesurons l’utilisation du site avec PostHog, ainsi que l’audience et les performances avec Vercel. Vous pouvez modifier votre choix à tout moment. Politique de cookies