워드프레스에서 온라인으로 서명을 받는 방법 - WPForms

0

이전 글에서 워드프레스 홈페이지에서 사용자들이 주문 요청서나 견적 요청서 또는 서비스 문의 양식을 작성하다가 포기하더라도 중도에 포기한 문의를 저장하는 기능을 제공하는 WPForms 애드온을 소개한 적이 있습니다.

워드프레스 컨택트 폼 플러그인 WPForms에서 최근 문의 폼에서 사용자들의 서명을 받을 수 있는 Signature Addon을 추가했습니다. 이 추가 기능을 사용하면 다음 그림과 같이 컨택트 폼을 작성하는 사용자가 서명을 기입할 수 있는 필드가 추가됩니다.

워드프레스 디지털 서명
디지털 서명 필드. 출처: WPForms

용역 계약이나 유지보수 계약 등을 온라인을 통해 체결하는 시스템을 구현하는 경우에 유용하게 이용할 수 있을 것 같습니다.

WPForms의 Signature Addon을 사용하여 온라인 계약서에서 디지털 서명 받기

먼저 워드프레스 알림판 > WPForms > Addons로 이동하여 Signature Addon을 활성화하도록 합니다.

워드프레스 컨택트 폼 WPForms Signature Addon 서명 애드온

이 애드온을 사용하면 계약서나 기타 약정서에 사용자들이 마우스나 터치 스크린을 사용하여 쉽게 서명을 할 수 있다고 소개하고 있네요.

이제 디지털 서명 양식을 추가할 컨택트 폼을 하나 만들도록 합니다. WPForms > Add New를 선택하면 템플릿을 선택할 수 있는 화면이 표시됩니다.

WPForms 문의 폼 템플릿

미리 만들어진 템플릿(예: Simple Contact Form, Request A Quote Form...) 중에서 하나를 선택하거나 Blank Form(빈 양식)을 클릭하여 양식을 처음부터 만들 수 있습니다.

양식에 서명 필드를 넣으려면 Fields > Fancy Fields 아래의 Signature 필드를 마우스로 선택하여 끌어다가 원하는 곳으로 이동시키면 됩니다.

워드프레스 WPForms 컨택트 폼 플러그인 서명 필드

옵션에서 Label 등을 지정하고 Required(필수) 체크란을 선택하여 필수 필드로 만들 수 있습니다.

WPForms 워드프레스 문의양식 플러그인

양식 작성이 완료되었으면 상단의 Embed를 클릭하여 쇼트코드를 확인할 수 있습니다.

WPForms 숏코드

쇼트코드를 복사하여 글이나 페이지 내의 원하는 곳에 붙여넣기 하면 양식이 표시됩니다.

사용자가 양식을 작성하고 서명한 후에 양식을 제출하면 Notifications에서 지정한 이메일로 문의가 전송됩니다. 이메일에도 사용자 서명이 포함되어 있는 것을 확인할 수 있습니다.

참고로 이용약관이나 개인정보 보호정책 동의 필드를 추가하려는 경우 HTML 필드와 Checkboxes 필드를 사용하여 컨택트 폼에 추가할 수 있습니다. HTML 필드를 사용하여 이용약관이나 개인정보 보호정책 내용을 표시하고, 체크박스 필드를 사용하여 동의란을 체크해야 양식이 제출 가능하도록 설정할 설정할 수 있습니다.

개인정보 보호정책 동의 필드

마치며

이상으로 WPForms의 Signature Addon을 사용하여 디지털 서명을 받는 방법을 살펴보았습니다. WPForms는 무료 버전과 프리미엄 버전이 있으며, 무료 버전은 현재 200만 개 이상 사이트에 설치되어 사용되고 있습니다. 이 플러그인은 필드를 끌어다가 놓는 방식으로 양식을 만들 수 있기 때문에 Contact Form 7보다 사용하기 편리합니다.

참고:

댓글 남기기

댓글을 입력해주세요!
이름을 입력해주세요