使用手冊 取消

適用於行動網頁簽署體驗的 Liquid Mode

 

Adobe Acrobat Sign 指南

新功能

  1. 發行前說明
  2. 發行說明
  3. 重要通知

開始使用

  1. 管理員快速入門指南
  2. 使用者快速入門指南
  3. 適用於開發人員
  4. 影片教學課程資料庫
  5. 常見問題集

管理

  1. Admin Console 概觀
  2. 使用者管理
    1. 新增使用者
    2. 大量新增使用者
    3. 從目錄新增使用者
    4. 從 MS Azure Active Directory 新增使用者
    5. 建立以功能為導向的使用者
      1. 技術帳戶 - API 導向
      2. 服務帳戶 - 手動導向
    6. 檢查有佈建錯誤的使用者
    7. 變更姓名/電子郵件地址
    8. 編輯使用者的群組成員資格
    9. 透過群組介面編輯使用者的群組成員資格
    10. 將使用者升級為管理員角色
    11. 使用者身分類型與 SSO
    12. 切換使用者身分
    13. 使用 MS Azure 驗證使用者
    14. 使用 Google Federation 驗證使用者
    15. 產品設定檔
    16. 登入體驗
  3. 帳戶/群組設定
    1. 設定概觀
    2. 全域設定
      1. 帳戶層級與 ID
      2. 自我簽署工作流程
      3. 大量傳送
      4. 網頁表單
      5. 自訂傳送工作流程
      6. Power Automate 工作流程
      7. 資料庫文件
      8. 透過合約收集表單資料
      9. 限制文件可見性
      10. 附加已簽署合約的 PDF 副本
      11. 在電子郵件中加入連結
      12. 在電子郵件中加入影像
      13. 附加至電子郵件的檔案將命名為
      14. 將稽核報告附加至文件
      15. 將多個文件合併為一個
      16. 上傳已簽署的文件
      17. 我的帳戶中的使用者委派
      18. 允許外部收件者委派
      19. 授權簽署
      20. 授權傳送
      21. 有權新增電子印章
      22. 設定預設時區
      23. 設定預設日期格式
      24. 使用者加入多個群組 (UMG)
        1. 升級以使用 UMG
      25. 群組管理員權限
      26. 更換收件者
      27. 稽核報告
        1. 概觀
        2. 在交易驗證頁面上允許未驗證的存取
        3. 包含提醒
        4. 包括檢視事件
        5. 包含合約頁面/附件計數
      28. 產品內傳送訊息和指示
      29. 無障礙 PDF
      30. 全新撰寫體驗
      31. 醫療保健客戶
    3. 帳戶設定
      1. 新增標誌
      2. 自訂公司主機名稱/URL
      3. 新增公司名稱
    4. 簽名偏好設定
      1. 格式固定的簽名
      2. 允許收件者簽署
      3. 簽署者可變更其姓名
      4. 允許收件者使用已儲存的簽名
      5. 自訂使用條款和消費者資訊披露
      6. 透過表單欄位導覽收件者
      7. 拒絕簽署
      8. 允許戳記工作流程
      9. 要求簽署者提供其職稱或公司
      10. 允許簽署者列印並置入書面簽名
      11. 在電子簽署時顯示訊息
      12. 需要簽署者使用行動裝置來建立自己的簽名
      13. 要求取得簽署者的 IP 位址
      14. 將公司名稱和職稱排除在參與戳記之外
    5. 數位簽名
      1. 概觀
      2. 使用 Acrobat 下載並簽署
      3. 以雲端簽名簽署
      4. 受限制的雲端簽名提供者
    6. 電子印章
    7. 數位身分
    8. 報告設定
      1. 全新報告體驗
      2. 傳統報告設定
    9. 安全性設定
      1. 單一登入設定
      2. 記住我設定
      3. 登入密碼原則
      4. 登入密碼強度
      5. 網頁工作階段期間
      6. PDF 加密類型
      7. API
      8. 使用者和群組資訊存取
      9. 允許的 IP 範圍
      10. 帳戶共用
      11. 帳戶共用權限
      12. 合約共用控制項
      13. 簽署者身分驗證
      14. 合約簽署密碼
      15. 文件密碼強度
      16. 依地理位置封鎖簽署者
      17. 電話驗證
      18. 知識式驗證 (KBA)
      19. 允許頁面擷取
      20. 文件連結過期
      21. 上傳 Webhook/回呼的用戶端憑證
      22. 時間戳記
    10. 傳送設定
      1. 登入後顯示「傳送」頁面
      2. 傳送時需有收件者名稱
      3. 鎖定已知使用者的名稱值
      4. 允許的收件者角色
      5. 收件者群組
      6. 必填欄位
      7. 附加文件
      8. 修改合約
      9. 合約名稱
      10. 語言
      11. 私人訊息
      12. 允許的簽名類型
      13. 提醒
      14. 已簽署文件的密碼保護
      15. 簽署者身分識別選項
        1. 概觀
        2. 簽署密碼
        3. 透過電子郵件傳送的一次性密碼
        4. Acrobat Sign 驗證
        5. 電話驗證
        6. 雲端型數位簽名
        7. 知識式驗證
        8. 政府核發證件
        9. 簽署者身分報告
      16. 內容保護
      17. 啟用公證交易
      18. 文件過期
      19. 預覽、定位簽名及新增欄位
      20. 簽署順序
      21. Liquid mode
      22. 自訂工作流程控制項
      23. 電子簽署頁面的上傳選項
      24. 「簽署後」確認重新導向 URL
    11. 訊息範本
    12. 生技製藥設定
      1. 概觀
      2. 強制執行身分識別驗證
      3. 簽署原因
    13. 工作流程整合
    14. 公證設定
    15. 付款整合
    16. 簽署者傳訊
    17. SAML 設定
      1. SAML 設定
      2. 安裝 Microsoft Active Directory Federation Service
      3. 安裝 Okta
      4. 安裝 OneLogin
      5. 安裝 Oracle Identity Federation
    18. 資料控管
    19. 時間戳記設定
    20. 外部封存
    21. 帳戶語言
    22. 電子郵件設定
      1. 電子郵件標題/頁尾影像
      2. 允許個別使用者電子郵件頁尾
      3. 自訂「請求簽名」電子郵件
      4. 自訂「收件者」和「副本收件者」欄位
      5. 自訂電子郵件範本
      6. 啟用無連結通知
    23. 從 echosign.com 移轉至 adobesign.com
    24. 為收件者設定選項
  4. 法規要求指引
    1. 協助工具
      1. 協助工具合規性
      2. 使用 Acrobat 桌面應用程式建立可存取的表單
      3. 建立可存取的 AcroForms
    2. HIPAA
    3. GDPR
      1. GDPR 概觀
      2. 將使用者標記密文
      3. 將使用者的合約標記密文
    4. 21 CFR part 11 和 EudraLex Annex 11
      1. 21 CRF part 11 驗證套件
      2. 21 CFR 和 EudraLex Annex 11 手冊
      3. 共同責任分析
    5. 醫療保健客戶
    6. IVES 支援
    7. 動產文據的 eOriginal 保存
    8. 歐盟/英國考量事項
      1. 歐盟/英國跨境交易與 eIDAS
      2. 以電子方式簽署之契約的 HMLR 要求
      3. 英國脫歐對英國電子簽名法的影響
  5. 大量下載合約
  6. 宣告您的網域

