사용 안내서 취소

모바일 웹 서명 경험을 위한 Liquid Mode

검색

마지막 업데이트 날짜 2022년 11월 28일

Adobe Sign

앱 열기

Adobe Acrobat Sign 안내서

새로운 기능

시작하기

관리

Admin Console 개요
사용자 관리
1. 사용자 추가
2. 기능 중심 사용자 생성
  1. 기술 계정 - API 기반
  2. 서비스 계정 - 수동 구동
3. 프로비저닝 오류가 있는 사용자 확인
4. 이름/이메일 주소 변경
5. 사용자의 그룹 멤버십 편집
6. 그룹 인터페이스를 통해 사용자의 그룹 멤버십 편집
7. 사용자를 관리자 역할로 승격
8. 사용자 ID 유형 및 SSO
9. 사용자 ID 전환
10. MS Azure로 사용자 인증
11. Google Federation으로 사용자 인증
12. 제품 프로필
13. 로그인 경험
계정/그룹 설정
1. 설정 개요
2. 전역 설정
  1. 계정 계층 및 ID
  2. 새로운 수신자 환경
  3. [자체 서명] 워크플로우
  4. 대량 전송
  5. 웹 양식
  6. 사용자 지정 전송 워크플로우
  7. Power Automate 워크플로우
  8. 라이브러리 문서
  9. 계약서를 사용하여 양식 데이터 수집
  10. 제한된 문서 표시 여부
  11. 서명된 계약의 PDF 사본 첨부
  12. 이메일에 링크 포함
  13. 이메일에 이미지 포함
  14. 이메일에 첨부된 파일의 이름 지정
  15. 문서에 감사 보고서 첨부
  16. 여러 문서를 하나로 병합
  17. 개별 문서 다운로드
  18. 서명된 문서 업로드
  19. 내 계정의 사용자에 대한 위임
  20. 외부 수신자의 위임 허용
  21. 서명 권한
  22. 전송 권한
  23. 전자 봉인 추가 권한
  24. 기본 시간대 설정
  25. 기본 날짜 형식 설정
  26. 다중 그룹의 사용자(UMG)
    1. UMG를 사용하도록 업그레이드
  27. 그룹 관리자 권한
  28. 수신자 바꾸기
  29. 감사 보고서
    1. 개요
    2. 트랜잭션 확인 페이지에서 인증되지 않은 액세스 허용
    3. 미리 알림 포함
    4. 보기 이벤트 포함
    5. 계약 페이지/첨부 파일 수 포함
  30. 트랜잭션 꼬리말
  31. 제품 내 메시지 및 지침
  32. 액세스할 수 있는 PDF
  33. 새로운 작성 환경
  34. 의료 고객
3. 계정 설정
  1. 로고 추가
  2. 회사 호스트 이름/URL 사용자 지정
  3. 회사 이름 추가
  4. 계약 후 URL 리디렉션
4. 서명 기본 설정
  1. 서식이 올바르게 지정된 서명
  2. 수신자의 서명 허용
  3. 서명자 이름 변경 가능
  4. 수신자가 자신이 저장한 서명을 사용하도록 허용
  5. 사용자 지정 사용 약관 및 소비자 공개
  6. 폼 필드를 통해 수신자 탐색
  7. 계약 워크플로우 다시 시작
  8. 서명 거부
  9. 스탬프 워크플로우 허용
  10. 서명자에게 직책 또는 회사 제공 요청
  11. 서명자의 자필 서명 인쇄 및 배치 허용
  12. 전자 서명 시 메시지 표시
  13. 서명자가 모바일 장치를 사용하여 서명을 작성하도록 요청
  14. 서명자의 IP 주소 요청
  15. 참여 스탬프에서 회사 이름 및 직책 제외
5. 디지털 서명
  1. 개요
  2. Acrobat으로 다운로드하고 서명
  3. 클라우드 서명으로 서명
  4. 신원 제공자 메타데이터 포함
  5. 제한된 클라우드 서명 공급자
