Eingebettete
Dokumentensignatur
Nutzen Sie die einbettbaren Komponenten von DocuSeal, um die Dokumentensignatur mühelos in Ihre Web- oder Mobile-Apps zu integrieren
Für Entwickler gemacht
Sparen Sie wertvolle Entwicklungszeit mit einfach zu nutzenden Open-Source-Komponenten für die Einbettung.
Für React-Apps
Binden Sie die React-Komponenten von DocuSeal mühelos in Ihre Anwendung ein, mit der nötigen Flexibilität, sie exakt an Ihre Anforderungen anzupassen und ein stimmiges Nutzererlebnis zu schaffen.
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>
Für Vue-Apps
Neben React bieten wir auch eigens entwickelte Komponenten für Vue an, die Sie nahtlos integrieren und an die Anforderungen Ihrer Anwendung anpassen können.
Für Angular-Apps
Genau wie bei React und Vue binden Sie die Angular-Komponenten von DocuSeal mühelos in Ihre Anwendung ein, für eine nahtlose Integration und ein maßgeschneidertes Nutzererlebnis.
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>
Für JavaScript
Integrieren Sie die Web-Komponenten von DocuSeal mit unseren JavaScript-Komponenten mühelos in jedes Framework, für ein nahtloses und anpassbares Erlebnis.
Integration in React-Native-Apps
Das Signaturformular lässt sich nahtlos in React-Native-Anwendungen integrieren. Testen Sie seine Praxistauglichkeit und Effizienz auf Expo Snack und entdecken Sie einen bequemen Weg, Funktionen zur Dokumentensignatur zu ergänzen.
Integration in Flutter-Apps
Entdecken Sie, wie einfach sich das Signaturformular von DocuSeal in Ihre Flutter-Anwendungen integrieren lässt. Diese Integration vereinfacht nicht nur den Signaturprozess, sondern verleiht Ihrer App auch mehr Effizienz und Raffinesse.
Preise für API und Einbettung
Starten Sie kostenlos und zahlen Sie nur, was Sie nutzen. Ohne Vertragsbindung.
Sandbox
Kostenlose, unbegrenzte API und Einbettung für Tests
Produktion
Pro über API oder Einbettung signiertem Dokument – zum Start auf den Pro-Tarif upgraden.
Häufig gestellte Fragen
DocuSeal bietet API- und Einbettungsfunktionen im Pro-Plan. Um die Lizenzschlüssel zu erhalten, benötigen Sie mindestens einen Pro-Zugang für 20 $/Monat.
Nachfolgend einige Beispiele, wie die API-Preisgestaltung funktioniert. Die Preise basieren auf der Anzahl der unterzeichneten Dokumente.
Beispiel 1:
Sie sind ein SaaS-Unternehmen und möchten als Teil des Onboarding-Prozesses Dokumentensignatur in Ihre App integrieren. Sie erwarten, dass Ihre Kunden monatlich 200 Dokumente unterzeichnen.
Ihre monatlichen Kosten wären wie folgt:
Pro $20/Benutzer/Monat: $20
200 API-Dokumente/Monat signiert: 200 Dokumente * $0.2 = $40
Gesamtkosten pro Monat = $20 + $40 = $60/Monat
Beispiel 2:
Sie entwickeln eine Dokumenten-Signatur-Lösung für 5 Kunden. Für jeden Kunden möchten Sie ein separates Admin-Konto mit eigenem Passwort und vollem Zugriff auf DocuSeal, API-Schlüssel und Webhook-Einstellungen bereitstellen. Sie erwarten, insgesamt 1.000 Dokumente pro Monat von 5 Kunden zu signieren.
Ihre monatlichen Kosten wären wie folgt:
Pro 1 Super Admin - $20/Monat
Pro 5 Tenant Admin - $20 * 5 = $100/Monat
1000 API-Dokumente/Monat signiert = $0.2 * 1000 = $200/Monat
Gesamtkosten pro Monat = $20 + $100 + $200 = $320/Monat
