워드프레스 강좌 | Contact Form 7 - 폼메일 만드는 플러그인

Contact Form 7

  • Contact Form 7은 폼메일 플러그인입니다.
  • 정보를 입력할 수 있는 폼을 쉽게 만들 수 있습니다.
  • 스팸 방지 도구인 reCAPTCHA를 사용할 수 있습니다.
  • 스타일을 구하기 쉽고, 많은 테마에서 Contact Form 7을 지원합니다.

설치

[플러그인 - 플러그인 추가하기]에서 Contact Form 7로 검색하여 설치하고 활성화합니다.

폼메일 페이지 만들기

Contact Form 7을 설치하면 기본적으로 하나의 폼이 생성됩니다. 쇼트코드를 복사합니다.

페이지를 만들고, 쇼트코드를 붙여넣고, 공개합니다.

페이지로 가면 다음과 같이 메일을 보낼 수 있는 폼이 나옵니다.

내용을 입력하고 [Send] 버튼을 클릭하면, 워드프레스 관리자의 이메일로 발송됩니다.

만약 'There was an error trying to send your message. Please try again later.'라는 에러가 나면 서버에서 메일 발송을 허용하지 않는 경우가 대부분입니다. 이 문제는 구글 SMTP를 이용하는 방법으로 해결할 수 있습니다.

폼메일 양식 만들기

새로운 폼을 만들고 싶다면 [Contact - Add New]를 클릭합니다. 이름, 이메일, 제목, 내용을 포함한 폼이 생성됩니다.

폼은 직접 코드를 입력해서 추가할 수도 있고, 버튼을 이용해서 추가할 수도 있습니다.

예를 들어 라디오 버튼을 만들고 싶다면 [radio buttons]를 클릭합니다.

필요한 값을 입력하면 아래에 코드가 만들어집니다. 코드를 복사하거나 [Insert tag]를 클릭하여 추가합니다.

폼을추가했다고 해서 메일로 받을 수 있는 것은 아닙니다. 추가한 폼의 값을 메일로 받을 수 있도록 설정을 해야합니다.

[Mail]을 클릭합니다.

Message Body에 추가한 폼의 Name인 radio-178을 입력하고 대괄호로 감쌉니다.

폼을 저장하면 쇼트코드가 만들어집니다.

그 쇼트코드로 페이지를 만들면 라디오 버튼이 생성된 것을 확인할 수 있습니다.

Male를 선택하고 메일을 보내면 메일 내용에 Male이 있습니다.

자주 사용하는 코드

로그인 사용자 정보로 기본값 만들기

로그인 사용자의 정보를 기본값으로 출력할 수 있습니다. 예를 들어

[text* your-name default:user_nickname]

는 닉네임을 기본값으로 출력합니다.

default:user_first_name, default:user_last_name, default:user_nickname, default:user_display_name 등을 사용할 수 있습니다.

수정 불가능하게 하기

readonly를 추가하면 볼 수만 있고 수정할 수 없습니다.

[text* your-name readonly default:user_nickname]

placeholder 넣기

[text your-subject placeholder "Input Subject"]

참고

  • Flamingo 플러그인으로 메일을 DB에 저장할 수 있습니다.

Created on 2017-09-02 11:14 | Updated on 2017-09-02 11:14

Book navigation