傳送、簽署與管理合約

  1. 傳送合約  
    1. 傳送頁面概述
    2. 只傳送合約給您自己
    3. 傳送合約給他人
    4. 書面簽名
    5. 收件者簽署順序
    6. 大量傳送
      1. 「大量傳送」功能的概觀
      2. 大量傳送 - 手動收件者
      3. 大量傳送 - CSV 上傳
      4. 取消「大量傳送」交易
      5. 在大量傳送中新增提醒
      6. 報告可供大量傳送
  2. 在文件中撰寫欄位
    1. 應用程式內製作環境
      1. 自動欄位偵測
      2. 使用製作環境拖放欄位
      3. 將表單欄位指派給收件者
      4. 預填角色
      5. 以可重複使用的欄位範本來套用欄位
      6. 將欄位轉送至新的資料庫範本
      7. 已在傳送合約時更新製作環境
    2. 以文字標籤建立表單
    3. 使用 Acrobat (AcroForms) 建立表單
      1. 建立 AcroForm
      2. 建立可存取的 PDF
    4. 欄位
      1. 欄位類型
        1. 常見欄位類型
        2. 內嵌影像
        3. 戳記影像
      2. 欄位內容外觀
      3. 欄位驗證
      4. 已遮罩的欄位值
      5. 設定顯示/隱藏條件
      6. 計算欄位 
  1. 編寫常見問答集
  2. 簽署合約
    1. 簽署已傳送給您的合約
    2. 填寫和簽署
    3. 自我簽署
  3. 管理合約 
    1. 管理頁面概述
    2. 委派合約
    3. 更換收件者
    4. 限制文件可見性
    5. 取消合約
    6. 建立新提醒
    7. 檢閱提醒
    8. 取消提醒
    9. 更多動作…
      1. 搜尋的運作方式
      2. 檢視合約
      3. 從合約建立範本
      4. 在檢視中隱藏/取消隱藏合約
      5. 上傳已簽署的合約
      6. 修改已傳送合約的檔案或欄位
      7. 編輯收件者的驗證方法
      8. 新增或修改到期日
      9. 將備註新增至合約
      10. 共用個別合約
      11. 取消共用合約
      12. 下載個別合約
      13. 下載合約的個別檔案
      14. 下載合約的「稽核報告」
      15. 下載合約的欄位內容
  4. 稽核報告
  5. 報告與資料匯出
    1. 概觀
    2. 授予使用者報告的存取權
    3. 報告圖表
      1. 建立新報告
      2. 合約報告
      3. 交易報告
      4. 設定活動報告
      5. 編輯報告
    4. 資料匯出 
      1. 建立新的資料匯出
      2. 編輯資料匯出
      3. 重新整理資料匯出內容
      4. 下載資料匯出
    5. 重新命名報告/匯出
    6. 複製報告/匯出
    7. 排程報告/匯出
    8. 刪除報告/匯出
    9. 檢查交易使用量

