사용 사례: 전환 요소를 사용하여 조건부 논리를 기반으로 화면 표시
화면 전환 요소를 사용하여 콘텐츠를 동적으로 표시하거나 숨깁니다. 하나 이상의 지정된 값과 단일 필드 값을 비교한 다음, 정확히 일치하는 첫 번째 값과 연결된 콘텐츠를 표시합니다. 일치하는 항목이 없으면 미리 구성된 기본값을 반환합니다. If 요소와 달리 전환은 단일 필드에서 정확한 일치 비교를 수행하도록 제한되며 AND 또는 OR과 같은 복잡한 논리 연산자를 지원하지 않습니다.
필수 Edition
| 지원되는 Edition을 확인하세요. | |
 이 문서는 다음에 적용됩니다.
|
고급 WhatsApp 채널, 통합 WhatsApp |
 이 문서는 다음에 적용되지 않습니다.
|
고급 앱 내 채팅, 고급 웹 채팅, 표준 및 고급 Facebook Messenger, 표준 및 고급 SMS, 고급 Apple Messages for Business, 고급 LINE, 자체 채널 가져오기 |
| 필요한 사용자 권한 | |
|---|---|
| Messaging 구성 요소 만들기: | 응용 프로그램 사용자 정의 AND 설정 및 구성 보기 OR 시스템 관리자 |
| Messaging에서 메시지 주고 받기: | Messaging 에이전트 |
전환을 사용하는 방법을 설명하려면 이 예제를 고려하십시오. 귀하는 건강한 애완동물, 수의학 병원의 관리자입니다. 작업은 초기 화면에서 고객에게 동물 유형을 묻는 다음, 동물에 대한 세부 사항을 제공하기 위해 화면으로 보내는 WhatsApp 플로를 구축하는 것입니다. 각 동물 유형에 대한 특정 세부 사항을 공유하려면 각 유형에 대해 다른 화면을 만듭니다. 예를 들어 고객이 Cat을 선택하는 경우 다음 버튼을 클릭하면 Cat 화면으로 이동합니다. 동물별 정보를 제공한 후 고객이 최종 화면으로 이동하여 계정 정보를 확인합니다.
이 예에서는 다음 화면을 사용하여 WhatsApp 플로를 이미 만든다고 가정합니다.
- 양식 메시징 구성 요소의 구성 요소 형식 섹션에서 플로를 선택합니다.
-
화면 섹션에서 동물 유형 화면을 확장하고 다음을 보여주는 드롭다운 화면 요소를 추가합니다. 고양이, 개, 새 및 기타 동물
-
동물 유형 화면을 미리 보려면 오른쪽 링크 모음의 구성 요소 속성에서 화면 노드를 선택하고 확장합니다.
- 동물 유형 화면에서 선택한 동물 유형을 기반으로 사용자를 다음 화면으로 이동하려면 전환 요소를 추가합니다.
- 동물 유형의 구성 요소 속성 화면에서 콘텐츠 추가를 클릭하고 조건부 논리 아래에서 스위치를 선택한 다음, 완료를 클릭합니다.
-
스위치 요소를 구성하려면 스위치 노드를 확장하고 편집을 클릭합니다.
- 필드 선택에서 고객이 동물 유형을 선택하는 데 사용하는 필드를 선택합니다.
-
선택할 수 있는 각 동물 유형에 대해 별도의 사례를 추가합니다.
리터럴 값 필드에 동물 유형 화면의 드롭다운 선택 화면 요소에 정의한 모든 선택 항목의 표시 레이블이 아닌 ID를 입력합니다.
- 다음을 클릭합니다.
-
각 사례에 대해 해당 조건이 true인 경우 표시할 콘텐츠를 선택합니다.
예를 들어, 고객이 동물 유형으로 Cat를 선택한 경우 고객을 Cat 페이지로 안내하는 바닥글에 다음 버튼을 추가합니다.
- 동물 유형 화면에 진행되는 버튼을 추가하려면 콘텐츠 추가를 클릭하고 기타 콘텐츠 유형을 확장한 다음, 바닥글을 선택합니다.
-
다음 화면 필드에서 버튼 레이블로 "다음"을 입력하고 동물 유형 화면을 선택하는 등 바닥글 세부 사항을 입력합니다.
-
다음을 클릭합니다.
전환 논리 및 조건부 콘텐츠 정의 모달은 표시할 콘텐츠를 구성할 수 있도록 모든 사례를 안내합니다. 모든 항목에 대해 다음 버튼을 추가하여 동물 유형 페이지로 이동합니다.
-
완료되면 저장을 클릭합니다.
구성 요소 속성에서 전환 노드에 각 사례에 대한 사례와 결과 콘텐츠가 표시됩니다.
이 기사를 통해 문제를 해결했습니까?
개선을 위한 의견을 보내주세요.
