Kanorio는 현재 39개의 모듈을 제공하며, 21개의 콘텐츠 모듈, 2개의 스토어 모듈, 16개의 통합 모듈로 분류됩니다. 모듈 목록은 제품이 발전함에 따라 변경될 수 있습니다. 사이트를 만들 때 에디터의 "모듈" 패널에 표시되는 옵션을 참조하십시오.
콘텐츠 모듈은 "비주얼", "텍스트 및 미디어", "텍스트 콘텐츠", "유틸리티"라는 4개의 탭으로 구성되어 있습니다. 모듈을 선택할 때 "방문자가 이 섹션을 본 후 무엇을 이해하거나 수행해야 하는가?"를 자문해 보십시오. 서비스를 설명하려면 텍스트나 카드 모듈을 사용하고, 데이터를 수집하려면 폼 통합을 사용하며, 직접 판매하려면 스토어 모듈을 사용하십시오.
헤더와 푸터도 콘텐츠 모듈이지만, 사이트의 고정된 상단 및 하단 프레임 역할을 합니다. 일반 모듈 목록이 아닌 "레이아웃" 패널을 통해 추가하거나 구성하십시오. 헤더에는 로고, 페이지 링크, 주요 CTA를 사용하고, 푸터에는 연락처 정보, 소셜 링크, 내비게이션 및 법적 링크를 사용하십시오.
콘텐츠 모듈은 브랜드, 서비스, 작업 및 정보를 소개하는 데 사용됩니다. 헤더와 푸터는 모듈 패널에 없으므로 "레이아웃"을 통해 추가하십시오.
큰 이미지나 전체 너비 비주얼로 강렬한 첫인상을 남기십시오.
| 모듈 | 목적 |
|---|---|
| 히어로 섹션 | 방문자가 가장 먼저 보는 섹션. 헤드라인, 짧은 소개, 브랜드 로고에 이상적입니다. |
| 전체 너비 이미지 | 제목, 설명, 버튼을 지원하는 전체 너비 이미지입니다. |
| 이미지 캐러셀 | 여러 프로젝트나 사진을 위한 슬라이딩 갤러리. 주요 사례에 적합합니다. |
| 이미지 갤러리 | 여러 이미지를 위한 그리드 레이아웃. 포트폴리오나 이벤트 사진에 완벽합니다. |
이미지와 텍스트 또는 카드를 결합하여 브랜드, 서비스 또는 기능을 소개하십시오.
| 모듈 | 목적 |
|---|---|
| 텍스트 및 이미지 | 전체 설명과 결합된 이미지. 브랜드 스토리나 서비스 흐름에 이상적입니다. |
| 카드 갤러리 | 이미지, 제목, 요약이 포함된 카드 그리드. 서비스나 제품에 좋습니다. |
| 카드 캐러셀 | 카드의 가로 슬라이더. 여러 서비스를 선보이는 데 완벽합니다. |
| 콜아웃 | 분위기를 조성하거나 브랜드 주장을 강조하기 위한 대담한 문구입니다. |
| 멀티미디어 | 비디오, 오디오 또는 PDF를 카드로 업로드. 카탈로그나 교육 자료에 이상적입니다. |
"멀티미디어" 모듈을 통해 업로드된 PDF, 오디오 및 비디오는 디지털 제품 및 블로그 미디어와 동일한 저장 공간 할당량을 공유합니다. 현재 사용량 및 제한을 확인하려면 웹사이트 저장 공간 관리를 읽어보십시오.
읽기가 필요한 정보를 위한 텍스트 중심 모듈입니다.
| 모듈 | 목적 |
|---|---|
| 블로그 목록 | 게시된 블로그 게시물을 자동으로 나열. 소스 및 레이아웃별로 조정 가능합니다. |
| 긴 텍스트 | 상세 설명용. 마크다운 및 목차를 지원합니다. |
| 텍스트 카드 갤러리 | 이미지 없이 핵심 사항 강조. 프로세스나 팀 역할에 좋습니다. |
데이터, 시간, FAQ 및 외부 링크를 위한 기능적 모듈입니다.
| 모듈 | 목적 |
|---|---|
| FAQ | 방문자의 마찰을 줄이기 위한 접기/펼치기 질문입니다. |
| 가격 테이블 | 다양한 플랜과 기능을 비교하여 방문자가 옵션을 이해하도록 돕습니다. |
| 핵심 지표 | 숫자(고객 수, 경력 연수 등)를 사용하여 결과를 보여줍니다. |
| 타임라인 | 브랜드 역사, 프로젝트 진행 상황 또는 마일스톤을 표시합니다. |
| 카운트다운 | 이벤트나 제안의 마감 시간을 표시. 종료 날짜가 정확한지 확인하십시오. |
| 배송 정보 | 배송 지역, 요금 및 무료 배송 기준을 표시합니다. |
| 미디어/블로그 링크 | 외부 기사, 미디어 보도 또는 브랜드 링크 목록입니다. |
스토어 모듈은 제품과 결제 흐름이 이미 설정된 사이트를 위한 것입니다. 단순히 가격을 보여주는 것이 아니라 방문자를 결제로 안내합니다.
| 모듈 | 목적 |
|---|---|
| 가격 선택 | 한 제품에 대한 다양한 플랜/기능 표시. 서비스에 이상적입니다. |
| 제품 표시 | 여러 이미지와 하이라이트가 포함된 하나의 제품을 선보입니다. |
| 제품 카탈로그 | 여러 제품 나열. 방문자가 빠른 구매 또는 제품 페이지를 통해 구매할 수 있습니다. |
결제 없이 서비스를 비교하기만 하면 된다면 "가격 테이블"을 사용하십시오. 판매를 원하시면 먼저 온라인 스토어 및 결제 설정을 완료하십시오.
통합 모듈은 다른 플랫폼의 공개 콘텐츠나 예약 도구를 임베드합니다. 이는 추적 코드가 아닙니다. 추적 코드는 백그라운드에서 데이터를 기록하지만, 통합 모듈은 콘텐츠를 표시하거나 상호 작용을 가능하게 합니다.
| 모듈 | 목적 |
|---|---|
| 영감이나 제품 큐레이션을 위해 공개 프로필이나 보드를 표시합니다. | |
| Behance | 크리에이터를 위한 디자인 프로젝트를 선보입니다. |
| 브랜드 업데이트를 위해 공개 게시물이나 릴스를 표시합니다. | |
| Threads | 짧은 형식의 생각을 위해 공개된 Threads 게시물을 표시합니다. |
| TikTok | 튜토리얼이나 비하인드 스토리를 위해 공개 짧은 비디오를 표시합니다. |
| Discord | 방문자를 서버로 안내하기 위한 초대 정보를 표시합니다. |
| 모듈 | 목적 |
|---|---|
| YouTube | 공개 비디오나 재생 목록을 임베드합니다. |
| Spotify | 음악, 앨범 또는 팟캐스트를 임베드합니다. |
| Apple Music | Apple Music 트랙, 앨범 또는 재생 목록을 표시합니다. |
| Apple Podcast | Apple Podcast 쇼나 에피소드를 표시합니다. |
| 모듈 | 목적 |
|---|---|
| SurveyCake | 피드백이나 등록을 위한 설문조사를 임베드합니다. |
| Google 폼 | 간단한 문의를 위해 Google 폼을 임베드합니다. |
| Typeform | 프리미엄 설문조사 경험을 위해 Typeform을 임베드합니다. |
| Calendly | 방문자가 직접 약속을 예약할 수 있도록 합니다. |
| 모듈 | 목적 |
|---|---|
| Figma | 공개 디자인, FigJam 보드 또는 프로토타입을 표시합니다. |
| Google 비즈니스 | 실제 비즈니스를 위한 위치, 주소, 영업시간 및 지도 정보를 표시합니다. |
모듈 패널에서 목적이나 플랫폼 이름으로 검색하십시오. 그래도 찾을 수 없으면 가장 가까운 콘텐츠 모듈 조합을 사용하십시오(예: 카드를 사용하여 서비스를 설명하고 외부 링크를 사용하여 방문자를 다른 도구로 안내). 모든 타사 서비스가 임베드될 수 있다고 가정하지 마십시오.
AI를 지원하는 모듈은 생성 또는 편집 중에 AI 지원 진입점이 표시됩니다. 통합, 헤더, 푸터 및 외부 데이터에 의존하는 모듈은 일반적으로 수동 설정이 필요합니다.
통합 모듈은 외부 콘텐츠(비디오, 폼, 예약)를 표시하거나 활성화합니다. 타사 추적(예: GTM, GA4, Meta Pixel)은 백그라운드에서 데이터를 기록합니다.
네, 하지만 각 인스턴스는 다른 목적을 가져야 합니다. 예를 들어, 하나는 서비스용, 다른 하나는 프로세스용으로 사용하십시오. 동일한 콘텐츠를 중복하지 마십시오.
온라인 스토어에서 제품 설정 및 결제 구성을 완료하고 올바른 웹사이트를 편집 중인지 확인하십시오. 스토어 모듈은 기존 제품 데이터가 필요합니다.
링크인바이오 도구는 전용 전체 페이지 레이아웃이며 "모듈 추가" 목록에 나타나지 않습니다. 이는 소셜 또는 예약 링크용이며 다른 모듈과 혼합할 수 없습니다. 일반 커버, 텍스트 또는 통합 모듈을 찾으신다면 위의 카테고리로 돌아가십시오. 링크인바이오 페이지를 편집하려면 링크인바이오 도구 사용을 읽어보십시오.
