# 대시보드 위젯 생성 및 추가하는 방법 대시보드에 위젯을 추가하면 중요한 데이터와 지표를 한 곳에서 쉽게 확인할 수 있습니다. 리드, 예약, 매출 성과를 추적하든지 상관없이 대시보드를 맞춤 설정하면 비즈니스의 고유한 요구사항을 반영할 수 있습니다. ## 커뮤니티 튜토리얼 [대시보드에 위젯 추가하기](https://www.loom.com/share/7a82edfe80fc4e43961577bc77d0fc32) [![대시보드 위젯 추가 영상](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010321373/original/eJ2WfON1T6jvIxFgPZmsJ_jQNZrRvB9VNg.png?1697548032)](https://www.loom.com/share/7a82edfe80fc4e43961577bc77d0fc32) ## 단계 1: 대시보드로 이동하기 계정에 로그인한 후 메뉴에서 Dashboard(대시보드) 탭을 선택하세요. 하위 계정의 기본 대시보드가 표시됩니다. ![대시보드 메뉴](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037156233/original/49H7Uo6ip-rGc9-v7X1-LZXwQrAjg_QwwQ.png?1732540410) ## 단계 2: 새 대시보드 추가하기 (선택사항) 기본 대시보드를 수정하지 않고 새 대시보드를 만들고 싶다면, 파란색 Add Dashboard(대시보드 추가) 버튼을 클릭하세요. ![대시보드 추가 버튼](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037156234/original/w0YQyyr9nRlALzr90fICnD4yRzwiMjUk4g.png?1732540410) **"Select a Blank Dashboard(빈 대시보드 선택)"** 옵션을 선택하세요. ![빈 대시보드 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037158083/original/u1YZCCrvvuERafdeUj2_K-m0G_xHwOTGaw.png?1732541445) 대시보드 이름을 입력하세요(예: "영업 대시보드"). ![대시보드 이름 입력](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037159247/original/KE13mXOL9cjwyFQDs2Tcf8vy6vpfQRS8Qw.png?1732542169) 다음으로 대시보드를 Private(비공개, 본인만 볼 수 있음) 또는 For Everyone(모든 사람, 하위 계정의 모든 사용자가 볼 수 있음) 중 선택하세요. ![대시보드 공개 범위 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037156236/original/o4LANj3VsaQhYPM8gJ6QfRwWn1RT6TEpSQ.png?1732540411) 공유 대시보드로 설정하는 경우, 팀 멤버들이 대시보드 데이터에 어떻게 접근할지 제어할 수 있습니다. 에이전시 사용자, 에이전시 관리자, 하위 계정 관리자에게 Full access(전체 접근), Edit access(편집 접근), View access(보기만), No access(접근 불가) 중 하나를 선택할 수 있습니다. ![권한 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037156237/original/A67IrfdPN8xYTiNB9CGPiL4BLWXzZLjlkA.png?1732540412) 설정을 선택한 후 Confirm(확인)을 클릭하세요. 이제 맞춤 설정이 가능한 빈 화면이 준비됩니다. ![빈 대시보드](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037156238/original/TwYB_Np2JuodE_xjeDcUrdl3k-pLpzBxpw.png?1732540412) ### 위젯 설정의 차트 타입 선택기 올바른 시각화를 선택하면 트렌드를 더 쉽게 파악하고 분석 속도를 높일 수 있습니다. 편집 작업을 중단하지 않고 Configure(구성)에서 차트 타입을 직접 선택할 수 있습니다. **단계:** * 위젯 편집기를 열고 Configure(구성)으로 이동합니다. * \*\*Chart Type(차트 타입)\*\*을 사용하여 시각화 방식(막대, 선, 파이 등)을 선택합니다. ![차트 타입 선택기](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155064230676/original/gRwnqr0_ndcKaPpRTmyVj-exXVsnr91jyg.png?1770276704) * 실시간 미리보기를 확인하고 필요에 따라 조정한 후, Conditions(조건) 또는 Save(저장)로 진행합니다. *** ## 단계 3: 위젯 메뉴 열기 위젯을 추가하려면 Add Widget(위젯 추가) 버튼을 클릭하세요. 기존 대시보드 내에 위젯을 생성하는 경우 오른쪽 상단의 연필 아이콘을 클릭할 수 있습니다. 화면 오른쪽에 위젯 메뉴가 열립니다. ![위젯 메뉴 열기](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037156239/original/tGk2ywMM1PlOZgekOcHW9JHIPnX9ZRNESQ.png?1732540412) ## 단계 4: 차트 타입과 위젯 카테고리 선택 카테고리를 둘러보거나 검색창을 사용하여 원하는 위젯 타입을 선택하세요. 1. 표시할 데이터의 차트 타입을 선택합니다. Numeric(숫자형), Donut Chart(도넛 차트), Line Chart(선 차트), Bar Chart(막대 차트), Horizontal Bar Chart(가로 막대 차트), Table chart(표 차트) 등 다양한 차트 타입 중 선택할 수 있습니다. ![차트 타입 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037166302/original/0YAutxpv80rqRGel7ORUlBkQsS_lapln_g.png?1732546276) 2. 대시보드에 표시하고자 하는 데이터에 따라 위젯 카테고리를 선택합니다. 선택할 수 있는 다양한 위젯 카테고리는 아래와 같습니다. ![위젯 카테고리 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037208157/original/wUUh6_LJ-7ADuHwdNp9VuY_2Lntl_UrlLA.gif?1732610200) ## 단계 5: 위젯 맞춤 설정 Widget Settings(위젯 설정) 패널에서: * Chart Type Selection(차트 타입 선택): 데이터를 시각화할 방식을 선택합니다. 차트 타입 선택기가 위젯 설정에 내장되어 더 빠르게 접근할 수 있습니다. * Title and Description(제목과 설명): 선택적으로 위젯의 이름과 간단한 설명을 추가할 수 있습니다. ![위젯 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047729821/original/x5azwM8ezPpKcXcQD6pFebnDz0EusTzd_w.png?1749034674) ## 단계 6: 필터 적용 Conditions(조건) 탭으로 전환하여 위젯 데이터에 필터를 적용하세요: * "Add Filter(필터 추가)"를 클릭하여 첫 번째 필터 그룹을 생성합니다. * "+AND"를 사용하여 같은 그룹 내에 더 많은 필터를 추가할 수 있습니다. * "+Add Filter(필터 추가)"를 다시 클릭하면 새 그룹이 시작됩니다. 이렇게 하면 그룹 간에 OR 조건이 생성됩니다. * 이제 동일한 필터(예: "Session Source(세션 소스)")를 다른 그룹에서 재사용할 수 있습니다. ![필터 조건 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047729973/original/V-CDHtwTPsHW63h56qEhlcqdxxeykW2Dxw.png?1749034792) **중요 참고사항 (어트리뷰션 필드)** Group By(그룹별) 또는 View By(보기별) 드롭다운에서 Session Source(세션 소스)나 Session Medium(세션 매체)과 같은 어트리뷰션 필드를 사용하는 경우(예: 도넛이나 선 차트): * 복합 필터 그룹은 하나만 허용됩니다 * 그 단일 필터 그룹에는 Attribution Type(First Touch 또는 Last Touch)이 필터로 포함되어야 합니다 * 여러 필터 그룹이 추가되면 드롭다운에서 어트리뷰션 기반 필드(Session Source / Medium)가 비활성화됩니다 이 제한은 어트리뷰션 지표로 작업할 때 데이터 일관성을 보장하기 위한 것입니다. ![어트리뷰션 필터 제한](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048128120/original/mWxpKprItbrJ9rVD3KRH2VMQv9aRh-N0xg.png?1749715080) ## 단계 7: 저장 모든 설정이 완료되면 Save(저장)를 클릭하여 위젯을 대시보드에 추가하세요. ## 단계 8: 더 많은 위젯 추가 데이터의 완전한 그림을 만들려면 이 과정을 반복하여 더 많은 위젯을 추가하세요. ## 단계 9: 위젯 정리 위젯이 추가되면 필요에 따라 크기를 조정하고 위치를 변경할 수 있습니다. 위젯을 드래그 앤 드롭으로 원하는 위치에 배치하고 더 나은 가시성을 위해 크기를 조정하세요. ![위젯 정리](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037158878/original/dUXE-zHF914t7C1bpLKazHtOOwmwSZIiYA.gif?1732541889) ## 단계 10: 변경사항 저장 위젯을 정리한 후 대시보드 상단의 Save Changes(변경사항 저장)를 클릭하세요. 이렇게 하면 새 설정이 저장되어 사용할 준비가 됩니다. ## 추가 팁 • 다양한 위젯 타입을 실험해보고 데이터를 시각화하는 최적의 방법을 찾아보세요. • 필터와 조건을 사용하여 위젯을 더 정확하게 만들고 관련성을 높이세요. • 비즈니스 요구사항이 변화함에 따라 대시보드를 다시 방문하여 업데이트하세요. 이 단계를 따르면 비즈니스를 효과적으로 운영하는 데 필요한 인사이트에 빠르게 접근할 수 있는 완전히 맞춤화된 대시보드를 만들 수 있습니다. ## 다음 단계: * [위젯 맞춤 설정하기](/hyperclass-docs/dashboard/customizing-dashboard-widgets.md) * [대시보드에서 위젯 편집하기](/hyperclass-docs/dashboard/edit-widgets-on-the-dashboard.md) * [위젯 제거하기](/hyperclass-docs/dashboard/what-are-dashboard-widgets/removing-a-widget.md) *** *원문 최종 수정: Thu, 5 Feb, 2026 at 1:31 AM* *Hyperclass 사용 가이드 — hyperclass.ai* --- # 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/dashboard/how-to-create-add-dashboard-widgets.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.