WordPress에서 연락처 양식을 만드는 방법(최고의 플러그인 포함)

게시 됨: 2019-05-29

모든 사이트에는 문의 양식이 필요합니다. 그렇기 때문에 문의 양식 WordPress 플러그인을 사용하여 고유한 양식을 만드는 방법에 대한 게시물을 읽고 있는 것 같습니다.

그 사실 때문에 WordPress에 연락처 양식을 추가하는 데 사용할 수 있는 훌륭한 옵션이 많이 있습니다. 그리고 이번 포스트에서는 무료 로 사용하는 방법을 단계별로 알려드리겠습니다. 네, 지갑을 열지 않고도 멋진 맞춤형 연락처 양식을 만드는 방법을 정확히 배우게 될 것입니다.

튜토리얼이 끝나면 다른 최고의 연락처 양식 플러그인과 튜토리얼의 플러그인보다 이러한 옵션 중 하나를 선택하려는 이유를 공유하겠습니다.

WordPress에서 문의 양식을 만드는 가장 쉬운 방법

WordPress에 문의 양식을 추가하려면 문의 양식 WordPress 플러그인이 필요합니다.

이제 확고한 옵션이 많이 있으며 다음에 설명하겠습니다. 그러나 기본 연락처 양식만 원하는 경우 사용하는 가장 간단한 옵션은 HappyForms라는 무료 플러그인입니다.

다음은 몇 단계만 거치면 WordPress에서 연락처 양식을 만드는 방법입니다...

1. HappyForms Contact Form WordPress 플러그인 설치 및 활성화

HappyForms 플러그인은 무료이며 WordPress.org에서 사용할 수 있습니다. 즉, 플러그인 → 새로 추가 로 이동하고 "HappyForms"를 검색하여 설치할 수 있습니다.

문의 양식 워드 프레스 1

2. 새 양식 만들기

HappyForms 플러그인을 설치하고 활성화하면 WordPress 대시보드에서 HappyForms → Add New 로 이동합니다.

문의 양식 워드 프레스 2

그러면 WordPress Customizer( 실시간 미리보기에서 테마를 사용자 정의하는 인터페이스) 와 매우 유사한 새 인터페이스가 시작됩니다.

WordPress Customizer와 마찬가지로 연락처 양식을 작성할 때 실시간 미리보기를 볼 수 있습니다.

그러나 먼저 기억할 수 있도록 양식에 이름을 지정하십시오.

문의 양식 워드 프레스 3

3. 양식 필드 추가

그런 다음 양식 필드 목록을 사용하여 양식에 포함할 필드를 선택합니다. 기본 문의 양식의 경우 다음 옵션이 필요할 것입니다.

  • 짧은 텍스트 – 사람의 이름입니다.
  • 이메일 – 그 사람의 이메일 주소입니다.
  • 긴 텍스트 – 그 사람의 메시지.

양식 필드를 추가하려면 클릭하기만 하면 됩니다. 그것을 클릭하면 사이드바에서 설정을 구성할 수 있습니다. 필드 설정을 변경하면 실시간 미리보기에서 변경되는 것을 볼 수 있습니다.

문의 양식 워드 프레스 4

모든 양식 필드를 추가하면 연락처 양식의 전체 미리보기가 표시됩니다.

문의 양식 워드 프레스 5

원하는 경우 필요에 따라 고유한 다른 필드를 추가할 수 있습니다. 예를 들어, 제출자가 메시지 내용을 선택하고 모든 것을 구성하는 데 도움 이 되도록 확인란이나 드롭다운을 추가할 수 있습니다.

양식 필드 추가를 완료했으면 설정 버튼을 클릭하여 계속하십시오.

4. 방문자가 양식을 제출한 후 발생하는 작업 구성

설정 버튼을 클릭하면 방문자가 연락처 양식을 제출한 후 발생하는 작업을 제어하는 ​​여러 옵션이 표시됩니다.

상단에서 확인 메시지를 설정할 수 있습니다. 이는 양식 제출자가 양식을 제출한 후 웹사이트 의 양식 제출자에게 표시되는 메시지입니다(1).

그 아래, 당신은 당신이 새로운 양식 제출, 그리고 어떤 이메일 주소로이 제출 (2)를 수신 할 때 이메일 알림을 수신할지 여부를 선택할 수 있습니다. HappyForms는 또한 양식 제출을 WordPress 대시보드에 저장합니다. 자세한 내용은 나중에 설명합니다 .

문의 양식 워드 프레스 6

다음으로 양식 제출자 에게 이메일 알림을 보낼지 여부와 이메일 알림 에 포함 할 내용을 선택할 수 있습니다.