6. 전자 봉인
7. 디지털 신원
  1. 디지털 신원 게이트웨이
  2. ID 확인 정책
8. 보고서 설정
  1. 새로운 보고서 환경
  2. 기존 보고서 설정
9. 보안 설정
  1. Single Sign-on 설정
  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. CC
  8. 수신자 계약 액세스
  9. 필수 필드
  10. 문서 첨부
  11. 필드 결합
  12. 계약 수정
  13. 계약 이름
  14. 언어
  15. 개인 메시지
  16. 허용되는 서명 유형
  17. 알림 메시지
  18. 서명된 문서 암호 보호
  19. 다음을 통해 계약 알림 전송
  20. 서명자 식별 옵션
    1. 개요
    2. 서명 암호
    3. 이메일을 통한 일회용 암호
    4. Acrobat Sign 인증
    5. 전화 인증
    6. 클라우드 기반 디지털 서명
    7. 지식 기반 인증
    8. 정부 ID
    9. 서명자 신원 보고서
  21. 콘텐츠 보호
  22. Notarize 트랜잭션 활성화
  23. 문서 만료
  24. 서명 미리 보기, 배치 및 필드 추가
  25. 서명 순서
  26. Liquid Mode
  27. 사용자 지정 워크플로우 제어
  28. 전자 서명 페이지 업로드 옵션
  29. 서명 후 확인 URL 리디렉션
11. 메시지 템플릿
12. Bio-Pharma 설정
  1. 개요
  2. ID 인증 적용
  3. 서명 이유
13. 워크플로우 통합
14. 공증 설정
15. 결제 통합
16. 서명자 메시징
17. SAML 설정
  1. SAML 구성
  2. Microsoft Active Directory Federation 서비스 설치
  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. 수신자 옵션 구성
규정 요구 사항 지침
1. 접근성
2. HIPAA
3. GDPR
4. 21 CFR Part 11 및 EudraLex Annex 11
5. 의료 고객
6. IVES 지원
7. 계약 "보관"
8. EU/영국 고려 사항
계약서 일괄 다운로드
도메인 요청
오용 신고 링크

계약 전송, 서명 및 관리

수신자 옵션
1. 이메일 미리 알림 취소
2. 전자 서명 페이지의 옵션
계약 보내기
문서에 필드 작성
1. 인앱 작성 환경
2. 텍스트 태그로 폼 만들기
3. Acrobat으로 폼 만들기(AcroForm)
  1. AcroForm 만들기
  2. 액세스 가능한 PDF 만들기
4. 필드
  1. 필드 유형
  2. 필드 콘텐츠 표시
  3. 필드 확인
  4. 마스크된 필드 값
  5. 조건 표시/숨기기 설정
  6. 계산된 필드
5. 작성 FAQ
계약 서명
계약 관리
감사 보고서
보고 및 데이터 내보내기
1. 개요
2. 사용자에게 보고에 대한 액세스 권한 부여
3. 보고서 차트
4. 데이터 내보내기
5. 보고서 이름 바꾸기/내보내기
6. 보고서 복제/내보내기
7. 보고서/내보내기 예약
8. 보고서 삭제/내보내기
9. 트랜잭션 사용량 확인

고급 계약 기능 및 워크플로우

웹 양식
재사용 가능 템플릿(라이브러리 템플릿)
웹 양식 및 라이브러리 템플릿의 소유권 이전
Power Automate 워크플로우
1. Power Automate 통합 및 포함된 권한 개요
2. Power Automate 통합 활성화
3. 관리 페이지의 컨텍스트별 작업
4. Power Automate 사용 추적
5. 새 플로우 만들기(예시)
6. 플로우에 사용되는 트리거
7. Acrobat Sign 외부에서 플로우 가져오기
8. 플로우 관리
9. 플로우 편집
10. 플로우 공유
11. 플로우 비활성화 또는 활성화
12. 플로우 삭제
13. 템플릿 사용
  1. 관리자만
  2. 계약 보관
    1. 작성된 문서를 SharePoint에 저장
    2. 작성한 문서를 One Drive for Business에 저장
    3. 작성한 문서를 Google Drive에 저장
    4. 작성한 문서를 DropBox에 저장
    5. 작성한 문서를 상자에 저장
  3. 웹 양식 계약 보관
    1. 작성한 웹 양식 문서를 SharePoint 라이브러리에 저장
    2. 작성한 웹 양식 문서를 OneDrive for Business에 저장
    3. 작성한 문서를 Google Drive에 저장
    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 행에 대한 계약 생성, 검토를 위해 보내기 및 서명
