WordPress에서 대화 형식을 만드는 방법

게시 됨: 2019-02-27

WordPress에서 대화식 양식을 만드는 방법을 찾고 있습니까? 사용자에게 대화를 나누는 것처럼 양식을 작성할 수 있는 방법을 제공하면 양식 포기를 줄이고 양식 완료율을 높일 수 있습니다.

이 기사에서는 대화형 양식을 사용하여 WordPress에서 대화형 양식을 만드는 방법을 보여줍니다.

대화형 온라인 양식의 이점은 무엇입니까?

실제 대화를 모방한 양식을 만들면 많은 이점이 있습니다.

  • 더 쉽고 빠르게 작성하여 양식 완성도 향상
  • 사용자를 위한 개인적이고 매력적인
  • 키보드만 사용하여 작성할 수 있어 양식 접근성이 향상됩니다.
  • 인터랙티브한 특성으로 사용자 경험 향상

지금까지 WordPress에는 적절한 Typeform 대안이 없었습니다.

그렇기 때문에 우리 팀은 양식 변환을 개선하면서 사용자에게 대화형 양식 경험을 제공하기 위해 WPForms로 대화 양식을 만들기 위해 열심히 노력했습니다. Ninja Forms 대 WPForms 비교를 읽으면 다른 양식 빌더 플러그인에는 이 기능이 전혀 없다는 것을 알게 될 것입니다.

그럼 워드프레스에서 Typeform 스타일 양식을 만드는 방법을 알아보겠습니다.

WPForms는 최고의 WordPress Form Builder 플러그인입니다. 무료로 받으세요!

그러나 먼저 대화 양식 데모를 보고 어떤 것이 준비되어 있는지 확인하십시오.

대화 형식 데모를 보려면 여기를 클릭하십시오.

1단계: WordPress에서 새 양식 만들기

가장 먼저 해야 할 일은 WPForms 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 WordPress에 플러그인을 설치하는 방법에 대한 단계별 가이드를 참조하세요.

다음으로 새 양식을 만들어야 합니다.

WPForms 및 Form Templates Pack 애드온을 사용하여 원하는 수의 온라인 양식을 만들 수 있습니다.

예를 들어 다음을 만들 수 있습니다.

  • 사용자 등록 양식: 사용자로부터 필요한 모든 정보를 간단하고 빠르게 얻을 수 있습니다.
  • 이벤트 등록 양식: 사람들을 지치게 하지 않고 놀라운 이벤트를 진행하는 데 필요한 모든 질문을 하십시오.
  • 입사 지원 양식: 길고 때로는 복잡한 입사 지원 양식을 간단하고 소화하기 쉬운 양식으로 바꾸십시오.
  • 설문조사 양식: 수많은 설문조사 질문으로 사용자를 압도하지 마세요. 대신 한 번에 하나의 질문을 하고 양식 완성과 정확성을 향상시키십시오.

이 예에서는 간단한 설문 조사 양식을 만듭니다. 이 작업을 수행하는 방법에 대한 도움이 필요하면 WordPress에서 설문 조사 양식을 만드는 방법에 대한 이 튜토리얼을 확인하십시오.

설문조사 양식 템플릿이 작동하는 모습을 보려면 설문조사 양식 데모를 확인하세요.

왼쪽 패널에서 오른쪽 패널로 필드를 끌어 양식에 추가 필드를 추가할 수 있습니다.

그런 다음 필드를 클릭하여 변경합니다. 양식 필드를 클릭하고 끌어 온라인 양식의 순서를 다시 정렬할 수도 있습니다.

설문조사 양식은 다음과 같습니다.

대화식 설문조사 양식 예

어떤 유형의 온라인 양식을 작성하든 관계없이 전체 페이지 대화식 연락처 양식 레이아웃을 제공할 수 있음을 기억하십시오.

2단계: Conversational Forms Addon 설치 및 활성화

