무료 컨택트 폼 플러그인 WPForms Lite와 Contact Form 7 비교

2

워드프레스에서 방문자로부터 문의를 받기 위해 사용할 수 있는 다양한 무료 및 유료 컨택트 폼 플러그인이 있습니다. 이 글에서 인기 무료 컨택트 폼 플러그인인 Contact Form 7과 WPForms Lite를 살펴보겠습니다.

Contact Form 7은 2007년에 워드프레스 플러그인 저장소에 등록된 오래된 플러그인으로 현재 500만 개 이상 워드프레스 사이트에 설치되어 활성화되어 있습니다. 이 플러그인은 아바다 등 일부 테마에서 컨택트 페이지에 사용되고 있습니다.

WPForms Lite는 비교적 최근에 워드프레스 플러그인 저장소에 등록되었지만 현재 200만 개 이상 사이트에 설치되어 사용되고 있습니다.

WPForms Lite vs. WPForms Pro

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

WPForms Lite는 WPForms Pro의 라이트(Lite) 버전입니다. WPForms Lite가 단기간에 인기를 얻은 이유 중 하나는 무료 버전이지만 드래그 앤 드롭 방식으로 컨택트 폼을 만들 수 있다는 점 같습니다. 조금 다루어보니 코딩 지식이 없어도 쉽게 문의 폼 제작이 가능했습니다.

그리고 WPForms에는 사전 제작된 템플릿이 제공됩니다. Lite 버전에서는 Simple Contact Form, Newsletter Signup Form, Suggestion Form 등의 템플릿을 이용할 수 있습니다.

워드프레스 컨택트 폼
WPForms Lite 버전에서 제공되는 템플릿

유료 버전에서는 Request A Quote Form, Donation Form, Billing/Order Form 등 더 많은 템플릿이 제공됩니다.

워드프레스 컨택트 폼 WPForms 플러그인
WPForms Pro 버전에서 제공되는 템플릿

WPForms Pro에서는 조건부 로직, 멀티 페이지 양식, 스팸 보호 기능, 파일 업로드 필드, 날짜/시간 등 고급 필드 유형, 여러 수신자에 대한 알림 설정("워드프레스 WPForms에서 여러 명의 수신자에게 알림 이메일 보내기" 참고) 등의 기능을 추가로 제공합니다.

WPForms 컨택트 폼
WPForms Pro에서는 추가 필드가 제공된다.

그리고 특정 라이센스에서만 제공되는 기능이 있습니다.

Contact Form 7 vs. WPForms Lite

Contact Form 7은 단순한 문의 폼을 만들 때 사용할 수 있는 워드프레스용 플러그인입니다. 드래그 앤 드롭 방식을 지원하지 않지만 HTML과 CSS를 알면 비교적 수월하게 원하는 레이아웃의 문의 양식을 만들 수 있습니다.

Contact Form 7의 새로운 폼 만들기 화면

필드를 추가하는 방식이 직관적이지 않고 미리 보기를 할 수 없어 초보자에게는 조금 어렵게 느껴질 수 있습니다.

이에 반해 WPForms Lite에서는 필드를 끌어다가 놓는 방식으로 양식을 만들 수 있어 사용 편의성 측면에서는 Contact Form 7보다 나은 편입니다.

WPForms Lite 드래그 앤 드롭 방식

예를 들어, 다중 선택 필드를 추가하려면 왼쪽에서 Multiple Choice 필드를 끌어다가 원하는 위치에 놓으면 됩니다. 그리고 추가한 필드를 클릭하면 값을 쉽게 구성할 수 있습니다.

WPForms Lite에서 필드 값 설정하기

위의 그림과 같이 왼쪽에서 해당 필드의 옵션 값을 쉽게 구성할 수 있고, Advanced Options를 클릭하면 컬럼 개수, CSS 클래스 등을 지정할 수 있는 추가 옵션이 제공됩니다.

WPForms Lite - 고급 옵션

CSS 클래스에 클래스를 지정하면 CSS를 통해 레이아웃을 더욱 정교하게 제어할 수 있을 것입니다.

Contact Form 7과 WPForms Lite 모두 쇼트코드를 사용하여 페이지나 원하는 곳에 컨택트 폼을 추가할 수 있습니다.

Contact Form 7 쇼트코드
Contact Form 7으로 만든 문의 폼의 단축코드(쇼트코드)를 복사하여 페이지나 적절한 곳에 붙여넣으면 문의 폼이 삽입된다.

WPForms는 고전 편집기와 블록 에디터(구텐베르크)에서 쉽게 쇼트코드를 넣을 수 있는 인터페이스를 제공합니다.

WPForms 위젯

위의 그림과 같이 블록 에디터에서 WPForms 위젯을 선택하여 WPForms로 만든 문의 폼을 페이지에 추가할 수 있습니다. WPForms 위젯을 클릭하면 삽입할 문의 폼을 선택할 수 있습니다.

WPForms 컨택트 폼 선택

※ Contact Form 7은 한글화가 되어 있습니다. WPForms의 경우 Loco Translate를 사용하여 UI를 번역할 수 있습니다. Contact Form 7의 한글 번역을 수정하려는 경우에도 Loco Translate를 사용할 수 있습니다.

마치며

이상으로 워드프레스에서 인기 있는 컨택트 폼 플러그인인 Contact Form 7과 WPForms Lite에 대해 살펴보았습니다.

WPForms는 드래그 앤 드롭 방식으로 쉽게 문의 폼을 만들 수 있는 것이 가장 큰 특징 같습니다. 코딩 지식이 없어도 수월하게 문의 폼을 만들 수 있습니다. 심플한 문의 양식을 만들거나 HTML과 CSS로 직접 디자인하고 싶은 경우 Contact Form 7을 사용할 수 있습니다.

참고:

2 개 댓글

댓글 남기기

Please enter your comment!
Please enter your name here