사용자 지정 전송 워크플로우
사용자 및 계약 공유
1. 사용자 공유
2. 계약 공유

다른 제품과 통합

Acrobat Sign 개발자

REST API
Webhook

지원 및 문제 해결

소개

Liquid Mode 서명 경험은 수신자가 사용하는 장치 유형에 따라 문서 표시를 향상하여, 손가락으로 모으고 확대/축소할 필요를 줄이며 채워야 할 필드에 쉽게 포커스를 두도록 합니다.

Liquid Mode 규격 계약은 수신자를 위한 두 가지 보기로 생성됩니다.

PDF 보기 - 업로드된 HTML에 있는 모든 스타일 정보를 사용하여 생성됩니다. 이는 다운로드할 수 있는 계약의 서명된 버전에 해당하며, Adobe Acrobat Sign이 모든 계약을 위해 생성하는 PDF 보기와 마찬가지입니다.
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 문서의 body에 지원되지 않는 HTML 태그가 있을 경우 Acrobat Sign에서 PDF 보기만 생성됩니다.

Liquid Mode 보기의 환경은 세심하게 선별되어 HTML 파일에 지정된 CSS는 무시되고(Liquid Mode 보기에만 해당) 지원되는 HTML 태그의 특성만 Liquid Mode 보기에 영향을 미칩니다. 그러나 PDF 보기의 경우에는 이러한 제한사항이 없습니다. Acrobat Sign은 HTML 문서에 지정된 CSS뿐 아니라 지원되는 태그에 사용할 수 있는 전체 범위의 특성을 사용하여 PDF 보기를 생성합니다.

HTML 문서의 양식 필드를 지정하는 데는 Adobe Acrobat Sign 텍스트 태그 표시법이 사용됩니다.

참고:

Liquid Mode 기능이 활성화되었지만 어떤 이유로 Liquid Mode 보기를 생성할 수 없는 경우 계약은 PDF 보기로만 생성됩니다.

전송자에게 보내는 확인 전자 메일에 Liquid Mode 보기를 생성하지 못한 이유가 표시됩니다.

Liquid Mode는 현재 휴대 전화 장치에서 지원되며 다른 사용 환경의 추가 지원은 개발 중입니다.

Liquid Mode 규격 계약 활성화/보내기

Liquid Mode가 Acrobat Sign 관리자 메뉴에서 활성화되었는지 확인합니다.
- 전송 설정 > Liquid Mode로 이동합니다.
  
  설정은 계정 또는 그룹 수준에서 수정할 수 있습니다.
다음 방법 중 한 가지를 사용하여 단일 HTML 파일을 제출합니다.
- Acrobat Sign v6 POST /agreement REST API 사용
- Acrobat Sign 웹 앱의 전송 페이지 사용
- Acrobat Sign 웹 앱의 웹 양식 페이지 사용
- Acrobat Sign v6 POST /widgets REST API 사용

지원되는 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의 크기는 400KB 미만이어야 합니다. JPEG, PNG, GIF, BMP 및 TIFF 형식이 지원됩니다. 이미지 소스는 HTTPs URL이어야 합니다.

양식 필드 사양

양식 필드는 HTML 문서에서 Adobe Acrobat Sign 텍스트 태그 표시법을 사용하여 지정해야 합니다.

아래 테이블은 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)}}
조건 규칙	e.g. {{field_es_:showif(price>60)}}
계산된 필드	{{TV_es_:calc([SubTotal]+[Tax])}}