進階合約功能與工作流程

  1. 網頁表單 
    1. 建立網頁表單
    2. 編輯網頁表單
    3. 停用/啟用網頁表單
    4. 隱藏/取消隱藏網頁表單
    5. 尋找 URL 或指令碼
    6. 使用 URL 參數預填網頁表單欄位
    7. 儲存網頁表單以便稍後完成
    8. 調整網頁表單大小
  2. 可重複使用的範本 (資料庫範本)
    1. 在 Acrobat Sign 資料庫中的美國政府表單
    2. 建立資料庫範本
    3. 變更資料庫範本的名稱
    4. 變更資料庫範本的類型
    5. 變更資料庫範本的權限層級
    6. 複製、編輯和儲存共用範本
    7. 下載資料庫範本的彙總欄位資料
  3. 轉移網頁表單與資料庫範本的所有權
  4. Power Automate 工作流程 
    1. Power Automate 整合與包含授權的概觀
    2. 啟用 Power Automate 整合
    3. 追蹤 Power Automate 使用狀況
    4. 建立新的流程 (範例)
    5. 用於流程的觸發器
    6. 從 Acrobat Sign 之外匯入流程
    7. 管理流程
    8. 編輯流程
    9. 共用流程
    10. 停用或啟用流程
    11. 刪除流程
    12. 實用範本
      1. 僅限管理員
        1. 將所有完成的文件儲存至 SharePoint
        2. 將所有完成的文件儲存至商務用 OneDrive
        3. 將所有完成的文件儲存至 Google 雲端硬碟
        4. 將所有完成的文件儲存至 DropBox
        5. 將所有完成的文件儲存至 Box
      2. 合約封存
        1. 將完成的文件儲存至 SharePoint
        2. 將完成的文件儲存至商務用 OneDrive
        3. 將完成的文件儲存至 Google 雲端硬碟
        4. 將完成的文件儲存至 DropBox
        5. 將完成的文件儲存至 Box
      3. 網頁表單合約封存
        1. 將完成的網頁表單文件儲存至 SharePoint 資料庫
        2. 將完成的網頁表單文件儲存至商務用 OneDrive
        3. 將完成的文件儲存至 Google 雲端硬碟
        4. 將完成的網頁表單文件儲存至 Box
      4. 合約資料擷取
        1. 從您簽署的文件擷取表單欄位資料,並更新 Excel 表
      5. 合約通知
        1. 傳送包含合約內容和已簽署合約的自訂電子郵件通知
        2. 在 Teams 頻道中取得您的 Adobe Acrobat Sign 通知
        3. 在 Slack 中取得您的 Adobe Acrobat Sign 通知
        4. 在 Webex 中取得您的 Adobe Acrobat Sign 通知
      6. 合約產生
        1. 從 Power App 表單和 Word 範本產生文件,傳送以供簽署
        2. 從 OneDrive 的 Word 範本產生合約,並取得簽名
        3. 為所選的 Excel 列產生合約,傳送以供檢閱和簽名
  5. 自訂傳送工作流程
    1. 自訂傳送工作流程概觀
    2. 建立新的傳送工作流程
    3. 編輯傳送工作流程
    4. 啟動或停用傳送工作流程
    5. 以「傳送工作流程」傳送合約
  6. 共用使用者與合約
    1. 共用使用者
    2. 共用合約

與其他產品整合

  1.  Acrobat Sign 整合概觀
  2. 適用於 Salesforce 的 Acrobat Sign
  3. 適用於 Microsoft 的 Acrobat Sign
    1. 適用於 Microsoft 365 的 Acrobat Sign
    2. 適用於 Outlook 的 Acrobat Sign
    3. 適用於 Word/PowerPoint 的 Acrobat Sign
    4. 適用於 Teams 的 Acrobat Sign
    5. 適用於 Microsoft PowerApps 和 Power Automate 的 Acrobat Sign
    6. 適用於 Microsoft Search 的 Acrobat Sign 連接器
    7. 適用於 Microsoft Dynamics 的 Acrobat Sign
    8. 適用於 Microsoft SharePoint 的 Acrobat Sign
  4. 其他整合功能
    1. 適用於 ServiceNow 的 Acrobat Sign
    2. 適用於 HR ServiceNow 的 Acrobat Sign
    3. 適用於 SAP SuccessFactors 的 Acrobat Sign
    4. 適用於 Workday 的 Acrobat Sign
    5. 適用於 NetSuite 的 Acrobat Sign
    6. 適用於 VeevaVault 的 Acrobat Sign
    7. 適用於 Coupa BSM Suite 的 Acrobat Sign
  5. 合作夥伴管理的整合功能
  6. 如何取得整合金鑰

Acrobat Sign 開發人員

  1. REST API
    1. 方法說明文件
    2. SDK/開發人員指南
    3. API 常見問答集
  2. Webhook 
    1. Webhook 概觀
    2. 設定新的 Webhook
    3. 檢視或編輯 Webhook
    4. 停用或重新啟動 Webhook
    5. 刪除 Webhook
    6. 雙向 SSL 憑證
    7. API 中的 Webhook

簡介

Liquid Mode 簽署體驗可根據收件者的裝置類型改善文件的顯示方式,減少捏合和縮放操作的必要性,並輕鬆專注於需填寫的欄位。

產生 Liquid Mode 相容合約時會為收件者建立兩個檢視畫面:

  1. PDF 檢視畫面 (使用已上傳 HTML 中存在的所有樣式資訊所建立)。這相當於可供下載的已簽署版合約;就如同 Adobe Acrobat Sign 為所有合約產生的 PDF 檢視畫面
  2. Liquid Mode 檢視畫面,會重排輸入的 HTML 文件並針對小螢幕進行最佳化。Liquid Mode 檢視畫面呈現經過高度策劃的體驗,會覆寫原始 HTML 文件中指定的樣式

此介面可讓收件者根據其偏好設定,輕鬆在文件的 Liquid Mode 和傳統 PDF 檢視畫面之間輕鬆切換,並擷取您預期之具相同法律約束力的簽名。

 

Liquid Mode 相容合約是以單一 HTML 檔案作為來源內容所建立。

已上傳 HTML 文件中的 HTML 和表單欄位建構受限於幾項限制。具體而言:

  • 合約必須以單一 HTML 文件 (僅限一個檔案)
    建立
    • 如果使用超過一個文件建立合約,則只會產生 PDF 檢視畫面
  • HTML 文件不能包含 JavaScript。不得使用 <script> 標記,無論是作為內嵌 JavaScript 或外部 JavaScript 檔案的參考,還是用於 HTML 標記的屬性中皆然
    • 如果 HTML 文件中出現 JavaScript,Acrobat Sign 只會建立 PDF 檢視畫面
  • HTML 文件只能在 HTML 文件的 <body> 中使用支援的 HTML 標記,如支援的 HTML 標記區段所述
    • 如果不支援的 HTML 標記存在於 HTML 文件的 body 中,則 Acrobat Sign 只會建立 PDF 檢視畫面

由於 Liquid Mode 檢視畫面是經過精心策劃的體驗,HTML 檔案中指定的 CSS 會遭忽略 (僅限於 Liquid Mode 檢視畫面),且僅支援 HTML 標記的屬性會影響 Liquid Mode 檢視畫面。但是 PDF 檢視畫面沒有這類限制。Acrobat Sign 會使用支援標記可用的所有屬性,以及 HTML 文件中指定的 CSS 來產生 PDF 檢視畫面。

