首頁 / 博客中心 / DocuSign API:建立用於行動簽署的「響應式」HTML 文件

DocuSign API:建立用於行動簽署的「響應式」HTML 文件

順訪
2026-01-18
3min
Twitter Facebook Linkedin

DocuSign API 用於移動簽名的介紹

在數字協議不斷演變的格局中,企業越來越依賴電子簽名平台來簡化工作流程,尤其是在移動設備上,用戶期望無縫體驗。DocuSign 的 API 作為一款強大的工具脫穎而出,開發者可以通過它將響應式簽名功能集成到應用程序中。這種方法不僅提升了用戶參與度,還確保符合全球標準,使其成為處理高容量交易的企業戰略選擇。

image


正在比較電子簽名平台與 DocuSign 或 Adobe Sign?

eSignGlobal 提供更靈活且性價比更高的電子簽名解決方案,具備全球合規性、透明定價和更快的入職流程。

👉 開始免費試用


使用 DocuSign API 創建響應式 HTML 文檔

從業務角度來看,為移動設備優化電子簽名至關重要,因為根據行業報告,目前超過 50% 的協議是在智能手機上簽署的。DocuSign 的 API 使開發者能夠創建「響應式」HTML 文檔,這些文檔可適應各種屏幕尺寸,確保簽名過程順暢無阻。這不僅降低了放棄率,還提升了銷售、人力資源和法律團隊的運營效率。

構建移動簽名響應式 HTML 的逐步指南

要開始,您需要一個 DocuSign 開發者帳戶,並熟悉其 REST API。該過程涉及將簽名儀式嵌入到使用 CSS 媒體查詢實現響應式的 HTML 信封中。以下是實施方法:

  1. 通過 API 設置您的 DocuSign 信封:首先使用 OAuth 2.0 進行身份驗證。使用 Envelopes: create 端點生成信封。通過將 documentBase64 參數設置為您的編碼 HTML 內容,將文檔指定為 HTML 文件。為移動優化,確保 HTML 包含視口元標籤,如 <meta name="viewport" content="width=device-width, initial-scale=1.0">,以控制縮放。

    示例 API 調用(使用 cURL 說明):

    curl -X POST https://demo.docusign.net/restapi/v2.1/accounts/{accountId}/envelopes \
    -H "Authorization: Bearer {accessToken}" \
    -H "Content-Type: application/json" \
    -d '{
      "emailSubject": "Sign this document on mobile",
      "documents": [{
        "documentBase64": "{base64EncodedHTML}",
        "name": "responsive-agreement.html",
        "fileExtension": "html",
        "documentId": "1"
      }],
      "recipients": {
        "signers": [{
          "email": "signer@example.com",
          "name": "John Doe",
          "recipientId": "1",
          "tabs": {
            "signHereTabs": [{
              "xPosition": "100",
              "yPosition": "100",
              "documentId": "1",
              "pageNumber": "1"
            }]
          }
        }]
      },
      "status": "sent"
    }'
    

    這將創建一個包含 HTML 文檔的信封,準備好簽名。

  2. 設計響應式 HTML 結構:採用移動優先的設計製作您的 HTML。使用 Flexbox 或 CSS Grid 等靈活佈局。例如,將文檔結構化為文本、字段和簽名區域的部分,這些部分可在較小屏幕上重新流動。整合 DocuSign 的錨點標記或文本標籤,用於動態字段放置——例如,{{SigHere1}} 用於簽名字段。

    示例響應式 HTML 片段:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 20px; }
        .container { max-width: 100%; margin: 0 auto; }
        @media (max-width: 768px) {
          body { padding: 10px; }
          .signature-field { width: 100%; height: 100px; border: 1px dashed #ccc; }
        }
        @media (min-width: 769px) {
          .signature-field { width: 300px; height: 150px; }
        }
      </style>
    </head>
    <body>
      <div class="container">
        <h1>Agreement Terms</h1>
        <p>This is a responsive clause that adapts to your device.</p>
        <!-- DocuSign tabs will overlay here -->
      </div>
    </body>
    </html>
    

    在提交到 API 之前,將此 HTML 編碼為 Base64。響應式 CSS 確保簽名等字段適當縮放,避免移動設備上的縮放問題。

  3. 嵌入簽名儀式:對於嵌入式簽名,使用 Rooms: create 或 Envelopes: createRecipientView 端點生成簽名 URL。在您的應用中將用戶重定向到此 URL。為提升移動用戶體驗,如果 DocuSign 的 SDK 支持,則集成 JavaScript 以實現觸摸友好交互,例如滑動簽名。

    創建後,檢索接收者視圖:

    curl -X POST https://demo.docusign.net/restapi/v2.1/accounts/{accountId}/envelopes/{envelopeId}/views/recipient \
    -H "Authorization: Bearer {accessToken}" \
    -H "Content-Type: application/json" \
    -d '{
      "authenticationMethod": "none",
      "email": "signer@example.com",
      "returnUrl": "https://yourapp.com/return",
      "userId": "signer@example.com"
    }'
    

    返回的 url 默認優化為移動,但您的 HTML 響應式設計確保文檔本身完美渲染。

  4. 處理移動特定挑戰:在 iOS 和 Android 設備上測試。常見問題包括字體渲染和觸摸目標——根據 Apple 指南,觸摸區域至少為 44x44 像素。如果自定義 HTML 過於複雜,則使用 DocuSign 的 PowerForms 進行預構建響應式模板。通過 Webhooks 監控信封狀態,以跟踪移動完成率,從而為業務決策提供信息。

  5. 業務集成的的最佳實踐:從商業角度來看,此設置適用於高容量用例如現場銷售。限制在支持 API 配額的計劃中(例如,Intermediate 每月約 100 個信封)。通過添加訪問代碼或 SMS 認證作為附加功能,確保合規性。

