[워드프레스] 컨택트 폼에서 글 제목/사용자 이름 등의 정보를 미리 채우는 방법

들어가며

예를 들어, 문의 폼(컨택트 폼)을 하나 만들어 각 글마다 추가하여 방문자/고객으로부터 문의를 받는 경우가 있습니다. 이 경우 각 글/페이지마다 새로운 폼을 만들어 추가하는 것은 매우 비효율적이고, 많은 글/페이지가 있는 경우에는 불가능하기까지 할 것입니다.

이런 경우에 해당 글의 제목을 양식 제출과 동시에 함께 전달되면 매우 편리할 것입니다.

또 다른 시나리오로서 로그인 사용자의 경우 굳이 이름을 입력할 필요가 없을 것입니다. 이런 경우 회원의 이름과 이메일 주소를 양식의 필드에 미리 채워지도록 하여 사용자들의 편의를 도모할 수 있을 것입니다.

Quform에서 포스트 제목 등의 정보를 전달하는 방법

Quform에서는 별다른 커스터마이징이나 플러그인을 사용할 필요가 없이 자체 기능으로 가능합니다. 글 제목이나 글 URL을 전달하고자 하는 경우 다음과 같이 할 수 있습니다.

1) Hidden 필드를 하나 추가합니다.

Quform-Hidden-field2) Settings(설정)를 클릭합니다.

Settings---Quform

3) Default value(기본 값)에서 Insert variable...을 클릭합니다.

Insert-variable---Quform

그러면 위와 같이 특정 정보를 기본값으로 지정할 수 있습니다. 여기에서 지정 가능한 정보는 다음과 같습니다.

  • 사용자 IP 주소
  • 사용자 에이전트
  • 양식 글/페이지 ID
  • 양식 글/페이지 제목
  • 양식 URL
  • 사용자 표시 이름
  • 사용자 이메일
  • 사용자 로그인
  • 참조 URL(리퍼링 URL)
  • 날짜
  • 시간

원하는 항목(예: 양식 글/페이지 제목)을 선택하여 저장하도록 합니다.

그러면 사용자가 양식을 제출하면 포스트/페이지 제목이 숨김 필드로 전달되어 사용자가 어느 글에서 양식을 제출했는지 쉽게 확인이 가능합니다. 예를 들어, 상품을 소개하는 글에 양식을 추가하여 문의를 받는 경우 이 방법을 사용하면 방문자가 어떤 상품에 대해 문의를 하는지 쉽게 알 수 있습니다.

원하는 경우 Custom Field(커스텀 필드)도 추가할 수 있습니다. 이 방법은 다소 복잡하기 때문에 다음 기회에 설명해보도록 하겠습니다.

사용자 이름/사용자 이메일을 미리 채우는 방법도 동일합니다. 일반 텍스트 필드를 추가한 후에 Default value에서 원하는 변수(Variable)를 선택하면 됩니다.

Contact Form 7에서 포스트 제목 등의 정보를 전달하는 방법

참고로 Contact Form 7에서는 다음과 같은 숏코드 제공한다고 합니다. 다음 숏코드를 가지고 값을 전달하면 될 것 같습니다.

  • [_remote_ip]  - 발신자의 클라이언트 IP 주소
  • [_url] - 컨택트 폼의 URL로 대체
  • [_date] - 제출 날짜
  • [_time] - 제출 시간
  • [_post_id] - 컨택트 폼이 포함되는 포스트의 ID
  • [_post_name] - 포스트의 슬러그
  • [_post_title] - 포스트의 타이틀(제목)
  • [_post_url] - 포스트의 URL(고유주소)
  • [_post_author] - 포스트 Author 이름
  • [_post_author_email] - 포스트 Author의 이메일

Contact Form 7 문의 양식에서는 위와 같은 숏코드를 적절히 응용하여 폼 제출 시 전달되도록 폼을 만들면 됩니다. 참고로 위젯, 템플릿, 워드프레스 테마 소스 파일 내에서는 위 숏코드가 작동하지 않습니다.

2018년 3월 추가

Quform은 최근 크게 업데이트되면서 기능과 성능이 많이 개선되었습니다. 특히 멀티스텝으로 양식을 제출할 수 있는 기능이 추가되었습니다.

그리고 UI도 상당히 변경되었습니다. 시간이 될 때 새로운 UI에 맞게 글을 수정해보도록 하겠습니다.

참고:


댓글 남기기

* 이메일 주소는 공개되지 않습니다.