문의 양식 워드프레스 7

마지막으로 설정 하단에서 다음을 포함하여 다양한 기타 설정을 구성할 수 있습니다.

  • 사용자가 양식을 제출한 후 다른 페이지로 리디렉션
  • WordPress 대시보드에 양식 제출 저장
  • 스팸 방지를 위해 Google ReCaptcha 사용
  • 양식 제출자가 제출하기 전에 메시지를 미리 볼 수 있도록 허용

확실하지 않은 경우 다음 설정을 기본값으로 유지해야 합니다.

문의 양식 워드 프레스 8

선택을 마치면 스타일 버튼을 클릭하여 다음 옵션 세트로 이동합니다.

5. 연락처 양식의 스타일 구성

최종 구성 단계! 이제 다양한 영역을 사용하여 연락처 양식의 모양과 스타일을 구성할 수 있습니다.

문의 양식 워드 프레스 9

예를 들어, 제출 버튼을 누르면 제출 버튼 설정이 열립니다. 여기에서 글꼴을 변경하고 너비를 조정하고 색상을 변경하는 등의 작업을 수행할 수 있습니다.

변경하면 실시간 미리보기가 자동으로 업데이트되어 각 조정이 양식에 미치는 영향을 정확하게 파악할 수 있습니다.

문의 양식 워드 프레스 10

스타일 옵션이 끝나면 저장 및 닫기 버튼을 클릭하여 작업을 완료합니다.

6. 표시하려는 페이지에 연락처 양식 추가

실제로 양식을 포함하려면 다음과 같이 추가할 수 있습니다.

  • 새 블록 편집기에서 차단
  • 클래식 편집기 또는 블록 편집기의 단축 코드
  • 모든 위젯 영역의 위젯

예를 들어, 새로운 WordPress 블록 편집기를 사용하는 경우 "Contact Us"와 같은 이름의 새 페이지를 만들고 HappyForms 블록을 삽입합니다.

여기에서 삽입할 양식을 선택할 수 있습니다.

문의 양식 워드 프레스 11

또는 클래식 WordPress 편집기를 계속 사용하는 경우 Add HappyForms 버튼을 클릭하여 연락처 양식을 단축 코드로 삽입할 수 있습니다.

문의 양식 워드프레스 12

그리고 그게 다야! 방문자는 연락처 양식을 통해 메시지를 보낼 수 있습니다.

제출된 양식을 보는 방법

제출된 양식을 볼 수 있는 두 가지 방법이 있습니다.

먼저 양식 설정에서 이메일 알림을 설정하면 누군가 양식을 제출할 때마다 이메일을 받게 됩니다.

둘째, HappyForms → Responses 로 이동하여 WordPress 대시보드 내에서 제출물을 볼 수도 있습니다.

문의 양식 워드 프레스 13

특정 응답을 클릭하면 전체 메시지를 볼 수 있습니다.

문의 양식 워드 프레스 14

그리고 그게 전부입니다!

네 가지 다른 최고의 연락처 양식 WordPress 플러그인 및 이 중 하나가 필요한 이유

간단한 WordPress 문의 양식의 경우 대부분의 사용자에게 HappyForms가 가장 좋은 옵션입니다. 그러나 이것이 유일한 품질 문의 양식 WordPress 플러그인은 아닙니다. 단순한 문의 양식 이상의 무언가를 원하신다면 다른 옵션을 선호하실 수도 있습니다.

따라서 이 게시물을 끝내기 위해 최고의 WordPress 문의 양식 플러그인과 위의 자습서에서 사용한 HappyForms 플러그인보다 더 나은 옵션이 될 수 있는 몇 가지를 살펴보겠습니다.

1. WPForms wpforms

WPForms는 WordPress.org에서 가장 인기 있는 문의 양식 WordPress 플러그인 중 하나입니다.

이 플러그인의 한 가지 좋은 점은 다중 열 디자인을 설정하는 옵션을 포함하여 양식 필드를 정렬할 수 있는 끌어서 놓기 빌더를 제공한다는 것입니다. 따라서 마음에 든다면 WPForms를 선택하는 이유 중 하나일 수 있습니다.

끌어서 놓기 빌더 외에도 양식을 훨씬 더 창의적으로 만들 수 있는 몇 가지 프리미엄 버전이 있습니다. 다음을 수행할 수 있습니다.

  • 지불 수락
  • 당신의 이메일 주소로 사람들을 등록하세요
  • 자피어에 연결
  • 등.

따라서 고급 기능을 원한다면 WPForms를 선택하는 또 다른 이유가 될 수 있습니다.