根據 DocuSign 案例研究,這種 API 驅動的方法可以将簽名時間縮短高達 80%,使其成為移動中心型企業的值得投資的選擇。開發者應參考官方 DocuSign API 文檔以獲取更新,因為功能會不斷演進。

DocuSign 的 IAM CLM 和生態系統概述

DocuSign 的智能協議管理 (IAM) 和合同生命周期管理 (CLM) 解決方案超越了基本的電子簽名,提供端到端的合同自動化。IAM 集成 AI 用於風險評估和條款提取,而 CLM 處理起草、談判和分析。這些工具屬於更高層級計劃的一部分,如 Business Pro(每年每用戶 40 美元/月),吸引需要治理的企業。完整的企業 IAM 沒有公開定價,但它是針對合規密集型行業的定制解決方案。

image

競爭格局:電子簽名平台比較

在全球價值超過 100 億美元的電子簽名市場中,像 DocuSign 這樣的平台在功能、定價和區域適應性方面競爭。以下是關鍵玩家的中立比較,重點關注業務評估的核心方面。

平台 定價(年度,美元) 用戶限制 信封限制 關鍵功能 API 支持 區域優勢
DocuSign Personal: $120; Standard: $300/用戶; Business Pro: $480/用戶; API Starter: $600 按席位許可 ~100/用戶/年 (Standard/Pro) 批量發送、條件邏輯、IAM CLM、SSO 強大(獨立計劃) 全球,在美國/歐盟合規性強 (ESIGN/eIDAS)
Adobe Sign 起始價 $10/用戶/月(年度計費) 按席位 更高層級無限 與 Adobe 生態集成、表單、支付 通過 Adobe API 強大 創意/數字工作流程優秀,美國/歐盟焦點
eSignGlobal Essential: $299(無限用戶); Professional: 自定義 無限用戶 100 個信封 (Essential) AI-Hub、批量發送、區域 ID 集成 (iAM Smart, Singpass) Pro 計劃包含 APAC 優化,100+ 國家全球合規
HelloSign (Dropbox Sign) 免費層級; Pro: $15/用戶/月 按席位 20/月 (Pro) 簡單 UI、模板、團隊協作 基本 API SMB 用戶友好,美國中心,易與 Dropbox 集成