WordPress 양식이 준비되면 WPForms Conversational Forms 애드온을 설치하고 활성화해야 합니다.

이 애드온은 새로 만든 WordPress 양식을 대화형 양식으로 바꾸는 방법입니다.

이렇게 하려면 WPForms » Addons 로 이동하여 Conversational Forms Addon 이라고 표시된 항목을 찾으십시오.

Addon 설치를 클릭한 다음 활성화 를 클릭 합니다 .

대화형 애드온

이제 Conversational Forms 애드온을 사용할 준비가 되었습니다. 하지만 먼저, 방해가 없는 대화 양식을 만들기 전에 구성할 수 있는 일반 양식 설정을 간단히 살펴보겠습니다.

3단계: 양식 설정 구성

양식을 원하는 대로 사용자 정의한 후에는 구성해야 할 설정이 많이 있습니다.

일반 설정

시작하려면 설정 » 일반 으로 이동합니다.

WPForms 일반 설정

여기에서 양식의 이름, 설명, 제출 버튼 사본 등을 변경할 수 있습니다.

원치 않는 양식 제출로부터 웹 사이트를 안전하게 보호하기 위해 추가 스팸 방지 기능을 활성화할 수도 있습니다.

양식 알림

알림은 웹사이트에 양식이 제출될 때마다 이메일을 보내는 좋은 방법입니다.

WPForms 알림 설정

실제로 이 기능을 비활성화하지 않는 한 누군가가 사이트에서 양식을 제출할 때마다 이에 대한 알림을 받게 됩니다.

이 단계에 대한 도움이 필요하면 WordPress에서 양식 알림을 설정하는 방법에 대한 설명서를 확인하세요.

예를 들어 자신, 팀 구성원 및 사이트 방문자에게 둘 이상의 알림을 보내야 하는 경우 WordPress에서 여러 양식 알림을 보내는 방법에 대한 단계별 자습서를 확인하십시오.

또한 이메일 전반에 걸쳐 일관된 브랜딩을 유지하려면 이메일 템플릿에 사용자 정의 헤더를 추가하는 방법에 대한 이 가이드를 확인할 수 있습니다.

사용자 정의 이메일 헤더

양식 확인

양식 확인은 사이트 방문자가 웹사이트에서 양식을 제출하면 표시되는 메시지입니다. 그들은 사람들에게 양식이 처리되었음을 알리고 다음 단계가 무엇인지 알릴 기회를 제공합니다.

확인 메시지

WPForms에는 세 가지 확인 유형이 있습니다.

  1. 메세지. 누군가 귀하의 웹사이트에 양식을 제출하면 표시되는 간단한 메시지로 감사 인사를 전하고 다음 단계가 무엇인지 알려줍니다.
  2. 페이지 표시. 감사 페이지와 같은 웹사이트의 다른 페이지로 사용자를 리디렉션합니다.
  3. URL(리디렉션)으로 이동합니다. 사이트 방문자를 다른 웹사이트로 보냅니다.

사이트 방문자의 행동에 따라 다른 확인을 표시하려면 조건부 양식 확인을 만드는 방법을 읽어 보십시오.

저장 을 클릭합니다.

4단계: 대화 양식 설정 구성

양식의 일반 설정을 구성했으므로 이제 대화식 양식 설정을 구성할 차례입니다.

이렇게 하려면 양식 작성기에서 설정 » 대화 양식 으로 이동하여 대화 양식 모드 활성화 확인란을 클릭합니다.

대화 형식 사용

이렇게 하면 필요에 맞게 사용자 지정할 수 있는 설정이 많이 표시됩니다.

양식 제목 및 메시지

시작하려면 사이트 방문자에게 표시될 제목을 양식에 지정하십시오. 이것은 사람들에게 귀하의 양식이 무엇인지, 그리고 그곳에 있는 동안 어떤 조치를 취하기를 원하는지 알려주는 데 좋습니다.

