Utilisez les composants intégrables de DocuSeal pour mettre en place facilement la signature de documents dans vos applications web ou mobiles
Gagnez de précieuses heures de développement grâce à des composants d'intégration open source faciles à utiliser.
Intégrez sans effort les composants React de DocuSeal à votre application, avec la souplesse nécessaire pour les adapter précisément à vos besoins et garantir une expérience utilisateur cohérente.
import React from "react"
import { DocusealForm } from '@docuseal/react'
export function App() {
return (
<div className="app">
<DocusealForm
src="https://docuseal.com/d/LEVGR9rhZYf86M"
email="signer@example.com"
onComplete={(data) => console.log(data)}
/>
</div>
);
}
<template>
<DocusealForm
:src="'https://docuseal.com/d/LEVGR9rhZYf86M'"
:email="'signer@example.com'"
/>
</template>
<script>
import { DocusealForm } from '@docuseal/vue'
export default {
name: 'App',
components: {
DocusealForm
},
}
</script>
Outre React, nous proposons également des composants dédiés à Vue, que vous pouvez intégrer et personnaliser sans difficulté selon les besoins de votre application.
Comme avec React et Vue, intégrez sans effort les composants Angular de DocuSeal à votre application pour une intégration fluide et une expérience utilisateur sur mesure.
import { Component } from '@angular/core';
import { DocusealFormComponent } from '@docuseal/angular';
@Component({
selector: 'app-root',
standalone: true,
imports: [DocusealFormComponent],
template: `
<div class="app">
<docuseal-form
[src]="'https://docuseal.com/d/LEVGR9rhZYf86M'"
[email]="'signer@example.com'">
</docuseal-form>
</div>
`
})
export class AppComponent {}
<script src="https://cdn.docuseal.com/js/form.js"></script>
<docuseal-form
id="docusealForm"
data-src="https://docuseal.com/d/{{ template_slug }}"
data-email="{{ signer_email }}">
</docuseal-form>
<script>
window.docusealForm.addEventListener('completed', (e) => {
console.log(e.detail)
})
</script>
Intégrez facilement les composants web de DocuSeal à n'importe quel framework grâce à nos composants JavaScript, pour une expérience fluide et personnalisable.
Le formulaire de signature s'intègre sans difficulté aux applications React Native. Testez sa praticité et son efficacité sur Expo Snack et découvrez une manière pratique d'ajouter des fonctions de signature de documents.
Découvrez à quel point il est simple d'intégrer le formulaire de signature DocuSeal à vos applications Flutter. Cette intégration fluidifie le processus de signature et apporte un supplément d'efficacité et de raffinement à votre application.
Commencez gratuitement et ne payez que ce que vous utilisez. Sans engagement.
Sandbox
API et embedding illimités gratuits pour les tests
Production
Par document signé via API ou embedding, passez à l'offre Pro pour commencer.
DocuSeal propose des fonctionnalités API et embedding dans l'offre Pro. Pour obtenir les clés de licence, il faut acheter au moins une licence Pro à 20 $/mois.
Voici quelques exemples du fonctionnement de la tarification API. Le prix est basé sur le nombre de documents signés.
Exemple 1:
Vous êtes une entreprise SaaS souhaitant intégrer des fonctionnalités de signature de documents à votre application dans le cadre du processus d'intégration. Vous prévoyez que 200 documents seront signés chaque mois par vos clients.
Votre tarification mensuelle serait la suivante:
Pro $20/utilisateur/mois: $20
200 documents API signés/mois: 200 documents * $0.2 = $40
Coût mensuel total = $20 + $40 = $60/mois
Exemple 2:
Vous développez la signature de documents pour 5 clients. Pour chacun, vous souhaitez fournir un compte admin séparé avec mot de passe, accès complet à DocuSeal, clés API et réglages webhook. Vous prévoyez de signer 1000 documents par mois de 5 clients au total.
Votre tarification mensuelle serait la suivante:
Pro 1 Super Admin - $20/mois
Pro 5 Admin locataire - $20 * 5 = $100/mois
1000 documents API signés/mois = $0.2 * 1000 = $200/mois
Coût mensuel total = $20 + $100 + $200 = $320/mois