CONTACT FORM 7 : 워드프레스 폼메일(Form mail) plugin

2016년 9월 16일

폼메일(Form mail)

웹사이트에 폼(양식)을 탑재해서 간단히 메일을 보낼 수 있도록 하는 모듈을 폼메일(Form mail)이라고 합니다. 웹사이트에서 폼메일 없이 이메일 주소만 안내한다면 방문자가 자신의 이메일 시스템에 로그인해서 메일을 작성해야 하는 번거로움이 있지만, 폼메일을 사용하면 폼에 내용을 입력하고 전송 버튼만 클릭하면 간편하게 메일을 보낼 수 있습니다. (출처 : Do it! 쉽게 만드는 워드프레스 웹사이트 )

폼메일모듈은 일반적으로 PHP 언어로 프로그래밍하는데, 워드프레스에서는 플러그인이나 테마를 이용하여 쉽게 사용할 수 있습니다.

Contact Form 7 plugin

개요

Contact Form 7

글쓴이: Takayuki Miyoshi
최근 업데이트: 2 개월 전
요구되는 워드프레스 버전: 5.5 또는 이상
호환되는 버전: 5.7.2
활성 설치: 5 백만이상
WordPress.org 플러그인 페이지 »
플러그인 홈페이지 »

Contact Form 7 플러그인은 WordPress 디렉토리에서 가장 인기있는 무료 WordPress 문의 양식 플러그인입니다. 이 플러그인은 강력하고 100 만 개 이상의 웹 사이트에서 완벽하게 실행되고 있으며 문의 양식에는 Ajax 기반 양식 제출, Google Captcha ReCaptcha 및 Akismet 스팸 필터 옵션과의 통합과 같은 멋진 통합 기능이 포함되어 있습니다.

Contact Form 7에는 WordPress 웹 사이트의 무제한 연락처 양식을 만들 수있는 단축 코드 빌더가 함께 제공됩니다. 설치 및 사용자 정의가 쉽고 세부 사항 문서 및 전문 기술 지원과 함께 제공됩니다.

플러그인 추가 및 활성화

[플러그인 추가하기]하여 설치하고 활성화해줍니다.

사용법

Add New(새로추가)

[Contact] -> [새로 추가]

Form Tab

Form(연락처 양식) Tab은 1. Form(양식), 2. Mail(메일), 3. Messages(안내문), 4. Additional Settings(추가 설정) 으로 구성됩니다.

1. Form(양식)

기본적으로 이름, 이메일, 제목, 메시지(본문)필드가 만들어져 있습니다. [드롭다운(drop-down menu)] 메뉴를 추가하면 “문의내용”을 선택할 수 있습니다.

[Option] 에 드롭다운(drop-down menu)에 추가할 문의내용의 종류들을 입력하신후 [Insert Tag]해 줍니다.

((주의))

1. [드롭다운(drop-down menu)], [확인상자(checkboxes)] 와 [라디오 버튼(radio buttons)]에는 <label></label> 태그를 사용하는 대신, <p>문의내용<br/>을 입력하고, 뒷부분에는 </p>와 같이 넣어줍니다.

[드롭다운(drop-down menu)], [확인상자(checkboxes)] 와 [라디오 버튼(radio buttons)]에 <label> 태그를 사용하면

“다중 양식 제어는 단일 라벨 요소로 되어있습니다.“라는 에러나 발생됩니다.

contact form 7_다중 양식 제어는 단일 라벨 요소로 되어있습니다_에러

[checkboxes] 와 [radio buttons] 메뉴도 [드롭다운(drop-down menu)] 메뉴와 비슷한 기능을 제공하는데 [드롭다운(drop-down menu)] 보다 더 깔끔합니다. 아래의 이미지는 라디오버튼을 실현한 내용입니다.

Put a label first, a checkbox last : check하시면 라디오버튼이 앞에 생깁니다.
Wrap each item with label element : 이것은 차이를 모르겠습니다.

2.이메일부분 태그 설정부분

“<label> 이메일 (필수) [email* your-email] </label>”

은 필수는 아니어도 꼭 입력해 주세요.

이메일부분 태그가 없으면 [메일]설정에서 Reply-To 필드에서 유효하지 않은 메일함 구문이 사용되었습니다 라는 에러가 발생합니다.

contact form 7_Reply-To 필드에서 유효하지 않은 메일함 구문이 사용되었습니다_에러

2. Mail (메일)

[메일]탭은 잠재고객 등이 폼메일 전송시(ex:견적 요청, 상담 요청, 문의 요청시) 관리자가 받게 될 메일의 내용을 구성하고 설정하는 곳입니다.

TO(받는 사람) 난에 [your-name]는 폼에서 입력받은 이름을 변수 값으로 사용하는 것입니다. 받은 문의 사항에 답할 사람 또는 사이트 관리자의 이메일 주소를 <[email protected]> 직접 넣어도 됩니다.

이름을 입력하고 <>안에 이메일 주소를 넣어주셔도 됩니다.

존 스미스 <[email protected]>

다음은 잘못된 사서함의 예입니다(이메일 주소가 <> 로 둘러싸여 있지 않기 때문입니다.). 이 경우 관리자에게 메일이 발송되지 않습니다.

존 스미스 [email protected]

사서함이 여러 개인 경우 쉼표(” ,“)를 구분 기호로 사용합니다.

존 스미스 <[email protected]>, 존 스미스 주니어 <[email protected]> 또는 [email protected], [email protected]

TO(받는 사람) 란의 메일 계정을 제대로 작성했는데, 메일이 안 들어오는 경우, 스팸메일함을 꼭 확인해보세요. 회사메일을 따로 사용하지 않고 naver메일을 사용하는 경우, 스팸 메일함으로 메일이 들어갑니다. 이 경우, Contact Form 메일을 클릭하고 [스팸 해제]해주시면 다음 메일부터는 받은 메일함으로 잘 들어갑니다.