프리미엄 버전은 원하는 기능과 플러그인을 사용하려는 사이트 수에 따라 $39.50에서 시작하여 최대 $299.50입니다.

2. 허브스팟 올인원 마케팅

허브스팟

이름에서 알 수 있듯이 HubSpot 올인원 마케팅은 팝업에서 라이브 채팅 및 연락처 양식에 이르기까지 모든 것을 다루는 올인원 도구입니다.

끌어서 놓기 빌더를 사용하여 필요한 만큼 정보를 수집하기 위해 사용자 정의 연락처 양식을 생성할 수 있습니다.

그리고 한 가지 큰 이점은 HubSpot이 통합된 CRM에 제출된 모든 양식을 자동으로 저장한다는 것입니다. 따라서 영업용 연락처 양식을 사용하거나 CRM의 이점을 얻을 수 있는 다른 양식을 사용하는 경우 이 양식을 사용하는 것이 좋습니다.

3. 닌자 형태 닌자 형태

Ninja Forms는 WPForms와 동일한 이점이 많은 또 다른 프리미엄 제품입니다.

즉, 제한된 무료 버전을 제공하고 양식 필드를 정렬하는 데 사용할 수 있는 끌어서 놓기 빌더를 제공합니다.

지불할 의향이 있다면 다음을 포함하여 양식에서 훨씬 더 고급 기능을 수행할 수 있습니다.

  • 지불 수락
  • 뉴스레터 구독 신청하기
  • 양식 제출자를 CRM에 추가
  • 등.

한 가지 차이점은 이러한 프리미엄 옵션의 가격 구조에 있습니다. 별개의 프리미엄 버전 대신 Ninja Forms를 사용하면 사용하려는 프리미엄 추가 기능을 선택할 수 있습니다. 또는 $99부터 시작하는 추가 기능 번들을 구입할 수도 있습니다.

4. 칼데라 형태 칼데라

무료 버전에서 얻을 수 있는 기능 측면에서 Caldera Forms는 가장 관대한 무료 WordPress 문의 양식 플러그인 중 하나입니다.

무료 버전에서도 다음과 같은 복잡한 양식을 만들 수 있습니다.

  • 여러 페이지
  • 사람이 이전 질문에 답변한 방식에 따라 다양한 양식 옵션을 표시할 수 있는 조건부 논리

인터페이스가 WPForms 또는 Ninja Forms만큼 초보자에게 친숙하지는 않지만 드래그 앤 드롭 빌더도 있습니다.

넉넉한 무료 기능 외에도 결제 및 이메일 마케팅 서비스 통합과 같은 고급 기능을 추가할 수 있는 프리미엄 버전도 있습니다.

이러한 추가 기능 외에도 다음에 중점을 둔 구독 프리미엄 서비스도 있습니다.

  • 이메일 전달 가능성 – 서비스는 실제로 이메일 전송을 처리하여 방문자의 받은 편지함에 도착하도록 합니다.
  • 양식에서 PDF로의 변환
  • 이메일 확인 전달에 대한 통계

5. 중력 형태 중력 형태

마지막으로 Gravity Forms는 개발자를 위한 특히 인기 있는 연락처 양식 WordPress 플러그인입니다.

개발자들은 지불 양식에서 프런트 엔드 포스트 제출에 이르기까지 모든 것을 생성하기 위한 많은 기본 제공 기능을 제공할 뿐만 아니라 Gravity Forms도 확장 가능하고 타사 확장을 위한 대규모 시장이 있기 때문에 이를 좋아합니다.

따라서 실제로 파고들 수 있고 필요에 맞게 사용자 정의할 수 있는 것을 원한다면 Gravity Forms 및 다양한 확장이 적합한 플러그인일 수 있습니다.

유일한 단점은 Gravity Forms의 무료 버전이 없다는 것입니다. 그것을 사용하려면 신용 카드를 파기해야 합니다.

가격은 $59부터 시작하여 $259까지 다양합니다.

WordPress 문의 양식에 대한 최종 생각

올바른 문의 양식 WordPress 플러그인을 사용하면 필요에 완벽하게 맞는 문의 양식을 쉽게 만들고 사용자 지정할 수 있습니다.

간단한 문의 양식만 있으면 HappyForms 플러그인은 안정적이고 간소화된 접근 방식을 제공합니다. 더 많은 기능을 원하신다면 유료 양식 플러그인으로 업그레이드하여 결제 수락부터 이메일 마케팅 목록에 사람 등록까지 모든 작업을 수행할 수 있습니다.

오늘 첫 번째 양식을 만들고 방문자가 귀하와 더 쉽게 연결할 수 있도록 시작하십시오!