WordPress 양식에서 조건부 논리를 사용하는 방법

Rifat 워드프레스 튜토리얼 Oct 18, 2023

WordPress 웹사이트에서 대화형의 개인화된 경험을 만들 때 양식에 조건부 논리를 사용하면 판도를 바꿀 수 있습니다. 사용자로부터 특정 정보를 수집하거나 응답에 따라 Ninja 양식 필드를 맞춤화하려는 경우 조건부 논리를 사용하면 양식의 동작과 모양을 동적으로 조정할 수 있습니다.

인기 있는 콘텐츠 관리 시스템인 WordPress에서는 코딩 지식 없이도 조건부 논리를 쉽게 구현할 수 있는 다양한 플러그인과 양식 빌더를 제공합니다. 조건부 논리의 강력한 기능을 활용하면 사용자 경험을 간소화하고 양식 완료율을 높이며 관련 데이터를 효과적으로 수집할 수 있습니다.

WordPress 양식에서 조건부 논리를 활용하면 보다 정확하고 관련성이 높은 데이터를 수집하고 불필요한 양식 필드를 제거하며 원활한 사용자 경험을 제공할 수 있습니다. 설문조사를 실행하든, 사용자 피드백을 수집하든, 리드를 포착하든 상관없이 조건부 논리를 사용하면 특정 요구 사항을 충족하는 스마트하고 사용자 친화적인 양식을 만들 수 있습니다.

WordPress에서 조건부 논리 양식을 만드는 방법

WordPress에서 조건부 양식을 만드는 것이 어렵게 보일 수 있지만 문의 양식 플러그인을 사용하면 매우 쉽습니다. 시작하려면 두 가지만 필요합니다.

놀라운 웹사이트 만들기

최고의 무료 페이지 빌더 Elementor와 함께

지금 시작
  1. 닌자 양식
  2. 조건부 논리 추가 기능

설치 및 활성화


시작하려면 다음 단계에 따라 WordPress 웹사이트에 Ninja Forms 무료 핵심 플러그인을 설치할 수 있습니다.

  1. WordPress 관리 메뉴에 액세스하여 "플러그인"을 클릭한 다음 "새로 추가"를 클릭하세요.
  2. "플러그인 검색" 필드에 "Ninja Forms"를 입력합니다.
  3. 검색 결과에서 플러그인을 찾아 "지금 설치" 버튼을 클릭하세요.
  4. 설치 후 "활성화" 버튼을 클릭하여 Ninja Forms 플러그인을 활성화하세요.

Ninja Forms 조건부 논리에 대한 액세스 권한을 얻으면 Ninja Forms 계정에서 쉽게 다운로드하여 플러그인 섹션에 업로드할 수 있습니다. 설치 프로세스에 대한 자세한 지침을 얻으려면 단계별 지침을 제공하는 종합 설치 가이드를 참조하십시오.

성공적으로 설치되면 Ninja Forms 양식 작성기의 고급 섹션에서 조건부 논리 탭을 찾을 수 있습니다. 어떤 이유로든 이 탭을 찾을 수 없는 경우 Ninja Forms 설정에서 개발자 모드를 활성화했는지 확인하세요.

조건부 논리 탭 외에도 이메일 및 작업 탭에서 사용할 수 있는 각 새 작업 내에 조건부 논리 섹션이 있음을 확인할 수 있습니다. 이 섹션에서는 특정 조건에 따라 개인화된 이메일 전송, 양식 제출 후 사용자 정의 텍스트 표시, 사용자를 다른 랜딩 페이지로 리디렉션 또는 특정 조건이 충족되는 경우에만 제출 항목 저장을 포함하는 조건부 작업을 생성할 수 있습니다.

이제 양식 내의 조건부 설정 위치를 알았으므로 양식 논리를 효과적으로 활용하는 시기와 방법에 대한 실제 예를 제공하겠습니다. 양식 논리를 사용하면 양식을 단순화하고 개인화하여 사용자가 관련 필드와 정보만 접하도록 할 수 있습니다.

동적 양식 필드 활성화


조건부 논리 추가 기능을 사용하면 개인은 사용자와 다른 양식 필드의 상호 작용을 기반으로 특정 양식 필드를 표시하거나 숨길 수 있는 동적 양식을 만들 수 있습니다. 이 기능은 사용자 인터페이스를 향상시켜 방문자의 시간을 절약하고 양식 작성 속도를 높여줍니다. 결과적으로 더 많은 양식이 완성되고 양식 포기율이 감소합니다.

설명하기 위해 아래 예를 고려하십시오. 사용자가 "아니요" 옵션을 선택하면 특정 필드가 숨겨집니다. 반대로, 사용자가 "예"를 선택하면 콘텐츠가 동적으로 변경되어 다른 라디오 옵션 목록이 표시됩니다.

이를 양식에 구현하려면 라디오 목록 필드를 사용하여 옵션이 포함된 양식 필드를 만드는 것부터 시작하세요. 양식 필드의 값이 채워졌는지 확인하세요.