Adobe Acrobat Sign 文字標籤標記法會用於指定 HTML 文件中的表單欄位。

Liquid Mode 工作流程

註解:

如果 Liquid Mode 功能已啟用,但因為任何原因而無法產生 Liquid Mode 檢視畫面,則會建立只包含 PDF 檢視畫面的合約。

傳給傳送者的確認電子郵件會列出無法產生 Liquid Mode 檢視畫面的原因。

Liquid Mode 目前支援用於手機裝置,其他支援正在開發中。


啟用/傳送 Liquid Mode 相容合約

  1. 確認已在「Acrobat Sign 管理」選單中啟用 Liquid Mode:

    • 導覽至「傳送設定 > Liquid Mode」
      • 可在帳戶或群組層級修改此設定
    導覽至 Liquid Mode 控制項

  2. 使用下列任一方式提交單一 HTML 檔案:

    傳送 HTML 文件


支援的 HTML 標記

若要成功建立含有 Liquid Mode 檢視畫面的合約,HTML 文件不能包含 JavaScript 建構。

HTML 文件的 body 中只能使用以下標記:

類別

HTML 標記

影響 Liquid Mode 檢視畫面的屬性

限制

標頭

<h1>、<h2>、<h3>、<h4>、<h5>、<h6>

 

內容分區

<div>

align

 

分行

<br>

 

水平分隔線

<hr>

 

段落

<p>

align

 

影像

<img>

src、alt、height、width

請參閱「影像支援」區段

行內文字

<b>、<i>、<u>、<s>、<strong>、<em>、<span>、<sub>、<sup>

 

有序清單

<ol>、<li>

value、type、reversed、start

 

無序清單

<ul>、<li>

value、reversed、start

 

超連結

<a>

href

URL 通訊協定受限於 http、https 及 mailto

表格

<table>、<thead>、<tbody>、<tfoot>、<th>、<tr>、<td>、<caption>、<col>、<colgroup>

1. 支援巢狀表格

2. 支援表格中的表單欄位

表單欄位標籤

<label>

for

請參閱「表單欄位標籤」區段。

表單欄位分組

<fieldset>、<legend>

請參閱為欄位群組加標籤

影像

<img>

src、alt、height、width

影像大小加上整個 HTML 不得超過 400 KB。支援格式包括:JPEG、PNG、GIF、BMP 和 TIFF。影像來源必須為 HTTPs URL。


表單欄位規格

需使用 Adobe Acrobat Sign 文字標籤標記法在 HTML 文件中指定表單欄位。

下表顯示使用 Acrobat Sign 文字標籤的範例表單欄位:

欄位

Sign 文字標籤

簽名欄位 (簽名、縮寫簽名、簽名區塊、戳記)

{{Sig_es_:signer1:signature}}



{{Int_es_:signer1:initials}}



{{SigB_es_:signer1:signatureblock}}



{{OSig_es_:signer1:optsignature}}



{{OInt_es_:signer1:optinitials}}



{{SigStamp_es_:signer1:stampimage(25)}}

簽署者欄位

{{Cmpy_es_:signer1:company}}



{{N_es_:signer2:fullname}}



{{Dte_es_:signer1:date}}



{{Em_es_:signer1:email}}

傳送者欄位

{{*Ttl_es_:sender:title}}

參與戳記與交易 ID

{{userstamp_es_:signer1:stamp:repeat}}

{{transstamp1_es_:transactionid:repeat}}

唯讀欄位

{{! price}}

{{price_es_:readonly}}

文字輸入

{{address_es_:signer1}}

{{*city_es_:signer1}}

核取方塊

{{CB1_es_:checkbox(checked)}}

選項按鈕

{{(Red)Color_es_:signer1:label(“Red”)}}

{{(Blue)Color_es_:signer1:label(“Blue”)}}

{{(Green)Color_es_:signer1:label(“Green”)}}

影像

{{Image1_es_:signer1:inlineimage(4)}}

下拉式功能表

