워드프레스에서 온라인으로 서명을 받는 방법 - WPForms
이전 글에서 워드프레스 홈페이지에서 사용자들이 주문 요청서나 견적 요청서 또는 서비스 문의 양식을 작성하다가 포기하더라도 중도에 포기한 문의를 저장하는 기능을 제공하는 WPForms 애드온을 소개한 적이 있습니다.
워드프레스 컨택트 폼 플러그인 WPForms에서 최근 문의 폼에서 사용자들의 서명을 받을 수 있는 Signature Addon을 추가했습니다. 이 추가 기능을 사용하면 다음 그림과 같이 컨택트 폼을 작성하는 사용자가 서명을 기입할 수 있는 필드가 추가됩니다.
용역 계약이나 유지보수 계약 등을 온라인을 통해 체결하는 시스템을 구현하는 경우에 유용하게 이용할 수 있을 것 같습니다.
WPForms의 Signature Addon을 사용하여 온라인 계약서에서 디지털 서명 받기
먼저 워드프레스 알림판 > WPForms > Addons로 이동하여 Signature Addon을 활성화하도록 합니다.
이 애드온을 사용하면 계약서나 기타 약정서에 사용자들이 마우스나 터치 스크린을 사용하여 쉽게 서명을 할 수 있다고 소개하고 있네요.
이제 디지털 서명 양식을 추가할 컨택트 폼을 하나 만들도록 합니다. WPForms > Add New를 선택하면 템플릿을 선택할 수 있는 화면이 표시됩니다.
미리 만들어진 템플릿(예: Simple Contact Form, Request A Quote Form...) 중에서 하나를 선택하거나 Blank Form(빈 양식)을 클릭하여 양식을 처음부터 만들 수 있습니다.
양식에 서명 필드를 넣으려면 Fields > Fancy Fields 아래의 Signature 필드를 마우스로 선택하여 끌어다가 원하는 곳으로 이동시키면 됩니다.
옵션에서 Label 등을 지정하고 Required(필수) 체크란을 선택하여 필수 필드로 만들 수 있습니다.
양식 작성이 완료되었으면 상단의 Embed를 클릭하여 쇼트코드를 확인할 수 있습니다.
쇼트코드를 복사하여 글이나 페이지 내의 원하는 곳에 붙여넣기 하면 양식이 표시됩니다.
사용자가 양식을 작성하고 서명한 후에 양식을 제출하면 Notifications에서 지정한 이메일로 문의가 전송됩니다. 이메일에도 사용자 서명이 포함되어 있는 것을 확인할 수 있습니다.
참고로 이용약관이나 개인정보 보호정책 동의 필드를 추가하려는 경우 HTML 필드와 Checkboxes 필드를 사용하여 컨택트 폼에 추가할 수 있습니다. HTML 필드를 사용하여 이용약관이나 개인정보 보호정책 내용을 표시하고, 체크박스 필드를 사용하여 동의란을 체크해야 양식이 제출 가능하도록 설정할 설정할 수 있습니다.
마치며
이상으로 WPForms의 Signature Addon을 사용하여 디지털 서명을 받는 방법을 살펴보았습니다. WPForms는 무료 버전과 프리미엄 버전이 있으며, 무료 버전은 현재 200만 개 이상 사이트에 설치되어 사용되고 있습니다. 이 플러그인은 필드를 끌어다가 놓는 방식으로 양식을 만들 수 있기 때문에 Contact Form 7보다 사용하기 편리합니다.