그런 다음 고급 탭으로 이동하여 조건부 논리를 선택합니다. 아래 스크린샷에 표시된 것처럼 사용자가 "아니요"를 선택할 때 식사 옵션을 숨기기 위해 예제에서 했던 것처럼 여기에서 양식 필드에 대한 조건을 추가할 수 있습니다.

그게 전부입니다! 이제 동적 필드를 생성하고 양식의 사용자 입력을 기반으로 표시하는 방법을 배웠습니다.

목록 숨기기 및 표시 옵션

Ninja Forms의 조건부 논리는 목록 필드에서 특정 옵션을 숨기거나 표시하는 기능을 제공합니다. 이 기능을 사용하면 특정 조건에 따라 선택 항목의 가시성을 제어할 수 있습니다. 예를 들어 제출 버튼을 표시하거나 숨겨 양식 제출을 제한하거나 스팸 문제로 인해 특정 사용자가 항목을 제출하지 못하도록 할 수 있습니다.

조건부 논리의 또 다른 유용한 응용 프로그램은 양식에 사용자 정의 응답을 제공하는 것입니다. 사용자가 선택 항목 목록에서 "기타" 옵션을 선택하고 보다 구체적인 데이터를 수집하려는 경우 단일 행 텍스트 필드를 통합할 수 있습니다. 이 필드를 통해 방문자는 사전 정의된 옵션 이상의 개인화된 답변을 제공할 수 있습니다.

이를 구현하려면 양식에 라디오 목록 필드와 단일 행 텍스트 필드를 만들었다고 가정합니다. 원하는 조건을 설정하려면 고급 탭 아래의 조건부 논리 섹션으로 이동하세요. 여기에서 요구 사항에 따라 조건을 구성할 수 있습니다.

비슷한 맥락에서 양식과의 이전 상호 작용을 기반으로 목록에서 옵션을 자동으로 선택하거나 선택 취소하는 기능이 있습니다. 이는 사용자의 이전 양식 상호 작용에 의존하는 논리 문을 생성하여 달성할 수 있습니다.

사용 가능한 조건부 트리거 옵션은 양식 필드 유형에 따라 달라집니다. 아래 스크린샷에 표시된 것처럼 단일 행 텍스트 필드와 라디오 목록 필드의 옵션은 다릅니다.

다단계 양식의 페이지 보기

이전 섹션에서는 특정 양식 필드를 대상으로 WordPress 양식 논리를 얼마나 쉽게 구성할 수 있는지 보여주었습니다. 그러나 다단계 양식을 활용하는 경우 양식의 전체 단계나 페이지에도 동일한 논리를 적용할 수 있다는 점에 유의하는 것이 중요합니다. 개별 필드에만 초점을 맞추는 대신 개별 페이지 자체에 조건부 논리문을 사용할 수 있습니다.

무료 Ninja Forms 핵심 플러그인과 조건부 논리 추가 기능을 사용하면 불필요한 양식 필드가 포함된 다단계 양식 내에서 사용자 입력을 기반으로 페이지를 표시하거나 숨길 수 있습니다. 이를 수행하려면 양식 필드를 섹션이나 그룹으로 구성한 다음 개별 필드가 아닌 이러한 섹션에 조건부 논리를 적용해야 합니다. 그러면 별개의 부분으로 나누어진 형태가 됩니다.

양식 내에서 이러한 그룹화 또는 섹션을 설정한 후에는 조건부 논리 추가 기능을 활용할 차례입니다. 초대받은 사람이 손님을 한 명만 선택한 경우 "손님 2 음식 주문" 및 "손님 3 음식 주문"과 관련된 섹션을 숨기는 조건문의 예를 고려해 보겠습니다.

이러한 방식으로 조건부 논리를 구현하면 양식을 대폭 간소화하고 방문자가 불필요한 좌절감을 느끼지 않도록 할 수 있습니다. 관련성이 없는 필드 또는 필드 그룹을 작성하는 데 시간을 낭비하고 싶어하는 사람은 아무도 없으며 귀중한 양식 제출이 손실되는 것을 방지하고 싶을 것입니다.

조건부 논리 추가 기능은 WordPress 양식을 최적화하여 방문자가 쉽고 효율적으로 양식을 완료할 수 있도록 하는 완벽한 솔루션 역할을 합니다.

WordPress에서 조건부 작업 만들기

이메일을 통해 특정 개인에게만 알리기 위해 WordPress에서 조건부 이메일을 보내고 싶은 사람이 있었나요? 양식 제출 후 사용자 정의 가능한 메시지를 표시해야 한다는 요구 사항이 있습니까? 다양한 리드 마그넷을 제공하거나 사용자를 다른 랜딩 페이지로 리디렉션하고 싶습니까? 이러한 모든 작업은 조건부 논리를 사용하여 쉽게 수행할 수 있습니다.

조건부 이메일 보내기

