How to Create a Contact Form in WordPress

1. 워드프레스 Contact Form 추가 개요

워드프레스 웹사이트에 연락처 양식을 추가하는 것은 방문자와 소통하고 문의 사항, 피드백 또는 기타 정보를 수집하는 데 필수적입니다. 연락처 양식을 통해 방문자는 웹사이트 소유자에게 직접 연락할 수 있으며, 이는 고객 서비스, 잠재 고객 확보 및 전반적인 사용자 경험 향상에 도움이 됩니다. 오늘 우리는 워드프레스 웹사이트에 연락처 양식을 추가하는 방법을 알아볼 것입니다. 이 과정은 세 단계로 진행되며, 플러그인 설치, 양식 생성 및 웹사이트에 추가하는 단계를 포함합니다. 이러한 단계를 따르면 방문자가 필요할 때 연락할 수 있는 전문적이고 사용자 친화적인 연락처 양식을 쉽게 만들 수 있습니다. 연락처 양식은 단순히 문의를 받는 도구를 넘어, 웹사이트의 신뢰도를 높이고 방문자와의 관계를 구축하는 데 중요한 역할을 합니다. 효과적인 연락처 양식은 명확하고 간결하며, 사용자에게 필요한 정보를 쉽게 제공할 수 있도록 설계되어야 합니다. 이제 워드프레스에 연락처 양식을 추가하는 과정을 자세히 살펴보겠습니다.
https://www.wpexplorer.com/wordpress-contact-form-plugins/

2. Ninja Forms 플러그인 설치

연락처 양식을 만들기 위한 첫 번째 단계는 워드프레스 플러그인을 설치하는 것입니다. 여기서는 ‘Ninja Forms’라는 플러그인을 사용할 것입니다. 워드프레스 관리자 페이지(Dashboard)에 접속하여 ‘플러그인(Plugins)’ 메뉴에서 ‘새로 추가(Add New)’를 클릭합니다. 검색창에 ‘Ninja Forms’를 입력하면 해당 플러그인이 나타납니다. ‘설치(Install)’ 버튼을 클릭한 후 ‘활성화(Activate)’ 버튼을 클릭하여 플러그인을 활성화합니다. Ninja Forms 플러그인은 사용자 친화적인 인터페이스와 다양한 기능을 제공하여 워드프레스 초보자도 쉽게 연락처 양식을 만들 수 있도록 도와줍니다. 플러그인이 활성화되면 관리자 메뉴에 ‘Ninja Forms’라는 새로운 항목이 생성됩니다. 이 항목을 통해 양식을 생성, 수정 및 관리할 수 있습니다. Ninja Forms 플러그인은 기본적인 연락처 양식 외에도 다양한 필드 옵션과 사용자 정의 기능을 제공하므로, 필요에 따라 양식을 자유롭게 구성할 수 있습니다. 플러그인 설치 및 활성화가 완료되면 다음 단계인 양식 생성으로 넘어갈 수 있습니다.
https://ninjaforms.com/

3. Ninja Forms를 사용한 Contact Form 생성 및 웹사이트 추가

Ninja Forms 플러그인을 설치하고 활성화했다면, 이제 연락처 양식을 생성할 차례입니다. 워드프레스 관리자 메뉴에서 ‘Ninja Forms’를 클릭하면 플러그인 관리 페이지로 이동합니다. 기존에 생성된 양식이 있다면 이곳에서 확인할 수 있지만, 처음 사용하는 경우 기본 양식이 표시될 수 있습니다. 기본 양식을 삭제하고 ‘새로 추가(Add New)’ 버튼을 클릭하여 새로운 양식을 생성합니다. Ninja Forms는 다양한 템플릿을 제공하지만, 여기서는 ‘Contact Us’ 템플릿을 선택하여 기본적인 연락처 양식을 만들어 보겠습니다. ‘Contact Us’ 템플릿을 선택하면 이름, 이메일, 메시지 필드가 자동으로 추가된 양식이 생성됩니다. 필요에 따라 필드를 추가하거나 수정할 수 있습니다. 예를 들어, 전화번호 필드를 추가하거나 메시지 필드의 크기를 조정할 수 있습니다. 양식 편집이 완료되면 ‘Publish’ 버튼을 클릭하여 양식을 저장합니다.

이제 생성된 연락처 양식을 웹사이트에 추가할 차례입니다. 워드프레스 관리자 메뉴에서 ‘페이지(Pages)’로 이동하여 ‘새 페이지 추가(Add New)’를 클릭합니다. 페이지 제목을 ‘Contact Us’로 지정하고, 페이지 내용에 연락처 양식을 추가하기 위해 ‘Add Form’ 버튼을 클릭합니다. 드롭다운 메뉴에서 방금 생성한 연락처 양식을 선택하고 ‘Insert’ 버튼을 클릭하면 페이지에 양식이 삽입됩니다. 페이지를 ‘Publish’하고 ‘View Page’를 클릭하여 웹사이트에서 연락처 양식이 제대로 표시되는지 확인합니다. 이렇게 간단한 단계를 통해 워드프레스 웹사이트에 연락처 양식을 추가할 수 있습니다.