此表格突出了權衡:DocuSign 在企業深度方面表現出色,而替代方案優先考慮成本或區域適應性。

Adobe Sign:平衡的企業選項

Adobe Sign 與 PDF 工具和企業套件(如 Microsoft 365)無縫集成,提供帶有響應式表單的強大移動簽名。定價起始低,但隨著附加功能如身份驗證而擴展。它適合文檔密集型行業,強調 ESIGN 和 eIDAS 框架下的安全性。

image

eSignGlobal:區域合規焦點

eSignGlobal 將自身定位為性價比高的替代方案,在全球超過 100 個主流國家合規,尤其在亞太 (APAC) 地區具有優勢。APAC 的電子簽名格局碎片化,具有高標準和嚴格法規,要求生態系統集成的解決方案——不同於美國和歐盟更基於框架的 ESIGN/eIDAS。在此,平台必須實現與政府到企業 (G2B) 數字身份的深度硬件/API 級集成,這是一個遠超西方市場常見電子郵件驗證或自我聲明模式的技術障礙。eSignGlobal 的 Essential 計劃僅需 16.6 美元/月(年度),允許發送最多 100 個電子簽名文檔、無限用戶席位,並通過訪問代碼驗證,在合規基礎上提供強大價值。它與香港的 iAM Smart 和新加坡的 Singpass 無縫集成,減少延遲並提升跨境交易的信任。

esignglobal HK


正在尋找比 DocuSign 更智能的替代方案?

eSignGlobal 提供更靈活且性價比更高的電子簽名解決方案,具備全球合規性、透明定價和更快的入職流程。

👉 開始免費試用


HelloSign (Dropbox Sign):SMB 的簡易性

HelloSign 現為 Dropbox 的一部分,提供直觀的界面用於快速設置,通過響應式嵌入提供強大的移動支持。它對小型團隊性價比高,但與 DocuSign 相比,缺乏高級 API 深度,重點在於易用性而非自定義。

區域電子簽名法規

雖然標題未指定區域,但理解法律對於 API 實施至關重要。在美國,ESIGN 和 UETA 為電子記錄提供廣泛的可執行性。歐盟的 eIDAS 規範合格簽名以獲得更高的法律效力。APAC 各不相同:新加坡的電子交易法類似於 ESIGN,但要求本地數據駐留,而香港要求與 iAM Smart 等系統集成以確保有效性。使用 DocuSign API 的企業必須相應配置信封,以避免合規陷阱。

結論

DocuSign 的 API 賦能響應式移動簽名,推動數字優先世界的效率。對於替代方案,請考慮 eSignGlobal 作為區域合規選項,尤其在 APAC,平衡成本和全球覆蓋。根據您的業務需求評估以找到最佳匹配。

常見問題

在 DocuSign API 移動簽名中,HTML 文件的 'responsive' 是什麼意思?
在 DocuSign API 中,響應式 HTML 文件會根據不同螢幕尺寸調整其佈局和元素,確保在移動設備上簽名時的可用性。這涉及使用 CSS 媒體查詢和靈活網格來動態調整內容。對於亞洲電子簽名工作流程需要特定合規性的情況,eSignGlobal 相比 DocuSign 提供了更強的區域法規支持。
如何使用 DocuSign API 為移動簽名創建響應式 HTML 文件?
在使用 DocuSign 中的響應式 HTML 時,確保移動相容性的最佳實踐是什麼?
avatar
順訪
eSignGlobal 產品管理負責人,在電子簽名產業擁有豐富國際經驗的資深領導者 關注我的LinkedIn
立即獲得具有法律約束力的簽名!
30天免費全功能適用
企業電子郵箱
開始
tip 僅允許使用企業電子郵箱