# 퀴즈 빌더 가이드 퀴즈 빌더(Quiz Builder)를 사용하면 리드 데이터를 수집하고 개인화된 결과를 제공하는 인터랙티브 퀴즈를 만들 수 있습니다. 점수, 카테고리, 자동화, CRM 매핑을 활용해 퀴즈 응답을 개인화된 경험으로 전환하세요. *** **목차** * [퀴즈 빌더란 무엇인가요?](#퀴즈-빌더란-무엇인가요) * [퀴즈 빌더의 주요 장점](#퀴즈-빌더의-주요-장점) * [퀴즈 빌더 레이아웃과 내비게이션](#퀴즈-빌더-레이아웃과-내비게이션) * [퀴즈 요소](#퀴즈-요소) * [점수와 카테고리](#점수와-카테고리) * [결과 페이지](#결과-페이지) * [제출 데이터와 CRM 매핑](#제출-데이터와-crm-매핑) * [퀴즈 만드는 방법](#퀴즈-만드는-방법) * [자주 묻는 질문](#자주-묻는-질문) ## 퀴즈 빌더란 무엇인가요? 퀴즈 빌더는 리드 정보를 수집하고, 구매 의도를 검증하며, 퀴즈 완료 후 개인화된 결과를 제공하는 인터랙티브 퀴즈를 만들 수 있는 도구입니다. 퀴즈는 여러 페이지와 다양한 질문 유형을 포함할 수 있으며, 선택적으로 점수와 카테고리 시스템을 사용할 수 있고, 맞춤형 메시지와 행동 유도 버튼(CTA)이 포함된 결과 페이지를 제공합니다. 처음부터 직접 만들거나 템플릿을 사용할 수 있고, CSV 가져오기로 질문을 대량으로 추가하여 제작 속도를 높일 수 있습니다. 임베드 코드나 공유 링크를 통해 게시할 수 있으며, 제출된 데이터는 CRM 커스텀 필드에 매핑되어 세분화된 후속 조치를 위한 워크플로우를 트리거할 수 있습니다. *** ## 퀴즈 빌더의 주요 장점 * **대상자 세분화**: 퀴즈 응답과 점수를 사용해 결과와 의도에 따라 연락처를 그룹핑할 수 있습니다. * **자동화된 후속 조치**: 퀴즈 제출 즉시 워크플로우를 트리거하여 실시간 고객 참여가 가능합니다. * **대량 질문 생성**: CSV 업로드를 통해 한 번에 여러 퀴즈 질문을 페이지에 가져와 시간을 절약할 수 있습니다. * **개인화된 경험**: 점수 구간, 섹션, CTA로 결과 페이지를 맞춤 설정하여 다음 단계를 안내할 수 있습니다. * **CRM 매핑**: 퀴즈 결과(점수, 구간, 카테고리)를 CRM 커스텀 필드에 매핑하여 지속적인 세분화와 보고에 활용할 수 있습니다. *** ## 퀴즈 빌더 레이아웃과 내비게이션 * **상단 패널**: 뒤로가기 버튼(퀴즈 목록으로 돌아가기), 퀴즈 제목, 미리보기(Preview) 버튼, 통합(Integrate) 버튼(페이지에 퀴즈 삽입), 저장(Save) 버튼, 좌측 패널 토글, 데스크톱/모바일 뷰 전환, 버전 목록, 실행취소/다시실행, 우측 패널 토글이 있습니다. * **좌측 패널**: 모든 요소(예: 단일 선택, 다중 선택), 알림 설정, 카테고리가 나열됩니다. * **중앙 패널**: 페이지 목록(요소 목록이 포함됨)과 결과 템플릿이 표시됩니다. * **우측 패널**: 퀴즈 또는 현재 선택된 요소의 설정이 표시됩니다. ![퀴즈 빌더 인터페이스](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065725444/original/Tqd0_IZz0pD3WgADmSZfrWTlMPD5FbMU5g.jpeg?1772049876) *** ## 퀴즈 요소 드래그 앤 드롭으로 사용할 수 있는 다양한 사전 제작된 퀴즈 요소가 있습니다. 빠른 추가 요소 외에도 연락처(Contacts) 또는 기회 관리(Opportunities)의 커스텀 필드를 퀴즈에 추가할 수 있습니다. | 유형 | 이름 | 설명 | | ---------------- | ------- | ------------------------------ | | **빠른 추가 > 질문** | 단일 선택 | 여러 옵션이 보이며, 하나만 선택 가능 | | | 다중 선택 | 여러 옵션이 보이며, 다중 선택 가능 | | | 예/아니오 | 예 또는 아니오 중 하나 선택 | | | 짧은 답변 | 작은 텍스트 입력 필드 | | | 긴 답변 | 스크롤 가능한 큰 텍스트 입력 필드 | | | 숫자 | 숫자만 입력 가능(양수/음수), 위/아래 화살표로 증감 | | | 단일 드롭다운 | 드롭다운에 여러 옵션, 하나만 선택 | | | 다중 드롭다운 | 드롭다운에 여러 옵션, 다중 선택 | | **빠른 추가 > 개인정보** | 전체 이름 | 텍스트 필드 | | | 이름 | 텍스트 필드 | | | 성 | 텍스트 필드 | | | 생년월일 | 날짜 선택기 | | | 전화번호 | 검증된 전화번호 필드 | | | 이메일 | 검증된 이메일 필드 | | **빠른 추가 > 주소** | 주소 | 텍스트 필드 | | | 도시 | 텍스트 필드 | | | 주/도 | 텍스트 필드 | | | 국가 | 국가 드롭다운 검색 | | | 우편번호 | 텍스트 필드 | | | 조직 | 텍스트 필드 | | | 웹사이트 | 검증된 URL 필드 | | **빠른 추가 > 평가** | 평점 | 5개 별 평점 | | **빠른 추가 > 맞춤형** | 텍스트 | 입력 필드가 아닌 단순 텍스트 추가 | | | HTML | 서드파티 HTML 스크립트 추가 | | | 캡차 | "로봇이 아닙니다" 인증 | | | 소스 | 리드 소스로 추적할 커스텀 값 추가 | | | 약관 동의 | "동의합니다..." 체크박스 | | | 점수 | 숫자 필드 | | **빠른 추가 > 기타** | 이미지 | 입력 필드가 아닌 단순 이미지 추가 | | | 파일 업로드 | 파일 선택기 | | | 금액 | 통화 입력 필드 | | | 서명 | 그리기 패드 | *** ## 점수와 카테고리 점수와 카테고리는 퀴즈의 "로직 레이어"입니다. 답변을 명확한 결과로 변환하여 연락처가 결과 페이지에서 올바른 결과를 볼 수 있도록 도와줍니다. * **카테고리**는 퀴즈가 반환할 수 있는 가능한 결과 그룹입니다. 결과의 라벨로 생각하면 됩니다(예: "초급", "중급", "고급" 또는 "서비스 A vs 서비스 B"). 답변을 카테고리에 연결하여 퀴즈가 연락처가 어떤 결과에 해당하는지 알 수 있습니다. * **점수**는 숫자 결과를 계산하는 데 사용되는 점수 시스템입니다. 답변 옵션에 점수가 배정되고, 총합하여 총점, 카테고리 점수 또는 점수 구간을 결정합니다(예: 0-10점 = 스타터, 11-20점 = 성장, 21-30점 = 스케일). 더 자세한 정보는 다음을 참조하세요: 동적 결과 메시지가 있는 퀴즈에서 카테고리와 점수 할당하기 - 완전 가이드! ![점수와 카테고리 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065728924/original/yKk4Ic4FSR68ugT5COA646aifl2gaSC9YA.png?1772057481) *** ## 결과 페이지 결과 페이지는 연락처가 퀴즈를 제출한 후 보는 마지막 단계입니다. 여기서 결과(점수, 구간 또는 카테고리 등)를 제시하고, 그 결과의 의미를 설명하며, 연락처를 다음 최적의 행동으로 안내합니다. 강력한 결과 페이지를 사용하면 퀴즈 결과를 명확한 추천(예: 상담 예약, 적합한 오퍼 선택, 올바른 육성 경로 시작)과 연결하여 전환율을 높일 수 있습니다. 결과 페이지를 사용자의 용도와 브랜딩에 맞게 맞춤 설정할 수 있습니다: * **헤더 편집**: 로고, 회사명, 커스텀 텍스트를 추가하고 레이아웃, 패딩, 배경색을 조정합니다. * **점수 구성**: 결과는 동적 콘텐츠를 기반으로 합니다. 각 점수 구간(예: 낮음, 보통, 높음)에 표시될 텍스트를 편집할 수 있습니다. * **구간 조정**: 각 구간을 정의하는 백분율 범위를 설정하고(예: 낮음 = 0-39%, 보통 = 40-79% 등), 결과를 시각적으로 나타내는 각 구간의 색상을 변경할 수 있습니다(예: 낮은 점수는 빨간색, 높은 점수는 녹색). * **행동 유도 버튼(CTA) 추가**: CTA 섹션을 편집하여 다음 단계를 유도합니다. 예를 들어 "결과에 대해 이야기하고 싶으신가요? 상담을 예약하세요!" 버튼을 캘린더, 상품 페이지 또는 다른 리소스에 연결할 수 있습니다. * **푸터 맞춤 설정**: 푸터 로고, 소셜 미디어 링크를 추가하고 고정으로 만들 수도 있습니다. 더 자세한 정보는 다음을 참조하세요: [퀴즈 결과 페이지 맞춤 설정](/hyperclass-docs/and-sites/xml-sitemaps/customizing-quiz-result-pages.md) ![결과 페이지 맞춤 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065814206/original/OHJkLH14EvWtCjo0XTOIWu9dpOASBMLSwg.jpeg?1772126552) ### 결과 페이지에서 점수 구간 설정하기 점수 구간을 사용하면 연락처의 총점에 따라 다른 결과 콘텐츠를 표시할 수 있습니다. 별도의 퀴즈를 만들지 않고도 결과를 개인화할 수 있습니다. * 퀴즈 편집기에서 설정(Settings)으로 이동한 후 결과 페이지 편집(Edit Results Page)을 선택합니다. ![설정에서 결과 페이지 편집](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065729268/original/pppYGEgPiyfxMutF9Y7pnUkN_cBcFAT4ow.png?1772058163) * 점수 구간 설정(Configure Score Tiers)을 클릭합니다. ![점수 구간 설정 클릭](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065729398/original/iLSmfGLnsKvXYVDhQbi46uoYFsYLG0oCHQ.png?1772058571) * 각 구간의 이름, 색상, 범위를 편집합니다. 기존 구간을 제거하거나 새 구간을 추가할 수도 있습니다. ![구간 편집](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065729376/original/LfcCqmLr7uOOoTJhnIvmooyRzDEBTZSZPw.png?1772058463) *** ## 제출 데이터와 CRM 매핑 CRM 필드 매핑은 연락처의 퀴즈 결과(전체 점수와 구간, 카테고리별 점수와 구간, 최고/최저 카테고리 세부 정보 등)를 연락처 커스텀 필드에 저장합니다. 퀴즈 데이터가 CRM에 매핑되면 여러 방법으로 활용할 수 있습니다: * **연락처 세분화**: 퀴즈 성과를 기반으로 연락처를 필터링하거나 그룹핑할 수 있습니다. * "전체 점수 ≥ 80" 사용자의 스마트 리스트 생성 * "피트니스 구간 = 초급" 사용자를 타겟팅된 메시지용으로 그룹핑 * **자동화 개인화**: 퀴즈 결과를 사용해 후속 워크플로우를 맞춤 설정할 수 있습니다. * 최고/최저 카테고리에 따라 다른 육성 이메일 발송 * 카테고리 점수가 임계값을 넘을 때 액션 트리거 CRM 매핑 설정에 대한 자세한 정보는 다음을 참조하세요: [퀴즈 결과를 CRM 커스텀 필드에 매핑하기](/hyperclass-docs/and-sites/xml-sitemaps/map-quiz-results-directly-to-crm-custom-fields.md) ![CRM 매핑 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155066025233/original/x5rh0VbIz1YUzu8z-SyRef5yGV5cxqk6Ow.png?1772467170) *** ## 퀴즈 만드는 방법 #### **1단계**: 퀴즈 편집기 열기 사이트(Sites) → 퀴즈(Quizzes) → + 퀴즈 추가(Add Quiz)로 이동하거나 편집할 퀴즈를 선택합니다. ![퀴즈 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065729491/original/xygWbtQvHbudzc4vTeSBlvI2rwj_6ro1Og.jpeg?1772058922) #### **2단계**: 템플릿 선택 **처음부터 시작(Start From Scratch)** 또는 \*\*템플릿에서(From Template)\*\*을 선택합니다. 템플릿 라이브러리에서 템플릿을 검색하고, 필터링하고, 찾을 수 있습니다. 미리보기하고 활성화하여 퀴즈 빌더에 불러옵니다. ![템플릿 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065729948/original/JQf9IOObLj218f1RFBX3BfHH-NFJBqSjkA.jpeg?1772060188) #### **3단계**: 퀴즈 구성 필요에 따라 퀴즈를 구성합니다. 필요한 만큼 질문과 페이지를 추가할 수 있습니다! **페이지 추가 및 삭제**: 모든 페이지는 나열된 순서대로 나타납니다(페이지 1이 첫 번째, 페이지 2가 두 번째 등). ![페이지 추가 삭제](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065730042/original/7qm9Du_2x7d7RiBiDtaoYkpLk4qw60seFg.jpeg?1772060479) **요소 추가 및 삭제**: 요소는 반드시 페이지에 추가되어야 합니다. 요소를 드래그 앤 드롭으로 페이지 내에서 순서를 바꾸거나 다른 페이지로 이동할 수 있습니다. **퀴즈 질문 대량 업로드(CSV)**: CSV 파일을 사용하여 퀴즈 빌더 내에서 직접 퀴즈 질문을 대량으로 업로드할 수 있습니다. 개별적으로 만드는 대신 한 번에 여러 질문을 페이지에 추가할 수 있습니다. 업로드된 파일은 가져오기를 위해 임시로 처리되며 플랫폼에 저장되지 않아 성능이 개선되고 저장 공간 사용량이 줄어듭니다. 업로드 후 모든 질문이 선택된 페이지에 추가되며 필요에 따라 개별적으로 편집할 수 있습니다. 이 기능은 대량의 퀴즈 질문을 관리하는 강의 제작자에게 특히 유용합니다. ![CSV 대량 업로드](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048169065/original/mOZ86FVyDO11tvmv2Xz9sH3NYath1T6PYw.png?1749747235) **요소 편집**: 요소를 클릭하면 강조 표시되고 우측 패널에 설정이 열립니다. 일반적으로 요소에는 질문(퀴즈 사용자에게 표시되는 질문)과 쿼리 키(URL 매개변수에서 질문을 미리 채우기), 필수 또는 숨김 등의 기본 설정이 있습니다. 각 요소에는 고유한 설정도 있습니다(예: 선택형 질문에는 점프(Jump To) 분기 로직을 허용하는 옵션이 있음). ![요소 편집](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065730058/original/_9El0vvRMFPLU8NiNKs297pyqgPRPaXTEg.jpeg?1772060581) **알림**: 벨 아이콘을 클릭하여 좌측 패널에 표시합니다. 개인 이메일 알림과 퀴즈 사용자를 위한 자동 응답을 토글할 수 있습니다. 제목, 수신자, 답장 주소, 발신자 이름을 설정할 수 있습니다. 퀴즈 이메일 알림에는 다음을 첨부할 수 있습니다: * 퀴즈 제출 PDF(제출된 응답) * 퀴즈 결과 페이지 PDF(평가/점수가 매겨진 결과 페이지) 퀴즈 알림 설정에서 자동 응답을 활성화하면 수신자가 자동으로 PDF를 받을 수 있습니다. ![알림 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065730115/original/rBdREgAZD595NM8gQR1lRFY_CSMoBdmoMg.jpeg?1772060872) **카테고리**: 그리드 아이콘을 클릭하여 카테고리 팝오버를 엽니다. 여기서 카테고리를 추가, 이름 변경, 삭제하고 답변 옵션에 카테고리와 점수를 할당할 수 있습니다. 팝오버는 카테고리가 결과 페이지로 어떻게 흘러가는지 설명하여 카테고리 점수가 어떻게 표시될지 이해할 수 있게 도와줍니다. ![카테고리 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155065730122/original/1msD9NGgPgRuHyabWXwIAYoAeD3A8yJzdQ.jpeg?1772060895) **스타일 및 옵션**: 상단 패널 우측의 선과 점 아이콘을 클릭합니다. 스타일 아래에서 레이아웃, 푸터, 색상 및 배경, 기타 항목을 찾을 수 있습니다. 레이아웃에는 상단 여백과 같은 간격 제어가 포함되어 커스텀 CSS 없이도 퀴즈 콘텐츠 위의 공간을 조정할 수 있습니다. 옵션 아래에서는 제출 시 동작(퀴즈 완료 시 수행할 작업), Facebook 픽셀 ID, Facebook 픽셀 이벤트, 퀴즈 설정, 푸터 HTML을 찾을 수 있습니다. ![스타일 및 옵션](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048169688/original/lHD-I26KXB6TYLR1oyFecQx66dHq7IyL7g.png?1749748197) **요소별 라벨 정렬**: 요소별 라벨 정렬을 사용하면 전체 퀴즈에 하나의 전역 정렬을 적용하는 대신 각 필드에 대해 다른 라벨 위치를 설정할 수 있습니다. 특히 컴팩트한 레이아웃에서 시각적 리듬과 간격을 세밀하게 조정하는 데 사용합니다. 요소별 라벨 정렬을 설정하려면 먼저 질문을 선택합니다. 우측 사이드바에서 라벨 정렬(Label Alignment) 아래의 화살표 선택기를 사용하여 원하는 옵션을 정의합니다. 모바일에서는 데스크톱 설정과 관계없이 정렬이 자동으로 위쪽으로 기본 설정되어 명확하고 사용자 친화적인 레이아웃이 보장됩니다. ![요소별 라벨 정렬](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054089605/original/7byToOnvBrS8XqxgKMNg1kpByinA2Ok-LA.png?1758224105) #### **4단계**: 결과 페이지 맞춤 설정 사용자의 용도와 브랜딩에 맞게 결과 페이지를 맞춤 설정할 수 있습니다. 결과 페이지 맞춤 설정에 대한 자세한 정보는 다음을 참조하세요: [퀴즈 결과 페이지 맞춤 설정](/hyperclass-docs/and-sites/xml-sitemaps/customizing-quiz-result-pages.md) !\[결과 페이지 맞춤 설정]\( --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://hyperclass.gitbook.io/hyperclass-docs/and-sites/quiz-builder-guide.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.