4. Elementor 페이지 빌더에서 Contact Form 추가

워드프레스에서 널리 사용되는 페이지 빌더인 Elementor를 사용하여 만든 페이지에 연락처 양식을 추가하는 방법은 약간 다릅니다. Elementor로 만든 페이지에 Ninja Forms 연락처 양식을 추가하려면 다음 단계를 따르세요. 먼저, 연락처 양식을 추가하려는 페이지로 이동하여 ‘Edit with Elementor’를 클릭합니다. Elementor 편집 화면에서 왼쪽 패널의 검색창에 ‘Ninja Forms’를 입력하면 해당 위젯이 나타납니다. Ninja Forms 위젯을 페이지의 원하는 위치로 드래그 앤 드롭합니다. 위젯 설정에서 추가할 연락처 양식을 선택하고 ‘Apply’ 버튼을 클릭합니다. 필요에 따라 양식의 크기나 스타일을 조정할 수 있습니다. 모든 설정이 완료되면 ‘Update’ 버튼을 클릭하여 페이지를 저장합니다. 이제 Elementor로 만든 페이지에 연락처 양식이 성공적으로 추가되었습니다. Elementor는 드래그 앤 드롭 인터페이스를 제공하여 사용자가 쉽게 웹페이지를 디자인할 수 있도록 도와주며, Ninja Forms 위젯을 통해 연락처 양식을 간편하게 추가할 수 있습니다.
https://elementor.com/

5. Contact Form 작동 테스트 및 이메일 설정 변경

연락처 양식을 웹사이트에 추가한 후에는 제대로 작동하는지 테스트하는 것이 중요합니다. 웹사이트의 연락처 페이지로 이동하여 이름, 이메일 주소, 메시지를 입력하고 ‘Submit’ 버튼을 클릭합니다. 양식이 성공적으로 제출되면 ‘Form submitted successfully’와 같은 메시지가 표시됩니다. 이제 워드프레스 관리자 이메일 계정으로 이동하여 연락처 양식을 통해 제출된 메시지가 제대로 수신되었는지 확인합니다. 이메일이 수신되지 않았다면 스팸 폴더를 확인하거나 워드프레스 설정에서 이메일 주소가 올바르게 설정되었는지 확인합니다. 워드프레스 관리자 이메일 주소를 변경하려면 워드프레스 관리자 메뉴에서 ‘설정(Settings)’으로 이동하여 ‘일반(General)’을 클릭합니다. ‘이메일 주소(Email Address)’ 필드에서 새로운 이메일 주소를 입력하고 ‘변경 사항 저장(Save Changes)’ 버튼을 클릭합니다. 이제 연락처 양식을 통해 제출된 메시지는 새로운 이메일 주소로 전송됩니다. 연락처 양식 테스트 및 이메일 설정 변경을 통해 사용자가 웹사이트를 통해 문의한 내용이 누락되지 않도록 관리할 수 있습니다.

6. Ninja Forms로 사용자 정의 Contact Form 만들기

Ninja Forms 플러그인을 사용하면 기본 연락처 양식 외에도 사용자 정의된 양식을 만들 수 있습니다. 사용자 정의 양식을 만들려면 워드프레스 관리자 메뉴에서 ‘Ninja Forms’로 이동하여 ‘새로 추가(Add New)’를 클릭합니다. ‘Blank Form’ 템플릿을 선택하여 빈 양식을 생성합니다. 이제 다양한 필드 옵션을 드래그 앤 드롭하여 양식을 구성할 수 있습니다. 텍스트 필드, 이메일 필드, 숫자 필드, 라디오 버튼, 체크박스, 드롭다운 메뉴 등 다양한 필드 옵션을 사용할 수 있습니다. 각 필드의 레이블, 필수 여부, 유효성 검사 규칙 등을 설정할 수 있습니다. 예를 들어, 파일 업로드 필드를 추가하여 사용자가 파일을 첨부할 수 있도록 하거나, 주소 필드를 추가하여 사용자의 주소를 수집할 수 있습니다. 모든 필드를 추가하고 설정한 후에는 ‘Done’ 버튼을 클릭하고 ‘Publish’ 버튼을 클릭하여 양식을 저장합니다. 생성된 사용자 정의 양식을 웹사이트에 추가하는 방법은 앞서 설명한 것과 동일합니다. 사용자 정의 양식을 통해 웹사이트 방문자로부터 필요한 정보를 효과적으로 수집할 수 있습니다.
https://www.gravityforms.com/