참고:

다음을 제외한 모든 Acrobat Sign 양식 필드 구문이 지원됩니다.

카테고리	지원되지 않는 구문	예외
디지털 서명 양식 필드	:digitalsignature는 지원되지 않습니다.
미리 작성 작업 과정	:prefill 지시문은 지원되지 않습니다.
하이퍼링크 양식 필드	:page(N) 지시문은 지원되지 않습니다. :link, http, https 및 mailto가 아닌 다른 프로토콜 포함.	:signer1 및 :everyone 지시문이 지원됩니다.
이름이 지정되지 않은 양식 필드	이름이 지정되지 않은 양식 필드는 지원되지 않습니다.	이름이 지정되지 않은 확인란은 지원됩니다.
이름이 변경된 양식 필드	이름은 같지만 지시문이 서로 다른 다중 양식 필드는 지원되지 않습니다.

양식 필드 레이블

각 양식 필드에는 연관된 레이블이 있어야 합니다. 모든 양식 필드에 레이블이 있어야 하는 것은 아니지만, 양식 필드에는 레이블이 있는 것이 좋습니다.

특히, Liquid Mode에서는:

레이블이 필드의 시각적 표현을 개선하는 데 사용됩니다.
필드와 연관된 레이블이 접근성 힌트를 제공합니다. 필드에 포커스가 있을 때 화면 판독기는 레이블을 사용하여 사용자에게 필드를 알립니다.
레이블을 클릭하여 필드에 포커스를 둘 수 있습니다. 또는 라디오 버튼 또는 확인란의 경우 레이블을 클릭하면 값이 전환됩니다.

다음 방법 중 한 가지로 HTML <label> 태그를 사용하여 양식 필드를 레이블에 바인딩할 수 있습니다.

<label> 태그 안에 묶은 Acrobat Sign 양식 필드
- <label>Signature: {{sig_es_:signer1:signature}}</label>
<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" 특성은 field 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}}

필드 그룹 레이블 지정

레이블은 단일 양식 필드와 연관됩니다. 레이블/캡션을 필드 그룹(특히, 라디오 버튼 그룹)과 연관시키려는 경우 필드 세트 및 범례 요소를 사용하는 것이 좋습니다. 필드 세트는 요소를 그룹화하는 데 사용되고, 범례는 그룹의 캡션/레이블을 제공하는 데 사용됩니다. 레이블과 유사한 Liquid Mode의 이점은 다음과 같습니다.

필드 그룹과 연관된 캡션/제목의 시각적 표현 향상
좋은 접근성 경험. 화면 판독기는 범례 내용을 사용하여 필드 그룹을 올바르게 알립니다.

예를 들면 다음과 같습니다.

<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>

참고:

대부분의 문서에서 작성자는 필드 세트의 기본 렌더링을 원하지 않습니다.

다음 CSS로 테두리 상자를 제거할 수 있습니다.

fieldset {

border: none;

margin: 0;

padding: 0;

}

이미지 지원

이미지는 다음 제한과 함께 지원됩니다.

<img> 요소만 지원됨
<img>의 src는 임베디드 데이터(data: 스키마) 또는 웹 URL(https: 스키마 전용)로 제공됨
JPEG, PNG, GIF, BMP 및 TIFF 형식 지원
- 애니메이션 GIF의 경우 첫 번째 프레임만 정적 이미지로 사용됨
웹 URL에서 검색한 이미지 크기는 5MB로 제한됨

지원되지 않는 Acrobat Sign 워크플로우

Liquid Mode는 다음 Acrobat Sign 워크플로우를 지원하지 않습니다.

다중 문서에서 생성된 계약
비HTML 문서에서 생성된 계약
라이브러리 템플릿에서 생성된 계약
초안(DRAFT) 또는 작성 중(AUTHORING) 상태에서 생성된 계약
디지털 서명 작업 과정
자필 서명 작업 과정
진행 중인 작업 과정 수정
미리 보기 확인란이 기본적으로 활성화된 그룹의 작업 과정
서명 이유가 활성화된 계약
서명자가 서명 필드를 클릭할 때마다 서명자가 인증해야 하도록 구성된 계약

