워드프레스 폼메일 플러그인 컨텍트 폼7 사용방법

워드프레스 문의하기 만들려면? 

플러그인 컨텍트 폼 7을 소개합니다. 웹사이트를 만들면 컨텍트를 빼놓을 수 없죠. 문의하기, 연락하기 등과 같이 사용자에게 정보를 받고 싶을때 가장 유용하게 사용될 것 같습니다!
컨택트 폼 7은 무료 플러그인이고, 사용자가 많고 업데이트도 수시로 되기 때문에 신뢰도가 높습니다.

 

 

설치방법

컨택트폼7은 워드프레스 플러그인에서 받을 수도 있고, 아래 두 개에 사이트에서도 받을 수 있습니다. 또한 대다수 테마들에 포함되어있어 테마를 깔면 플러그인을 설치할 수 있도록 되어있습니다. 

https://contactform7.com/download/

Download

https://wordpress.org/plugins/contact-form-7/

Contact Form 7

사용방법

 

 

01. 연락처 > 새로추가 를 눌러 새로운 폼을 만들어주세요.

02. 받은 싶은 정보로 내용을 수정합니다. 

 

 

받기 원하는 정보의 폼을 클릭합니다. 

 

 

 

텍스트를 누르면 [text text-498]요런 코드가 만들어집니다. 

앞에 text는 폼의 형식이고 text-498는 임의의 이름입니다. 이름에서 수정 가능합니다.

그 외 

필드 유형 : 선택하면 필수 값으로 설정되고, 코드는 [text* text-498]으로 변경됩니다. 

기본값 : 기본값으로 들어가며 작성하지 않아도 됩니다. 

'이 텍스트를 필드의 위치 고정자로 사용(use this text as placeholder of the field)'체크박스를 선택하면 폼에 기본값이 작성되어 폼이 열립니다. 

id속성 : id의 값을 추가할 수 있습니다. 

클래스 속성 : class의 값을 추가할 수 있습니다. 

설정 후 태그 삽입을 눌러주면 됩니다.

 

03. 메일을 설정해줍니다.

 

 

메일은 설정은 사용자가 컨텍트 폼을 작성해 전송하면 설정해놓은 해당 메일에 내용이 전송됩니다. 

어떤 내용을 보낼 건지 어디 메일로 보낼 건지를 설정해줍니다. 

핵심은 

받은 정보를 [your-name] 형식을 적어주어야 합니다. 양식에 적었던 [폼형식 이름]을 메일에선 [이름]으로 적어주면 됩니다. 

 

 

 

04. 숏코드 입력하기

 

 

연락처 > 연락처 양식에 보면 작성했던 컨택트 폼에 단축코드가 생성되어있는 걸 볼 수 있습니다. 단축코드를 복사해서 원하는 페이지에 넣어줍니다. 

 

추가 설정들

01. text의 추가 옵션입니다. 

 

 

https://contactform7.com/text-fields/

Text fields

컨텍트 폼 사이트에서 텍스트 외에 메일, url 등 다름 폼들에 옵션도 확인할 수 있습니다. 

 

02. 메시지를 변경 가능합니다.

 

 

오류 시, 또는 폼 전송 시 안내문을 수정 가능합니다. 

 

03. 추가 설정

 

 

추가 설정 칸에 그 외 설정을 할 수 있습니다. 

subscribers_only: true

구독자(로그인 사용자)만 컨택트 폼을 작성할 수 있도록 합니다. 

demo_mode: on

이 설정은 말 그대로 데모 모드이고, 메일 전송을 건너뛰고 응답 메시지로 '완료됨'만 표시됩니다. 

 

그 외에도 홈페이지를 확인해보시면 몇 가지 설정을 할 수 있어요! 

---

컨텍트폼은 커스텀이 쉽고 원하는대로 바꿀 수 있는 자주 사용하게 되는 것같아요! 컨텍트폼 홈페이지를 잘 살펴보면 유용한 정보들 있고 그걸로 다양하게 변경해서 사용이 가능합니다.