開発者のために設計
開発者向けの使いやすいオープンソース埋め込みコンポーネントで、貴重な開発時間を節約できます。
Reactアプリ向け
DocuSealのReactコンポーネントを手軽にアプリケーションへ組み込めます。要件に合わせて細かく調整できる柔軟性があり、一貫したユーザー体験を実現します。
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>
Vueアプリ向け
Reactに加えてVue向けのコンポーネントもご用意しています。アプリケーションのニーズに合わせて、シームレスに組み込み・カスタマイズできます。
Angularアプリ向け
ReactやVueと同様に、DocuSealのAngularコンポーネントも手軽にアプリケーションへ組み込め、シームレスな連携と最適なユーザー体験を実現します。
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>
JavaScript向け
JavaScriptコンポーネントを使えば、DocuSealのWebコンポーネントをあらゆるフレームワークに簡単に組み込め、シームレスでカスタマイズ可能な体験を実現できます。
APIと埋め込みの料金
無料で始めて、使った分だけお支払い。契約の縛りはありません。
よくある質問
DocuSealはAPIと埋め込みの機能をProプランの一部として提供しています。APIと埋め込みのライセンスキーを取得するには、月額$20のProシートを1つ以上ご購入いただく必要があります。
API料金の仕組みの例をご紹介します。料金は署名されたドキュメント数に基づきます。
例 1:
あなたはSaaS事業者で、オンボーディングプロセスの一環としてアプリにドキュメント署名機能を実装しようとしています。クライアントによる署名は月間200件を見込んでいます。
月額料金は次のようになります:
Pro $20/ユーザー/月: $20
API経由で署名されたドキュメント200件/月: 200件のドキュメント * $0.2 = $40
月額合計 = $20 + $40 = $60/月
例 2:
5社のクライアント向けにドキュメント署名機能を開発しています。各クライアントには、独自のパスワードを持ち、APIキーやWebhook URLの設定を含めDocuSealアプリにフルアクセスできる、個別のテナント管理者アカウントを提供したいと考えています。5社合計で月間1000件のドキュメント署名を見込んでいます。
月額料金は次のようになります:
Pro スーパー管理者1名 - $20/月
Pro テナント管理者5名 - $20 * 5 = $100/月
API経由で署名されたドキュメント1000件/月 = $0.2 * 1000 = $200/月
月額合計 = $20 + $100 + $200 = $320/月