위의 워크플로우에서 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]

텍스트 태그에 대한 서명 양식 필드 누락: [+name]

자세한 내용은 양식 필드 사양에 대한 섹션을 참조하십시오.

지원되지 Acrobat Sign 워크플로우로 인해 Liquid Mode 보기를 생성할 수 없는 경우, 전송자에게 발송되는 확인 전자 메일에 다음 오류 문자열 중 하나 이상이 포함됩니다.

오류 문자열
계약서가 라이브러리 템플릿입니다.
계약서에는 자필 서명이 필요함
계약서에는 서명 사유의 CFR 옵션이 활성화되어 있음
계약서에는 ESign 재인증의 CFR 옵션이 활성화되어 있음

자세한 내용은 양식 필드 사양에 대한 섹션을 참조하십시오.

샘플 HTML 문서: 신용 보고서 요청

Liquid Mode 생성을 위한 프라임 대상인 양식 품질은 다음과 같습니다.

많은 모음 및 확대/축소 동작이 필요할 수 있는 대규모 텍스트 블록이 있는 문서
필드 겹침이 없고 필드의 Liquid Mode 흐름이 수락될 수 있는 양식

다운로드

파일 받기

HTML 문서 예

<!DOCTYPE html>

<head>

<title>Sample Title</title>

<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>

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

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

</div>

<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>

<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>

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

</div>

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

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

</div>

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

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

</div>

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

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

</div>

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

</div>

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

</div>

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

</div>

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

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

</div>

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

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

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

</div>

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

</div>

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

</div>

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

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

</div>

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

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

</div>

<div>

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

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

</div>

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

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

</div>

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

</div>

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

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

</div>

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

</div>

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

</div>

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

</div>

<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="item"><label>{{$M}}MasterCard</label></div>

</div>
</legend>

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

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

</div>

<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>

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

</div>

<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>

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

<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>

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

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

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

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

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

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

</body>

</html>

계약 보기:

알려진 문제 및 FAQ

HTML을 작성할 때 html을 몇 번 테스트하고 오류가 없고 귀하의 전체 흐름 기준을 충족함을 확인한 후, 의도한 수신자에게 보내는 것이 좋습니다.

HTML 문서에서 HTML 요소는 문서 읽기 순서를 따라야 합니다.

아래와 같이 문서에서 "page-break-after" CSS 속성을 사용하여 페이지 나누기를 명확하게 지정해야 합니다.

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

리플로우를 염두에 두고 문서를 다시 설계하면 전체 모바일 경험이 개선될 수 있습니다. 문서를 다시 설계하려는 경우가 아니라면 몇 가지 사항을 제외하고 원래 PDF의 전체 모양과 색상을 그대로 유지하는 것이 좋습니다.

Liquid Mode에서는 페이지 수준 가공물을 특별히 취급하지 않습니다. 머리글, 바닥글, 워터마크 등과 같은 페이지 수준 가공물이 HTML 문서에 있는 경우, 이들은 리플로우된 내용 중간에 있는 리플로우 보기에 나타날 수 있습니다.
양식에 "인쇄하십시오" 또는 "선택 사항"과 같은 양식 필드를 채우기 위한 지침이나 "(mm/dd/yyyy)"와 같은 형식 지침이 포함되어 있는 경우, HTML에 형식 지침과 같은 일부 정보 "(mm/dd/yyyy)"와 같은 텍스트를 포함하지 마십시오. 또는 양식 필드가 "선택 사항"인 경우 양식 필드 지정에 텍스트 태그를 사용하여 이를 지정되어야 합니다.

일부 텍스트는 합성 정보 세트를 수집해야 할 수 있습니다. 이들 세트를 다중 양식 필드로 분할하면 사용 사례가 단순해집니다. 예를 들어, 위의 샘플 문서에서 "주 신용 카드의 이름과 마지막 4자리수"는 "주 신용 카드의 이름"과 "주 신용 카드의 마지막 4자리수"로 분할되었습니다.

