Usa los componentes integrables de DocuSeal para implementar fácilmente la firma de documentos en tus aplicaciones web o móviles
Ahorra valiosas horas de desarrollo con componentes de integración de código abierto fáciles de usar para desarrolladores.
Incorpora sin esfuerzo los componentes React de DocuSeal en tu aplicación, con la flexibilidad necesaria para adaptarlos con precisión a tus requisitos y ofrecer una experiencia de usuario coherente.
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>
Además de React, también ofrecemos componentes específicos para Vue, que puedes integrar y personalizar sin problemas para adaptarlos a las necesidades de tu aplicación.
Al igual que con React y Vue, incorpora sin esfuerzo los componentes Angular de DocuSeal en tu aplicación para lograr una integración fluida y una experiencia de usuario a medida.
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 fácilmente los componentes web de DocuSeal en cualquier framework con nuestros componentes de JavaScript para una experiencia fluida y personalizable.
El formulario de firma se puede integrar sin problemas en aplicaciones React Native. Comprueba su practicidad y eficiencia en Expo Snack y descubre una forma cómoda de añadir funciones de firma de documentos.
Descubre lo fácil que es integrar el formulario de firma de DocuSeal en tus aplicaciones Flutter. Esta integración no solo agiliza el proceso de firma de documentos, sino que también aporta un nivel extra de eficiencia y sofisticación a tu aplicación.
Empieza gratis y paga solo por lo que uses. Sin contratos.
Sandbox
API y Embedding ilimitados gratis para pruebas
Producción
Por cada documento firmado mediante API o Embedding, actualiza al plan Pro para comenzar.
DocuSeal ofrece API e integración como parte del plan Pro. Para obtener las claves de licencia para API e integración, debes comprar al menos un asiento Pro que cuesta $20/mes.
A continuación, algunos ejemplos de cómo funciona la tarifa de la API. El precio se basa en el número de documentos firmados.
Ejemplo 1:
Usted es una empresa SaaS que busca implementar capacidades de firma de documentos en su aplicación como parte del proceso de incorporación. Espera que sus clientes firmen 200 documentos por mes.
El costo mensual sería así:
Pro $20/usuario/mes: $20
200 documentos API firmados/mes: 200 documentos * $0.2 = $40
Costo mensual total = $20 + $40 = $60/mes
Ejemplo 2:
Estás desarrollando la firma de documentos para 5 de tus clientes. Para cada cliente, quieres proporcionar una cuenta de administrador de inquilino separada con su propia contraseña y acceso completo a la app de DocuSeal con claves API y ajustes de Webhook. Esperas firmar 1000 documentos al mes de 5 clientes en total.
El costo mensual sería así:
Pro 1 Super Administrador - $20/mes
Pro 5 Administrador de inquilino - $20 * 5 = $100/mes
1000 documentos API firmados/mes = $0.2 * 1000 = $200/mes
Costo mensual total = $20 + $100 + $200 = $320/mes