워드프레스 폼메일 플러그인

폼메일이란?

홈페이지에 이메일이나 전화번호를 게시해서 그 연락처를 보고 연락을 할 수도 있겠지만, 홈페이지에 직접 폼(양식)을 탑재해서 간단히 메일을 보낼 수 있도록 제공하는 것이 폼메일 입니다. 이렇게 하면 방문자가 좀더 손쉽게 연락할 수 있겠지요.

폼메일 예

그림1) 테마에서 제공하는 폼메일 위젯 적용 예

폼메일 사용시의 장점

네이버나 구글 등 방문자가 자신의 메일 시스템에 로그인하지 않아도 됩니다

홈페이지 방문자가 운영자에게 연락할 때, 네이버 메일이나 G메일 같은 메일 프로그램을 이용해서 홈페이지에 게시된 이메일 주소로 연락을 한다면 불편하겠지요. 방문자가 메일 시스템에 로그인하지 않고 간단히 “전송” 버튼만 클릭해서 메일을 보낼 수 있습니다.

필요한 항목을 선택하여 받을 수 있습니다

메일을 보낼 때 이런저런 내용을 꼭 포함해 달라고 해도 방문자는 잊기 쉽상입니다. 원하는 항목을 입력하도록 폼을 제공한다면 두번 세번 연락을 하지 않아도 되겠지요.

Easy Contact Forms 예

그림2) Easy Contact Forms 예

워드프레스에서 폼메일 사용 방법

폼메일은 워드프레스가 실행되는 서버의 메일 모듈을 사용합니다. 따라서 폼메일을 제공하려면 PHP 언어로 프로그래밍해야 하는데, 운영자가 직접 개발하지 않더라도 아래와 같은 방법으로 쉽게 폼메일을 제공할 수 있습니다.

  • 테마에서 지원하는 경우가 있습니다 (그림1)
  • 폼메일 플러그인을 사용합니다 (그림2)

테마에서 제공하는 폼메일 위젯(그림1 참조)은 대부분 이름과 이메일, 본문 정도만 제공합니다. 그리고 여러 수신인을 지정하거나 폼메일 본문 스타일을 지정하기 어려운 경우가 많습니다. 폼메일 플러그인을 활용하면 Radio Button이나 Check Box 등의 다양한 기능을 사용할 수 있습니다.

워드프레스 폼메일 플러그인

Contact Form 7 (무료) [바로가기]

무료이며 가장 많이 알려져 있어서 많은 사람들이 사용하고 있습니다. 사용하기 쉬워서 간단한 폼메일이 필요한 경우에 적합합니다.

Contact Form 7 사용 예

그림3) Contact Form 7 사용 예

쉽게 글 중간에 숏코드 형태로 삽입할 수 있고, Radio Button이나 Check Box 등의 다양한 기능을 사용할 수 있습니다.

태그생성 후 HTML 형태의 폼을 수정할 수 있습니다

그림4) 태그생성 후 HTML 형태의 폼을 수정할 수 있습니다

수신인과 메일 스타일링

그림5) 수신인과 메일 스타일링

수신인과 메시지 내용의 항목 및 스타일을 지정할 수 있습니다. 메일을 보낸 사람에게 회신 메일을 보내고 싶으면 두번째 수신인을 추가해서 수신인과 메시지 내용을 구성할 수 있습니다.

성공, 실패 등의 메시지 맞춤화

그림6) 성공, 실패 등의 메시지 맞춤화

메일 전송시 성공 메시지나 오류가 발생했을 경우, 필수 항목을 입력하지 않았을 때 툴팁 형태로 보여지는 메시지를 직접 지정할 수 있습니다.

Easy Contact Forms (무료, 추천) [바로가기]

Contact Form 7 정도로도 훌륭한 폼메일을 제공할 수 있지만, 좀더 고급스런 폼을 원한다면 Easy Contact Forms 플러그인을 추천합니다. 그림2는 Easy Contact Forms 플러그인을 사용한 모습이며, 제가 주로 사용하는 플러그인이기도 합니다.

Easy Contact Forms의 장점
  • 수신인 그룹을 만들어 놓아서 수신인 관리를 쉽게 할 수 있다
  • 알림 메일 작성시 WYSIWYG 에디터를 사용할 수 있다
  • 폼의 구성요소 스타일링이 쉽다
  • 폼 조회와 입력의 통계를 제공한다
쉬운 필드 구성과 스타일링

그림7) 쉬운 필드 구성과 스타일링

Radio Button이나 Check box 등의 다양한 항목(Field)을 Drag & Drop으로 쉽게 사용할 수 있습니다. 그리고 CSS를 안다면 항목별로 스타일도 쉽게 지정할 수 있습니다.

안내, 회신 메일의 손쉬운 작성

그림8) 안내, 회신 메일의 손쉬운 작성

알림(Notification) 메일과 확인/회신(Confirmation) 메일을 WYSIWYG 에디터를 이용해서 쉽고 세련되어 보이게 작성할 수 있습니다.

Quform (유료, $25) [바로가기]

유료 폼메일 플러그인이 필요한 이유는 아마도 Conditional Logic 기능 때문일 것입니다. 플러그인을 구입하면 한 개의 워드프레스 사이트에만 적용할 수 있는 것은 아쉽지만, 가격 대비 가장 높은 품질의 플러그인 입니다.

Conditional Logic은 사용자의 선택에 따라 다른 내용을 제공하는 것을 말합니다. 그림9를 예로 들면 “페이스북 사용여부” 항목에 “사용”을 체크하는 경우에만 페이스북 계정을 입력하는 필드가 나타나는 형태이지요.

Quform의 특징
  • Drag & Drop으로 복잡한 폼을 구성할 수 있다
  • Conditional Logic을 제공한다
  • 깔끔하고 세련되게 폼을 구성할 수 있다
  • 폼 전송자 목록을 데이터베이스에 저장할 수 있다
  • 유료($25)이며, 1개의 워드프레스 사이트에만 적용할 수 있다 (인증 필요)
Quform 적용 예

그림9) Quform 적용 예

Gravity Form (유료, $39/개인) [바로가기]

해외에서 많이 사용하는 플러그인입니다. 제가 직접 사용해 보지는 않았지만, 많은 사용자들이 No.1 으로 꼽을만큼 훌륭한 플러그인이라고 합니다. 하지만 사용법이 다소 어렵고 가격이 비싼 편이어서 자신있게 추천하기는 좀 힘들군요. 유투브에 설명 동영상이 많이 있을 정도입니다.

Gravity Forms

그림10) Gravity Forms