[워드프레스] 문의 양식 플러그인 Contact Form 7

Last Updated: 2016년 01월 09일 1개 댓글

워드프레스에서는 다양한 문의 양식 플러그인을 사용할 수 있습니다. Contact Form 7은 간단하게 사용할 수 있는 문의 폼 플러그인입니다.

Contact Form 7이 설치되어 있지 않다면 플러그인 추가하기에서 검색하여 설치하도록 합니다.

대시보드에서 "Contact" -> "새로 추가"를 클릭하여 새로운 폼을 만들 수 있습니다.
Add New Contact Form 7

그러면 다음과 같이 기본적인 화면이 나옵니다.
Contact Form Basic Screen
여기에 다양한 필드를 추가할 수 있습니다.
Contact Form 7 Fields
테스트로 "약관 동의" 필드를 추가하려면, 위의 그림에서 "acceptance"를 누르도록 합니다. class나 id를 적절히 지정하고 "Insert Tag"를 누르면 다음과 같이 코드가 추가됩니다.
Add acceptance
폼이 되대로 표시되도록 html 태그와 내용을 입력하면 "약관 동의" 필드가 추가됩니다. 예를 들어 다음과 같이 코드를 수정할 수 있습니다(아래의 코드를 사용할 경우 "이용약관"을 클릭하면 약관 내용이 팝업으로 표시됩니다):
Contact Form 7 Terms and Conditions field

그리고 적절히 CSS를 통해 레이아웃을 조정하면 최종적으로 다음과 비슷한 문의 양식을 얻을 수 있습니다.
Contact Form 7 Formatted

양식을 제대로 받으려면 "메일" 탭에서 이메일 정보를 정확하게 지정해야 합니다. 보통은 관리자 이메일이 자동으로 입력되어 있습니다.
Contact 7 Form Mail settings

이상으로 간단히 워드프레스에서 간편하게 사용할 수 있는 문의 폼 플러그인인 Contact Form 7에 대해 살펴보았습니다.

참고:


1 개 댓글

Leave a Comment

  1. 감사합니다^^

     

    아직 봐도 뭐가 뭔지 어떻게 사용해서 어떻게 만들어야 할지 모르겠는데

     

    많은 답변 부탁드리겠습니다~~

    응답