모든 양식 제출이 동일한 개인에게 내부적으로 전송될 필요는 없습니다. 따라서 특정 부서에 이메일 알림을 보내야 할 경우 조건부 논리를 활용할 수 있습니다. Ninja Forms를 사용하면 모든 양식에서 여러 이메일 작업을 설정할 수 있습니다. 양식에서 사용자의 선택에 따라 여러 부서에 이메일 알림을 보내야 하는 경우 각 부서에 대해 이메일 알림을 생성해야 합니다.

다음은 조건부 이메일을 양식에 설정하는 방법의 예입니다.

양식 내에서 사용자에게 네 가지 서비스 옵션 중에서 선택하도록 요청합니다. 각 옵션이 부서를 나타내는 라디오 목록 필드 유형을 활용합니다. 사용자가 선택한 옵션에 따라 해당 부서에 이메일로 통보됩니다.

이메일 작업을 설정하는 단계는 다음과 같습니다.

  1. 각 옵션에 대한 이메일 작업을 복제하여 옵션 수만큼 이메일 작업을 만듭니다. 우리의 경우 양식에 네 가지 옵션이 있으므로 네 가지 별도의 이메일 작업을 만들어야 합니다.
  2. 사용자가 특정 옵션을 선택한 경우 이메일을 받아야 하는 부서에 대해 각 이메일 작업에 적절한 "받는 사람 주소"가 설정되어 있는지 확인하세요.

그게 전부입니다!

송신 자동화

조건부 논리를 리디렉션 작업과 결합하면 방문자에게 개인화된 경험을 제공하여 사용자를 다른 URL이나 양식으로 연결할 수 있습니다. 사용자가 WordPress 양식에 입력한 특정 항목을 기반으로 작업을 트리거하여 다른 랜딩 페이지로 안내할 수 있습니다.

이메일 작업에 논리를 적용하는 것과 마찬가지로 리디렉션 작업도 비슷한 방식으로 작동합니다. 선택 필드의 각 옵션에 대해 개별 리디렉션 작업을 생성해야 합니다.

예를 들어, 사용자가 선호하는 휴가지에 대해 묻는 퀴즈를 생각해 보겠습니다. 처음에는 산, 해변, 도시 등의 옵션이 포함된 라디오 목록을 설정합니다. 양식에 정의된 옵션과 사용자의 선택에 따라 관심분야에 맞는 페이지로 이동될 수 있습니다.

양식이 준비되면 이메일 및 작업 탭으로 이동하여 각 옵션(산, 해변, 도시)에 대한 리디렉션 작업을 만듭니다. 다음은 사용자가 산 옵션을 선택한 경우 리디렉션 작업이 어떻게 나타나는지에 대한 예입니다.

URL 필드에 사용자를 리디렉션하려는 원하는 웹사이트를 입력합니다. 나머지 옵션에 대해 위 이미지에 설명된 것과 동일한 논리를 사용하여 다른 리디렉션 작업을 설정합니다. 조건이 적절한 조치와 일치하는지 확인하는 것이 중요합니다.

리드 자석 제공

모든 사람이 동일한 인센티브에 대해 동일한 방식으로 반응하는 것은 아니며 이는 공통된 이해입니다. 그러나 단일 형태를 통해 다양한 리드 자석을 제공하려고 하면 상당히 복잡해질 수 있습니다. 다행스럽게도 우리의 양식 논리는 이 프로세스를 매우 쉽게 만듭니다.

간단한 데모에서는 사용자가 양식에 입력한 내용을 기반으로 뚜렷한 성공 메시지를 표시하는 방법을 설명합니다. 각 성공 메시지 작업은 하나의 사용자 선택에 해당한다는 점을 기억하는 것이 중요합니다. 예를 들어 선택 필드에 두 가지 옵션이 있는 경우 옵션 1(WordPress 배우기)과 옵션 2(빠르게 HTML 배우기)에 대한 개별 작업을 생성합니다.

고객이 eBook 옵션 "WordPress 알아보기"를 선택한 경우 설정 방법은 다음과 같습니다.

Ninja Forms에 통합된 Summernote WYSIWYG 편집기를 사용하면 각 성공 메시지 작업을 개인화할 수 있습니다. 향상된 사용자 정의를 위해 이미지, 링크, 테이블 및 병합 태그를 통합할 수 있습니다.

마무리

축하해요! WordPress에서 조건부 논리를 배웠습니다. 사용자 선택에 맞춰 조정되는 더욱 스마트한 양식을 위한 조건부 논리 추가 기능을 사용해 보세요. 메시지를 맞춤화하고, 리드 마그넷을 제공하고, 감사 페이지로 리디렉션하는 등의 작업을 수행하세요. 추가 기능을 개별적으로 구매하거나 멤버십 플랜을 살펴보세요. 기다리지 말고 Ninja Forms를 사용하여 중요한 일(낮잠 포함!)에 시간을 확보하세요.

Divi WordPress Theme