위에서 나열된 지원되는 HTML 태그만 사용하십시오. HTML 구문에 대한 섹션을 참조하십시오.
HTML이 다른 장치 폭으로 리플로우할 수 있도록 {width: 30%}와 같은 상대 좌표와 배치를 사용하십시오. 절대 페이지 폭은 CSS에 나타나선 안됩니다.
PDF에 표 또는 목록 구조물이 포함되어 있는 경우, 해당 HTML 표현은 각각 표이거나 목록이어야 합니다. 단, 양식 필드를 포함한 표는 예외입니다. 표에 양식 필드가 있는 경우, 표 없이 동일한 정보를 나타내야 합니다.

더 다채로운 온라인 양식 채우기 경험을 만들려면 확인, 형식 표현식 및 조건부 규칙, 서명 텍스트 태그가 제공하는 계산 수식을 모두 사용하여 양식 필드를 작성하는 것이 좋습니다.

다른 엔티티를 나타내는 경우 양식 필드의 이름은 고유해야 합니다.
각 양식 필드에는 양식 필드로 에워싸거나 "for" 특성을 사용하여 레이블이 있도록 하는 것이 좋습니다.
양식 필드가 선택 사항인 경우, 서명 텍스트 필드에 이를 지정해야 합니다. 예를 들면 다음과 같습니다.
- {{*S.I.N_es_:signer1}}은 필수 양식 필드를 나타냅니다.
- {{S.I.N_es_:signer1}}은 선택적 양식 필드를 나타냅니다.
서명 텍스트 태그는 zip, ssn, 날짜, 전자 메일, 범위 확인 및 최대 길이를 포함한 통화 번호 등에 대한 다양한 확인을 제공합니다. 이들을 사용하십시오.
또한 서명 텍스트 태그는 날짜 형식, 통화 형식 등과 같은 양식 필드의 형식도 포함합니다. 이들을 사용하는 것이 좋습니다.
모든 확인란은 연관된 레이블을 가져야 합니다. 예를 들면 다음과 같습니다.

종이/PDF 양식에 확인란처럼 보이지만 이 양식에서 예/아니요 질문이나 Visa/MasterCard/AMEX 질문과 같이 함께 사용할 수 없는 값을 포함한 양식 필드가 있는 경우, 모든 양식 필드를 한 그룹에 결합하고 개별 확인란 대신 라디오 버튼 또는 드롭다운 유형의 양식 필드로 만들고 레이블/헤더를 포함하십시오.

{{#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>

또한 서명 텍스트 태그는 페이지에 렌더링된 서명 텍스트 태그의 크기를 기반으로 렌더링된 페이지의 양식 필드 크기를 정의합니다. 서명 텍스트 태그 지정은 양식 필드 크기를 축약하는 방법을 제공합니다. https://helpx.adobe.com/kr/sign/using/text-tag.html에서 "텍스트 태그 줄이기" 및 "긴 텍스트 태그"를 검색하십시오. 일반적인 기법은 HTML 본문에서 정말로 긴 텍스트 태그와 참조 태그 사용을 위한 정의 태그를 포함하는 섹션을 HTML 문서 끝에 정의하는 것입니다. 다음은 일부 샘플 정의 태그입니다.

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

쉽고 빠르게 지원 받기

신규 사용자이신가요?

모바일 웹 서명 경험을 위한 Liquid Mode

소개

Liquid Mode 규격 계약 활성화/보내기

지원되는 HTML 태그

양식 필드 사양

양식 필드 레이블

필드 그룹 레이블 지정

이미지 지원

지원되지 않는 Acrobat Sign 워크플로우

Liquid Mode 오류 알림

샘플 HTML 문서: 신용 보고서 요청

알려진 문제 및 FAQ

쉽고 빠르게 지원 받기

이 페이지 공유

커뮤니티에 질문하기

문의