Gebruik de embed-componenten van DocuSeal om documentondertekening eenvoudig in je web- of mobiele apps te implementeren
Bespaar kostbare ontwikkeluren met gebruiksvriendelijke open-source embed-componenten voor ontwikkelaars.
Voeg de React-componenten van DocuSeal moeiteloos toe aan je applicatie, met de flexibiliteit om ze precies op je eisen af te stemmen en zo een samenhangende gebruikerservaring te bieden.
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>
Naast React bieden we ook specifieke componenten voor Vue, die je naadloos kunt integreren en aanpassen aan de behoeften van je applicatie.
Net als bij React en Vue voeg je de Angular-componenten van DocuSeal moeiteloos toe aan je applicatie, voor een naadloze integratie en een gebruikerservaring op maat.
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>
Integreer de webcomponenten van DocuSeal eenvoudig in elk framework met onze JavaScript-componenten, voor een naadloze en aanpasbare ervaring.
Het ondertekenformulier kan naadloos worden geïntegreerd in React Native-applicaties. Test het gemak en de efficiëntie op Expo Snack en ontdek een handige manier om ondertekenfuncties toe te voegen.
Ontdek hoe eenvoudig het is om het ondertekenformulier van DocuSeal in je Flutter-applicaties te integreren. Deze integratie stroomlijnt niet alleen het ondertekenproces, maar geeft je app ook extra efficiëntie en verfijning.
Begin gratis en betaal alleen voor wat je gebruikt. Geen contracten nodig.
Sandbox
Gratis onbeperkte API en Embedding voor testen
Productie
Per document dat via API of Embedding is ondertekend; upgrade naar het Pro-abonnement om te starten.
DocuSeal biedt API- en Embedding-functies als onderdeel van het Pro-abonnement. Om de licentiesleutels voor API en Embedding te krijgen, moet u ten minste één Pro-seat aanschaffen, à $20/maand.
Hieronder staan enkele voorbeelden van hoe de API-prijs werkt. De prijs is gebaseerd op het aantal ondertekende documenten.
Voorbeeld 1:
U bent een SaaS-bedrijf dat documentondertekeningsmogelijkheden in uw app wil implementeren als onderdeel van het onboardingproces. U verwacht maandelijks 200 door uw klanten ondertekende documenten.
Uw maandelijkse prijs zou er als volgt uitzien:
Pro $20/gebruiker/maand: $20
200 API-documenten ondertekend/maand: 200 documenten * $0.2 = $40
Totale maandelijkse kosten = $20 + $40 = $60/maand
Voorbeeld 2:
U ontwikkelt documentondertekening voor 5 van uw klanten. Voor elke klant wilt u een afzonderlijk tenant-beheerdersaccount bieden met een eigen wachtwoord en volledige toegang tot de DocuSeal-app met API-sleutels en webhook-URL-instellingen. U verwacht in totaal 1000 documenten per maand te laten ondertekenen door 5 klanten.
Uw maandelijkse prijs zou er als volgt uitzien:
Pro 1 Super Admin - $20/maand
Pro 5 Tenant Admin - $20 * 5 = $100/maand
1000 API-documenten ondertekend/maand = $0.2 * 1000 = $200/maand
Totale maandelijkse kosten = $20 + $100 + $200 = $320/maand