모듈은 웹사이트를 구성하는 독립적인 콘텐츠 블록(레고 블록과 같은 형태)입니다. 히어로 섹션, 나란히 배치된 이미지, 카드 갤러리, FAQ, 주요 지표, YouTube 영상 등은 모두 개별 모듈입니다. 페이지에 여러 모듈을 쌓고 각 모듈의 배경색, 카드 스타일, 간격, 버튼 위치를 사용자 지정하여 시각적으로 깊이 있는 페이지를 만들 수 있습니다.
사용 가능한 모든 모듈을 확인하려면 를 참조하세요.
팁: 머리글과 바닥글은 사이트 전체 프레임이므로 "모듈" 디렉토리에 포함되지 않습니다. 상단 툴바의 "레이아웃"을 통해 편집하세요. 링크 인 바이오 페이지는 단일 페이지 레이아웃이므로 표준 모듈을 혼합하여 사용할 수 없습니다.
미리보기 캔버스에서 모듈 위에 마우스를 올리거나(모바일에서는 모듈을 탭하여 하단 플로팅 바 확인), 상단의 "레이아웃" 목록을 엽니다. "편집" 및 "⋯" 옵션을 사용하여 다음 작업을 수행할 수 있습니다(모든 변경 사항은 자동으로 초안에 저장됩니다).
↶ 실행 취소를 클릭하거나 에서 복구할 수 있습니다).잘못된 모듈을 선택했다고 해서 삭제하고 처음부터 다시 시작할 필요가 없습니다! 구조가 유사한 모듈 패밀리의 경우, 모듈 오른쪽 상단의 "⋯" 아이콘(또는 "레이아웃" 메뉴)을 클릭하고 "레이아웃 변환"을 선택하여 동일한 패밀리 내의 다른 모듈로 즉시 전환할 수 있습니다.
| 모듈 패밀리 | 상호 교체 가능한 모듈 유형 | 손실 없이 유지되는 콘텐츠 |
|---|---|---|
| 카드 및 갤러리 패밀리 | 텍스트 카드 갤러리 ↔ 이미지-텍스트 카드 갤러리 ↔ 이미지-텍스트 카드 캐러셀 ↔ 멀티 이미지 갤러리 | 모듈 제목, 설명, 하위 헤드라인, 배경색, 열 개수, 카드 스타일, 그리고 각 카드의 제목, 본문 텍스트, 이미지, 초점, 아이콘, 배지, 글머리 기호 및 버튼이 모두 유지됩니다. |
| 히어로 및 레이아웃 패밀리 | 페이지 히어로 ↔ 전체 너비 이미지 ↔ 나란히 배치 레이아웃 | 제목, 설명, 하위 헤드라인, 메인 이미지 및 초점, 글머리 기호, 지표, 버튼, 바닥글 주석이 모두 유지됩니다. |
제목 또는 설명 입력 필드를 클릭하면 필드 헤더 오른쪽에 리치 텍스트 툴바와 AI 글쓰기 버튼이 나타납니다.
툴바의 H1 / H2 / H3 버튼을 클릭하여 제목의 의미와 기본 글꼴 크기를 전환합니다.
H1 (페이지 메인 제목): 최상단 모듈(예: "히어로 섹션")에만 사용하는 것을 권장합니다. Google 및 AI 검색 엔진이 페이지 주제를 한눈에 파악하는 데 도움이 됩니다.H2 (섹션 제목): 표준 콘텐츠 모듈의 기본 레벨로, 페이지의 주요 섹션을 나타냅니다.H3 (소제목): 보충 정보나 카드 제목에 적합합니다.제목이나 설명 상자에서 텍스트의 일부를 강조 표시하여 해당 텍스트에만 특정 스타일을 적용할 수 있습니다.
모듈 설명에 150자 이상 입력하면 입력 상자 하단에 "텍스트 접기" 설정 바가 나타납니다.
양식을 깔끔하게 유지하기 위해 고급 액세서리는 제목 및 설명 필드 오른쪽 상단에 숨겨져 있으며 클릭 시 확장됩니다.
＋아이브로우: 메인 제목 위에 표시되는 작은 라벨입니다. 아이콘과 짧은 텍스트(예: ✦ 선택 이유, 🔥 한정 혜택)를 선택할 수 있습니다.＋특징: 히어로, 나란히 배치, 클릭 유도(CTA) 모듈에서 브랜드 체크 표시 아이콘 ✓이 포함된 글머리 기호를 최대 8개까지 추가할 수 있습니다.＋하이라이트: 히어로, 나란히 배치, 클릭 유도(CTA) 모듈에서 눈에 띄는 데이터 포인트를 최대 4개까지 표시할 수 있습니다(예: 10년 이상의 경력, 99% 고객 만족도).모듈 에디터 패널의 "레이아웃 및 디자인" 섹션으로 스크롤하여 시각적 표현을 조정합니다(중앙 미리보기가 실시간으로 업데이트됩니다).
| 배경 옵션 (라이트 모드 / 다크 모드 이름) | 시각 효과 및 사용 사례 |
|---|---|
| 자동 교차 (기본값) | 인접한 모듈이 라이트와 라이트 그레이 색상으로 자동 교차되어 섹션을 자연스럽게 구분합니다. |
| 퓨어 화이트 / 딥 블랙 | 모듈 순서와 관계없이 일관성을 유지하는 깔끔한 기본 배경색을 사용합니다. |
| 매트 그레이 / 차콜 그레이 | 흰색 3D 카드를 강조하기에 적합한 부드러운 보조 배경색을 사용합니다. |
| 브랜드 소프트 라이트 | 배경에 은은한 브랜드 색조를 적용하여 주요 섹션을 부드럽게 강조합니다. |
| 브랜드 프라이머리 | 전체 너비의 고채도 브랜드 색상 블록입니다. 텍스트와 단색 버튼은 자동으로 흰색으로 반전되어 중요한 CTA나 핵심 지표에 적합합니다. |
| 매트 블랙 / 소프트 차콜 | 포트폴리오나 대비가 강한 강조 영역에 완벽한 긴장감 있는 어두운 전체 너비 배경입니다. |
카드 및 상품 목록 모듈에서 그리드와 카드 모양을 자유롭게 조합할 수 있습니다.
16:9, 4:3, 1:1(정사각형), 또는 3:4(세로형/패션)를 지원합니다. 단일 영상, PDF 또는 큰 이미지는 표시 너비(콤팩트/표준/와이드)를 전환할 수 있습니다."이미지 및 텍스트 카드 갤러리", "텍스트 카드 갤러리" 및 "이미지 및 텍스트 캐러셀"에서 각 카드를 사용자 지정할 수 있습니다.
인기, 1단계, NEW).모듈 양식 하단의 "사용자 지정 버튼 추가" 섹션에서 각 모듈에 최대 3개의 액션 버튼을 배치할 수 있습니다.
＋버튼 추가를 클릭하여 즉시 새 버튼을 만듭니다(패널을 떠나지 않고도 사이트 전체 브랜드 설정에 동기화됩니다).→): 배경이나 테두리가 없는 가벼운 링크, 슬라이딩 화살표 포함—카드나 섹션 하단에 적합.＋바닥글 메모를 클릭하여 버튼 아래에 작은 텍스트 줄을 추가합니다(예: "계약 없음, 언제든지 취소 가능").#앵커 설정대부분의 모듈 양식 하단( "사이트 전체 및 고급 설정" 섹션)에는 두 가지 유용한 기능을 사용할 수 있습니다.
pricing 또는 faq). 설정 후 이나 사용자 지정 버튼에서 해당 페이지를 선택할 때 #pricing을 연결하면 방문자가 클릭 시 해당 섹션으로 부드럽게 스크롤할 수 있습니다!필요한 만큼 모듈을 추가할 수 있습니다. 일반적으로 읽기 흐름과 전환 결과를 위해 페이지당 4~7개의 모듈을 유지하는 것을 권장합니다.
작업 직후 에디터 왼쪽 상단의 ↶ 실행 취소(또는 ⌘Z / Ctrl+Z)를 클릭하세요. 이미 페이지를 새로 고침하거나 떠난 경우, 상단의 "버전 기록"을 클릭하여 지난 30일간의 버전을 미리 보고 "이 페이지만 복원"을 클릭하여 복구할 수 있습니다(초안, 버전 기록 및 게시 참조).
모바일 화면에서 텍스트와 이미지가 충분히 크고 탭하기 쉽도록 모바일과 태블릿은 독립적인 열 설정을 가집니다. "행당 열 수" 필드 옆의 모바일/태블릿 아이콘을 클릭하여 각 기기의 설정을 확인하거나 조정할 수 있습니다.