{{Color_es_:signer1:dropdown(options="Red,Green,B lue”, values=”R,G,B”)}}


超連結

{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}}


檔案附件

{{*DriversLicense_es_:signer1:attachment}}

工具提示

{{Car_color_es:signer1:tooltip('Choose a color')}}

數位簽名

{{digsig1_es_:signer1:digitalsignature}}

欄位驗證

{{*Mobile_es_:signer1:phone}}

{{d_es_:signer1:num(>0,<60)}}

條件式規則

例如 {{field_es_:showif(price>60)}}

計算欄位

{{TV_es_:calc([SubTotal]+[Tax])}}

註解:

支援下列項目以外的所有 Acrobat Sign 表單欄位建構:

類別

不支援的建構

例外

數位簽名表單欄位

不支援 :digitalsignature



預填工作流程

不支援 :prefill 指示詞。



超連結表單欄位

不支援 :page(N) 指示詞。

使用 http、https 和 mailto 以外通訊協定的 :link

支援 :signer1 和 :everyone 指示詞。

未命名表單欄位

不支援未命名表單欄位。

支援未命名核取方塊

重新命名的表單欄位

不支援名稱相同但指示詞不同的多個表單欄位




表單欄位標籤

每個表單欄位都應該有一個相關聯的標籤。雖然標籤並非所有表單欄位的必要項目,但強烈建議表單欄位都具有標籤。

具體而言,在 Liquid Mode 中:

  • 標籤用於加強欄位的視覺呈現效果
  • 與欄位相關聯的標籤可提供協助工具提示。當欄位處於焦點中,螢幕助讀程式會使用標籤來向使用者朗讀欄位
  • 按一下標籤可將焦點設於某個欄位,或在使用選項按鈕或核取方塊時,按一下標籤便可切換值

可透過以下任一方式,使用 HTML <label> 標記來繫結表單欄位與標籤:

  1. Acrobat Sign 表單欄位包括在 <label> 標記中
    • <label>Signature: {{sig_es_:signer1:signature}}</label>
  2. <label> 標記的「for」屬性可參考表單欄位的名稱,以將其繫結至表單欄位。
    • {{sig_es_:signer1:signature}} … <label for=”sig”>Signature: </label>

標籤若無法藉由上述規則與表單欄位繫結,便會轉譯為未繫結的標籤文字。

此外,Acrobat Sign 文字標籤支援表單欄位類型的 :label 指示詞:

  • 檔案附件
  • 超連結
  • 核取方塊
  • 選項按鈕

Acrobat Sign 文字標籤 :label 指示詞和 <label> 標記能以下列方式結合:

表單欄位類型

:label 指示詞的角色

HTML <label> 標記的角色

檔案附件、

超連結

指定表單欄位方塊中顯示的標籤。

<label> 標記可指定表單欄位的標籤或標題。

核取方塊、

選項按鈕選項

指定表單欄位的標籤或標題。

如果 Acrobat Sign 文字標籤 :label 指示詞不存在,<label> 便會頂替其對表單欄位的作用。

如果 :label 和 <label> 同時存在,便無法建立 Liquid Mode 檢視畫面。

範例:

  • {{CB_es_:checkbox: signer1:label("I agree.")}}} <label for=” CB”> Yes</label>
  • {{(Red_v)Color_es_:signer1::label(“Red Color”)} <label for=”(Red_v)Color”>Red</label>
註解:

可透過下列方式為核取方塊指定標籤:

  • {{CB_es_:checkbox: signer1:label("I agree.")}}
  • <label> {{CB_es_:checkbox:signer1}} I agree.</label>
  • {{CB_es_:checkbox:signer1}} <label for="CB"> I agree.</label>

可透過下列方式為選項按鈕指定標籤:

  • {{(Red_v)Color_es_:signer1:label(“Red”)}}
  • <label> {{(Red_v)Color_es_:signer1}} Red </label>
  • {{(Red_v)Color_es_:signer1}} <label for=”(Red_v)Color”>Red</label>
注意:

通常在 HTML 中,「for」屬性會參考欄位 ID 值。  Liquid Mode 使用「for」屬性來參考欄位名稱。  這會導致複製的表單欄位不明確,出現具有相同 Acrobat Sign 文字標籤指示詞的多個表單欄位例項。  有鑑於此,我們需避免使用「for」屬性,並藉由將文字標籤包括在 <label> 元素中來為標籤建立關聯。

例如,下列用法會針對行動重排檢視畫面中的兩個例項,分別建立具有不同標籤的複製表單欄位:

  • <label> Official {{name_of_official_es_:signer1}} </label>
  • <label> Name {{name_of_official_es_:signer1}} </label>

如果複製的表單欄位指定了使用「for」屬性的標籤,參考便會變得不明確且難以解析。  在此情況下,將不會建立 Liquid Mode 檢視畫面。

 例如,下列用法只會建立 PDF 檢視畫面:

  • <label for="name_of_official> Official </label> {{name_of_official_es_:signer1}}
  • <label for="name_of_official> Name</label> {{name_of_official_es_:signer1}}


為欄位群組加標籤

標籤會與單一表單欄位建立關聯。若想將標籤/註解與欄位群組 (尤其是選項按鈕群組) 建立關聯,建議使用 fieldset 和 legend 元素。  fieldset 用於將元素分組,legend 則用於為群組提供註解/標籤。  Liquid Mode 類似標籤,其優點如下:

  • 更妥善以視覺方式呈現與欄位群組相關聯的註解/標題
  • 優良的協助工具體驗。  螢幕助讀程式會使用 legend 內容正確朗讀欄位群組

例如:

<fieldset>

        <legend>選擇您喜愛的主要顏色</legend>             

        {{(Red)Color_es_:signer1:label("Red")}}<br/>       

        {{(Blue)Color_es_:signer1:label("Blue")}}<br/>       

        {{(Green)Color_es_:signer1:label("Green")}}<br/>       

</fieldset>

註解:

針對大部分文件,作者不會希望預設轉譯 fieldset。 

可透過以下 CSS 移除邊界方框:

    fieldset {

        border: none;

        margin: 0;

        padding: 0;

    }

影像支援

影像支援具有以下限制:

  • 僅支援 <img> 元素
  • <img>src 可透過內嵌資料 (data: 結構描述) 或網頁 URL (僅限 https: 結構描述) 形式提供
  • 支援格式包括:JPEGPNGGIFBMPTIFF
    • 若是動畫 GIF,系統會將第一個影格當作靜態影像使用
  • 從網頁 URL 擷取的影像大小以 5 MB 為限


不支援的 Acrobat Sign 工作流程

Liquid Mode 支援下列 Acrobat Sign 工作流程:

  • 從多份文件建立的合約
  • 從非 HTML 文件建立的合約
  • 從資料庫範本建立的合約
  • 在「草稿」或「編寫」狀態下建立的合約
  • 數位簽名工作流程
  • 書面簽名工作流程
  • 修改傳送中的工作流程
  • 預設啟用「預覽」核取方塊的群組之工作流程
  • 啟用簽署原因的合約
  • 設為簽署者每次按下簽名欄位時都要求簽署者進行驗證的合約

若在上述工作流程中嘗試建立 Liquid Mode 檢視畫面,會導致只建立含有 PDF 檢視畫面的合約。  傳給傳送者的確認電子郵件會列出無法產生 Liquid Mode 的原因。


Liquid Mode 錯誤通知

如果傳送者嘗試產生含有 Liquid Mode 檢視畫面的合約,但 Acrobat Sign 無法產生,系統便會傳送合約確認電子郵件,通知傳送者導致無法建立 Liquid Mode 檢視畫面的具體問題。傳送者可以解決回報的問題,之後再嘗試重新建立含有 Liquid Mode 檢視畫面的合約。

回報的問題可歸類為以下類別:

  • 不支援的 HTML 建構
  • 不支援的 Acrobat Sign 文字標籤
  • 不支援的 Acrobat Sign 工作流程
  • Liquid Mode 內部錯誤

嘗試建立 Liquid Mode 檢視畫面時,若伺服器遇到意外錯誤情形,就會出現 Liquid Mode 內部錯誤。

如需了解其他錯誤類別,請參閱下列子區段中的回報問題詳細資訊:

如果是因為不支援的 HTML 建構而無法產生 Liquid Mode 檢視畫面,傳給傳送者的確認電子郵件中會包含下列一或多個錯誤字串:

錯誤字串

不支援的元素 [+tagName]

不支援的 URL 通訊協定 [+url]

不支援表格中的表單欄位 [+tagName]

不支援巢狀表格

無效的標籤子項 [+tagName]

請參閱支援的 HTML 標記區段了解詳情。

如果是因為不支援的 Acrobat Sign 文字標籤建構而無法產生 Liquid Mode 檢視畫面,傳給傳送者的確認電子郵件中會包含下列一或多個錯誤字串:

錯誤字串

找不到參考的定義標記 [+shortName]

不支援預填欄位 [+name]

不支援內部超連結 [+name]

未命名欄位僅適用於核取方塊

不支援名稱相同但指示詞不同的欄位 [+name]

不支援數位簽名 [+name]

欄位不可同時具有標籤元素和標籤指示詞 [+name]

以下文字標籤缺少 Sign 表單欄位:[+name]

請參閱表單欄位規格區段了解詳情。

如果是因為不支援的 Acrobat Sign 工作流程而無法產生 Liquid Mode 檢視畫面,傳給傳送者的確認電子郵件中會包含下列一或多個錯誤字串:

錯誤字串

合約為資料庫範本

合約需要書面簽名

合約已啟用 CFR 簽署原因選項

合約已啟用 CFR 電子簽署重新驗證選項

請參閱表單欄位規格區段了解詳情。


HTML 文件範例:信用報告申請

建立 Liquid Mode 的主要目標表單具有以下特質:

  • 含有大面積文字區塊,可能需要進行大量捏合和縮放操作的的文件
  • 沒有重疊的欄位,且可接受 Liquid Mode 欄位排版的表單

下載

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <title>Sample Title</title>

    <link rel="stylesheet" href="css/all.css">

    <style>

    body {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px

    }

    fieldset {

        border: none;

        margin: 0;

        padding: 0;

    }

 

    legend {

        float: left;

    }

 

    h2 {

        margin: 10px 0;

        font-size: 13px;

        margin: 20px 0 0 0;

    }

 

    h3 {

        margin: 0;

        font-size: 12px;

    }

 

    ul {

        margin: 0;

    }

 

    li {

        margin-bottom: 3px;

        padding-left: 5px;

    }

     

    p {

        margin: 4px 0;

    }

 

    .header {

        border-bottom: 2px solid #000;

        margin: 0 5px 15px 5px;

    }

 

    .header h1 {

        font-weight: 700;

        margin: 0;

        font-size: 15px;

    }

 

    .body {

        border: 1px solid #000;

        padding: 0 5px 10px 5px;

    }

   

    .page {

        padding: 0 25px;

        margin: 0 auto;

    }

     

    .txt_logo {

        font-size: 30px;

        color:blue;

        font-style:oblique

    }

 

    .textTag {

        padding: 9px 0;

        border-bottom: 2px solid #000;

        margin: 0 -4px 5px 0

    }

 

    .underline {

        text-decoration: underline;

        font-weight: 700;

        font-size: 12px

    }

     

    .columns-2 .item {

        width: 49%

    }

 

    .columns-3 .item {

        width: 33%

    }

 

    .item {

        display: inline-block

    }

     

    .address .item {

        width: 16%

    }

 

    .item.big {

        width: 30%

    }

 

    .checkbox {

        margin: 15px 0

    }

 

    .checkbox span {

        font-weight: 700;

        font-size: 11px

    }

 

    .card-info label {

        width: 12%;

        font-size: 11px;

        text-transform: capitalize

    }

 

    .card-info p {

        border-bottom: 1px solid #000;

        margin-right: 10px;

        padding-bottom:5px;

        display: inline-block

    }

 

    .card-number {

        width: 40%;

    }

 

    .expiry-date {

        width: 25%;

    }

 

    .radio-button label {

        width: 55%

    }

     

    .radio-button .item {

        width: 16%

    }

     

    .note {

        font-size: 12px

    }

 

    .footer {

        padding: 0 10px;

        font-size: 11px;

    }

    </style>

</head>

 

<body>

    <div class="page">

        <div class="header">

            <h2 class="txt_logo"><b>SAMPLE COMPANY</b></h2>

            <h1 class="h1_header">SAMPLE REQUEST TO OBTAIN MY FREE CREDIT REPORT </h1>

        </div>

        <div class="body">

            <h3>Sample Important Information & Instructions:</h3>

            <p>In order to protect your personal information we will validate your identity before mailing your credit report to your <u>confirmed</u>

                home address.You must provide a photocopy of the front and back of:</p>

            <ul class="info">

              <li class="info__item">Two pieces of government-issued identification</li>

              <li class="info__item">If your address is not up-to-date on either identification, you <u>must also</u> provide an additional document showing your <u>current home address</u> (e.g. a utility bill).</li>

              <li class="info__item">If you provide your <b>Social Insurance Number</b>, we will cross-reference it with our records to ensure that we disclose the correct information to you.Knowing it helps us avoid delays and confusion in case another individual's identifying information (such as name and address) is similar to the one you provided.</li>

              <li class="info__item">If you provide a <b>credit card </b>statement or copy of your <b>credit card</b> as proof, please ensure to <b>blackout</b> your private information.</li>

            </ul>

            <p>The information you provide on the form will be used to confirm your identity and may also be used to update your credit report.Such updated information will be stored, safeguarded, used and/or disclosed in the normal course as part of your credit file.For more information about SAMPLE COMPANY’s privacy practices, please see our Privacy Policy at https://www.adobe.com/privacy/policy.html.For clarity, in any case, we will keep a copy of the information you provide to demonstrate that we complied with our obligation to obtain reasonable identification from you.

            </p>

            <p>Please send your completed form with proof of identity to: <b>Lorem inseam dolor sit amen, consenttetur</b>or by fax to: <b>XXX-XX-XXXX.</b>Kindly allow X-Y days for delivery.If any corrections to your credit report are necessary you must complete the Credit Report Update form enclosed with your package, or visit <a href="http://sampleurl">SampleURL</a> and click on “How to File a Something” under Our Sample Assistance.

            </p>

        </div>

        <div class="form">

            <div class="columns-3">

                <div class="item">

                    <p class="textTag">{{*LastName_es_:signer1}}</p>

                    <label for="LastName">LAST NAME </label>

                </div>

                <div class="item">

                    <p class="textTag">{{*FirstName_es_:signer1}}</p>

                    <label for="FirstName">FIRST NAME, INITIAL</label>

                </div>

                <div class="item">

                    <p class="textTag">{{Suffix_es_:signer1}}</p>

                    <label for="Suffix">SUFFIX (Sr., Jr., etc.)</label>

                </div>

            </div>

            <div class="address">

                <div class="item big">

                    <p class="textTag">{{*StreetAddress_es_:signer1&nbsp;}}</p>

                    <label for="StreetAddress">CURRENT STREET ADDRESS </label>

                </div>

                <div class="item">

                    <p class="textTag">{{*Apt_es_:signer1}}</p>

                    <label for="Apt">APT.</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*City_es_:signer1}}</p>

                    <label for="City">CITY</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*Prov_es_:signer1}}</p>

                    <label for="Prov">PROVINCE</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*Zip_es_:signer1:zip}}</p>

                    <label for="Zip">POSTAL CODE</label>

                </div>

            </div>

            <h2>PREVIOUS ADDRESS(ES) WITHIN LAST 3 YEARS</h2>

            <div class="address">

                <div class="item big">

                    <p class="textTag">{{*StreetAddressPr_es_:signer1&nbsp;}}</p>

                    <label for="StreetAddressPr">PREVIOUS STREET ADDRESS </label>

                </div>

                <div class="item">

                    <p class="textTag">{{*AptPr_es_:signer1}}</p>

                    <label for="AptPr">APT.</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*CityPr_es_:signer1}}</p>

                    <label for="CityPr">CITY</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*PrvPr_es_:signer1}}</p>

                    <label for="PrvPr">PROVINCE</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*ZipPr_es_:signer1:zip}}</p>

                    <label for="ZipPr">POSTAL CODE</label>

                </div>

            </div>

            <div>

                <p class="textTag">{{*EmailAddress_es_:signer1:isemail}}</p>

                    <label for="EmailAddress">EMAIL</label>

            </div>

            <div class="columns-2">

                <div class="item">

                    <p class="textTag">{{$DATEOFBIRTH}}</p>

                    <label for="Date">DATE OF BIRTH </label>

                </div>

                <div class="item">

                    <p class="textTag">{{SocialSecurityNumber_es_:signer1:ssn}}</p>

                    <label for="SocialSecurityNumber">S.I.N.:</label>

                </div>

            </div>

            <div class="columns-2">

                <div class="item">

                    <p class="textTag">{{$NAMEMAJORCARD}}</p>

                    <label for="NameMajorCard">NAME OF MAJOR CREDIT CARD:</label>

                </div>

                <div class="item">

                    <p class="textTag">{{$LAST4}}</p> <label for="Last4">LAST 4 DIGITS OF MAJOR CREDIT CARD:</label>

                </div>

            </div>

            <div class="columns-2">

                <div class="item">

                    <p class="textTag">{{*Signature_es_:signer1:signature}}</p><label for="Signature">Signature</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*DateOfSignature_es_:signer1:date}}</p><label for="DateOfSignature">Date</label>

                </div>

            </div>

            <div class="checkbox">

                 <label class="underline">{{$PAY}}  YES, I WOULD ALSO LIKE TO PURCHASE MY Sample Company SCORE* FOR $X.XX (tax included)</label>

            </div>
            <fieldset>
            <legend> I authorize Sample Company to charge the payment to my credit card:</legend>

              <div class="radio-button">

                <div class="item"><label>{{$V}}Visa</label></div>

                <div class="item"><label>{{$M}}MasterCard</label></div>

                <div class="item"><label>{{$A}}AMEX</label></div>

              </div>
            </legend>

            <div class="card-info">

                <label for="CardholderName">Cardholder Name:</label>

                <p>{{$CALCULATEDCARDHOLDERNAME}}</p>

            </div>

            <div class="card-info">

                <label for="CardNumber">Card Number:</label>

                <p class="card-number">{{*CardNumber_es_:signer1}}</p> <label for="ExpiryDate">Expiry Date:</label>

                        <p class="expiry-date">{{$EXPIRYDATE}}</p>

            </div>

            <div class="note">

                <p>Note: Cheque and cash payments are not accepted.Cardholder’s name must be same as requestor’s name.</p>

            </div>

        </div>

        <div class="footer">

            <p>*Sample company’s XY is a product some service providers use when assessing applications for credit and services.It is not part of your sample credit report, but is based on the particular information in your credit file at the time it is calculated.Lorem Ipsem is not the same as the Lorem Ipsem, which is also used by some lenders.Sample Company will provide your sample report free of charge, whether or not you purchase your Lorem Ipsem.<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Sample company can provide more sample services:</b> Sample Address Telephone: 1-XXX-XXX-XXXX Telephone in Sample: 1-XXX-XXX-XXXX</p>

        </div>

    </div>

    <! --  PAGE BREAK -->

    <div style="page-break-after:always"></div>

    <! -- SIGN Text Tag Definitions -->

    {{#REMOVE_PAGE_FROM_OUTPUT}}

   

    <! -- check box -->

    <p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>

 

    <! -- radio button and conditional rule to enable if Pay is checked -->

    <p>{{#V=(Visa)CCard_es_:signer1:enableif(Pay=checked)}}</p>

    <p>{{#M=(MasterCard)CCard_es_:signer1:enableif(Pay=checked)}}</p>

    <p>{{#A=(AMEX)CCard_es_:signer1:enableif(Pay=checked)}}</p>

 

    <! -- drop down -->

    {{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}

 

    <! -- calculated field -->

    <p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+"&nbsp;"+[LastName]+"&nbsp;"+[Suffix])}}

     

    <! -- regular expression fromatting validation -->

    <p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}

    <p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>

 

    <! -- date validations -->

    <p>{{#EXPIRYDATE=*ExpiryDate_es_:isdate(format=mm/yy)}}</p>

    <p>{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format=mm/dd/yyyy)}}</p>

 

</body>

 

</html>

 

瀏覽器中的 HTML 文件

Adobe Sign 中的傳統 PDF 檢視畫面

合約檢視畫面:

Liquid Mode檢視


已知問題與常見問題集

建議您在傳送給目標收件者之前,在編寫 HTML 時測試幾次 HTML,確認沒有出現錯誤,且符合您的整體排版標準。

HTML 文件中的 HTML 元素應依循文件的閱讀順序。 

應使用 CSS 屬性「page-break-after」明確指定文件中的分頁方式,如下所示:

<div style="page-break-after:always"></div>

以重排為考量來重新設計文件,可加強整體行動體驗。若您不考慮重新設計文件,也許可以遵照原始 PDF 的整體外觀與風格,但以下幾項例外:

  • Liquid Mode 中,頁面層級成品不會經過特殊處理。如果 HTML 文件中存在頁首、頁尾、浮水印等頁面層級成品,在重排檢視畫面中可能會顯示於重排內容的中間。

  • 如果表單中包含填寫表單欄位的指引 (例如「請以正楷書寫」或「選填」) 或是格式指引 (例如「(mm/dd/yyyy)」),請勿將文字包含在 HTML 中;格式指引「(mm/dd/yyyy)」或表單欄位是否為「選填」這類資訊,應該使用文字標籤在表單欄位規格中指定。  

  • 某些文字可能需要收集多組資訊。將其分割至多個表單欄位可簡化使用案例。例如,在上文的範例文件中,「主要信用卡名稱與卡號末 4 碼」就分割為「主要信用卡名稱」和「主要信用卡號末 4 碼」

  • 只能使用上文所列支援的 HTML 標記。請參閱說明 HTML 建構的區段

  • 使用相對座標和 {width: 30%} 這類位置,以便讓 HTML 重排為不同裝置寬度。CSS 中不應出現絕對頁面寬度。 

  • 如果 PDF 中包含表格或清單建構,則對應的 HTML 表示法應分別為表格或清單。唯一的例外是含有表單欄位的表格。如果表格具有表單欄位,相同的資訊需要以無表格形式呈現。

若要建立更豐富的表單填寫體驗,強烈建議編寫表單欄位時 ,使用所有驗證方法、格式運算式和條件式規則,以及 Sign 文字標籤提供的計算公式。

  • 如果表單欄位代表不同實體,則表單欄位名稱不得重複
  • 強烈建議將表單欄位括起來或使用「for」 屬性,讓每個表單欄位都有一個標籤
  • 如果表單欄位為選填,應在 Sign 文字標籤中指定。例如:
    • {{*S.I.N_es_:signer1}} 代表必填表單欄位
    • {{S.I.N_es_:signer1}} 代表選填表單欄位
  • Sign 文字標籤提供郵遞區號、身分證字號、日期、電子郵件、貨幣號碼等各種驗證方法,並提供範圍檢查和長度上限等功能。請善加利用
  • Sign 文字標籤也包含表單欄位的格式,例如日期格式、貨幣格式等。強烈建議您使用這些格式
  • 所有核取方塊都應有相關聯的標籤,例如:

<label> {{[]}} 是,我也希望購買我的信用評分</label>

  • 如果有表單欄位在紙本/PDF 表單中看起來像是核取方塊,但實際上具有互斥值 (例如是非題,或是此表單上的 Visa/MasterCard/AMEX 問題),請將所有表單欄位集結到一個群組中,並將其設為類型選項按鈕或下拉式功能表的表單欄位,而非個別的核取方塊,並加上標籤/標題

<fieldset>

<legend>付款選項:</legend>

{{#VISA=(Visa)CCard_es_:label("Visa"):signer1:enableif(Pay=checked)}}

({#MCARD=(MasterCard)CCard_es_:label("MasterCard"):signer1:enableif(Pay=checked)}}

{{#AMEX=(AMEX)CCard_es_:label("AMEX"):signer1:enableif(Pay=checked)}}

</fieldset>

  • Sign 文字標籤也會根據頁面上轉譯 Sign 文字標籤的尺寸,定義轉譯頁面上表單欄位的尺寸。Sign 文字標籤規格可用於縮短表單欄位尺寸。請前往 https://helpx.adobe.com/tw/sign/using/text-tag.html,搜尋「縮短文字標籤」和長文字標籤」。常用的技巧是在 HTML 文件尾端定義一個區段,其中包含極長文字標籤的定義標記,並在 HTML 內文中使用參考標記。以下為定義標記的範例:

<div style="page-break-after:always"></div>

{{#REMOVE_PAGE_FROM_OUTPUT}}

{{#CCARDDROPDOWN=*ccardDropDown_es_:dropdown(options="Visa,MasterCard,AMEX")}}

{{#VI=*(Visa)CCard_es_:signer1}}

{{#MC=*(MasterCard)CCard_es_:signer1}}

{{#AM=*(AMEX)CCard_es_:signer1}}

{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format(dd/mm/yy)}}

 Adobe

更快、更輕鬆地獲得協助

新的使用者?