Usa i componenti integrabili di DocuSeal per implementare facilmente la firma dei documenti nelle tue app web o mobili
Risparmia preziose ore di sviluppo con componenti di integrazione open source facili da usare per gli sviluppatori.
Integra senza sforzo i componenti React di DocuSeal nella tua applicazione, con la flessibilità necessaria per adattarli con precisione alle tue esigenze e garantire un'esperienza utente coerente.
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>
Oltre a React, offriamo anche componenti dedicati per Vue, che puoi integrare e personalizzare senza problemi in base alle esigenze della tua applicazione.
Come per React e Vue, integra senza sforzo i componenti Angular di DocuSeal nella tua applicazione per un'integrazione fluida e un'esperienza utente su misura.
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>
Integra facilmente i web component di DocuSeal in qualsiasi framework con i nostri componenti JavaScript, per un'esperienza fluida e personalizzabile.
Il modulo di firma può essere integrato senza problemi nelle applicazioni React Native. Provane la praticità e l'efficienza su Expo Snack e scopri un modo comodo per aggiungere funzionalità di firma dei documenti.
Scopri quanto è semplice integrare il modulo di firma di DocuSeal nelle tue applicazioni Flutter. Questa integrazione non solo snellisce il processo di firma dei documenti, ma aggiunge anche efficienza ed eleganza alla tua app.
Inizia gratis e paga solo ciò che usi. Nessun contratto richiesto.
Sandbox
API e incorporamento illimitati e gratuiti per i test
Produzione
Per ogni documento firmato tramite API o incorporamento, esegui l'upgrade al piano Pro per iniziare.
DocuSeal offre API e embedding come parte del piano Pro. Per ottenere le chiavi di licenza è necessario acquistare almeno un posto Pro a 20 $/mese.
Ecco alcuni esempi su come funziona la tariffa API. La tariffa è basata sul numero di documenti firmati.
Esempio 1:
Sei un'azienda SaaS che desidera implementare funzionalità di firma dei documenti nella propria app come parte del processo di onboarding. Ti aspetti che i tuoi clienti firmino 200 documenti al mese.
Il tuo costo mensile sarà così:
Pro $20/utente/mese: $20
200 documenti API firmati/mese: 200 documenti * $0.2 = $40
Costo mensile totale = $20 + $40 = $60/mese
Esempio 2:
Stai sviluppando la firma dei documenti per 5 clienti. Per ciascuno vuoi fornire un account amministratore separato con password e accesso completo all'app DocuSeal, chiavi API e impostazioni webhook. Prevedi di firmare 1000 documenti al mese da 5 clienti in totale.
Il tuo costo mensile sarà così:
Pro 1 Super Admin - $20/mese
Pro 5 Admin tenant - $20 * 5 = $100/mese
1000 documenti API firmati/mese = $0.2 * 1000 = $200/mese
Costo mensile totale = $20 + $100 + $200 = $320/mese