Use os componentes integráveis da DocuSeal para implementar facilmente a assinatura de documentos nas suas aplicações web ou móveis
Poupe horas valiosas de desenvolvimento com componentes de integração open source fáceis de usar.
Integre sem esforço os componentes React da DocuSeal na sua aplicação, com a flexibilidade necessária para os adaptar com precisão aos seus requisitos e garantir uma experiência de utilizador 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>
Além do React, disponibilizamos também componentes dedicados para Vue, que pode integrar e personalizar sem dificuldade de acordo com as necessidades da sua aplicação.
Tal como com React e Vue, integre sem esforço os componentes Angular da DocuSeal na sua aplicação para uma integração fluida e uma experiência de utilizador à 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>
Integre facilmente os web components da DocuSeal em qualquer framework com os nossos componentes JavaScript, para uma experiência fluida e personalizável.
O formulário de assinatura pode ser integrado sem dificuldade em aplicações React Native. Teste a sua praticidade e eficiência no Expo Snack e descubra uma forma prática de adicionar funcionalidades de assinatura de documentos.
Descubra como é simples integrar o formulário de assinatura da DocuSeal nas suas aplicações Flutter. Esta integração não só agiliza o processo de assinatura de documentos, como acrescenta eficiência e sofisticação à sua aplicação.
Comece grátis e pague apenas o que usar. Sem contratos.
Sandbox
API e incorporação ilimitadas gratuitas para testes
Produção
Por documento assinado via API ou incorporação, faça upgrade para o plano Pro para começar.
O DocuSeal oferece API e integração como parte do plano Pro. Para obter as chaves de licença, é preciso comprar pelo menos um assento Pro por US$20/mês.
Veja exemplos de como funciona a precificação da API. O preço é baseado no número de documentos assinados.
Exemplo 1:
Você é uma empresa SaaS que deseja implementar recursos de assinatura de documentos em seu aplicativo como parte do processo de integração. Você espera que 200 documentos sejam assinados por seus clientes por mês.
Seu preço mensal seria assim:
Pro $20/usuário/mês: $20
200 documentos API assinados/mês: 200 documentos * $0.2 = $40
Custo mensal total = $20 + $40 = $60/mês
Exemplo 2:
Você está desenvolvendo assinatura de documentos para 5 clientes. Para cada cliente, você deseja fornecer uma conta de administrador separada com senha e acesso completo ao app do DocuSeal, chaves de API e configurações de Webhook. Você espera assinar 1000 documentos por mês desses 5 clientes no total.
Seu preço mensal seria assim:
Pro 1 Super Admin - $20/mês
Pro 5 Admin do inquilino - $20 * 5 = $100/mês
1000 documentos API assinados/mês = $0.2 * 1000 = $200/mês
Custo mensal total = $20 + $100 + $200 = $320/mês