대화 형식 제목

다음으로 사이트 방문자가 볼 짧은 메시지를 추가할 수 있습니다. 이렇게 하면 사람들이 양식을 작성할 때 예상되는 내용을 알 수 있도록 몇 가지 추가 정보를 추가할 수 있습니다.

대화 형식 메시지

퍼머링크

온라인 양식에 대해 대화 양식 모드를 활성화할 때마다 대화 양식 애드온은 자동으로 고유한 영구 링크를 생성합니다.

대화 형식 영구 링크

원하는 경우 이 퍼머링크를 변경하거나 그대로 둘 수 있습니다.

어느 쪽이든, 이것은 사람들이 대화 형식 링크를 클릭하고 사이트를 방문하기를 원할 때 이메일 캠페인, 내부 링크 및 소셜 미디어 게시물에서 사용할 URL입니다.

설정이 매우 쉽기 때문에 WPForms가 최고의 Typeform 대안입니다.

헤더 로고

대화형 양식 방문 페이지를 사용자 지정하기 위해 다음으로 할 수 있는 일은 로고를 추가하는 것입니다. 이미지 업로드를 클릭하고 양식 방문 페이지에 추가할 이미지를 선택합니다.

헤더 로고

WPForms 브랜딩 숨기기 확인란을 클릭하여 WPForms 브랜딩을 제거할 수도 있습니다.

색 구성표 및 진행률 표시줄

WPForms Conversational Forms 애드온의 가장 좋은 점 중 하나는 회사 브랜딩과 일치하는 색 구성표를 갖도록 대화형 양식 방문 페이지를 사용자 지정할 수 있다는 것입니다.

선택한 색 구성표에 따라 양식 방문 페이지와 양식 버튼의 배경색이 결정됩니다.

대화형 양식 색 구성표

일을 쉽게 하기 위해 우리는 어떤 일이 있어도 잘 보일 것이라고 알고 있는 몇 가지 훌륭한 색상 구성표를 제공했습니다.

색 구성표

사전 설정된 색상이 마음에 들지 않으면 언제든지 색상 선택기를 사용하여 사용자 정의 색상을 선택할 수 있습니다.

또한 두 가지 진행률 표시줄 스타일 중에서 선택할 수 있습니다.

  1. 백분율: 양식을 작성하는 동안 사용자가 얼마나 멀리 있는지 백분율로 표시합니다.
  2. 비율: 사용자에게 완료한 양식 필드의 수를 표시하여 답변해야 할 질문이 얼마나 남았는지 알 수 있습니다.

진행률 표시줄 스타일

대화식 랜딩 페이지의 설정을 모두 구성했으면 상단 근처에 있는 대화식 미리보기 버튼을 클릭하여 양식이 활성화되면 어떻게 표시되는지 확인할 수 있습니다.

원하는 대로 모든 것이 표시되면 저장 을 클릭합니다.

이제 양식이 활성화되었습니다. 그러나 대화는 여기서 그치지 않습니다. WPForms에서도 ManyChat WordPress 통합을 쉽게 만들 수 있습니다. 그렇게 하면 Facebook Messenger에서 방문자에게 후속 조치를 보낼 수 있습니다.

결론적으로

그리고 그게 다야! 이제 WordPress에서 대화형 양식을 만드는 방법을 알게 되었습니다. 이제 고유한 URL 또는 대화형 양식 방문 페이지에 대한 링크가 있는 사람들이 이를 보고 작성할 수 있습니다.

양식 포기와 싸우는 더 많은 방법을 찾고 있다면 양식 포기 감소 및 매출 증대에 대한 이 기사를 확인하십시오.

그래서, 당신은 무엇을 기다리고 있습니까? 지금 가장 강력한 WordPress 양식 플러그인을 시작하십시오.

이 기사가 마음에 든다면 Facebook과 Twitter에서 우리를 팔로우하십시오.