템플릿 빌더

템플릿 빌더는 청구서 및 견적서의 맞춤형 레이아웃을 디자인할 수 있는 강력한 비주얼 편집기입니다. 블록 기반 시스템의 드래그 앤 드롭 인터페이스를 사용하여 코딩 없이 전문적이고 브랜드화된 문서를 만들 수 있습니다.

템플릿이 제어하는 것: - 문서 레이아웃 및 구조 - 정밀한 그리드에서의 블록 위치 및 크기 - 문서에 표시되는 요소(및 표시되지 않는 것) - 각 블록의 시각적 스타일링 - 전체 문서 외관 및 브랜딩

템플릿의 이점: - 모든 문서에 걸쳐 일관된 브랜딩 - 브랜드를 반영하는 전문적인 외관 - 문서 작성 시 빠른 템플릿 전환 - 다양한 목적을 위한 재사용 가능한 디자인 - 코딩 또는 디자인 기술 불필요

참고: 템플릿 빌더는 모든 플랜에서 사용 가능합니다.

템플릿 빌더는 효율적인 템플릿 생성을 위해 설계된 3패널 레이아웃을 사용합니다.

왼쪽 패널 - 블록 팔레트: - 현재 문서 유형(청구서 또는 견적서)에 사용 가능한 블록 유형 - 카테고리별로 그룹화된 블록: 고객, 항목 및 제품, 합계, 청구서 정보, 일반 - 이름으로 블록을 빠르게 찾기 위한 검색창 - 캔버스에 블록 드래그(또는 모바일에서는 탭하여 추가) - 각 블록에는 아이콘, 이름, 도구 설명 설명이 있습니다

중앙 패널 - 캔버스: - A4 비율을 유지하면서 화면에 맞게 크기가 조정되는 A4 크기 캔버스 - 정밀한 정렬을 위한 그리드 오버레이 - 블록을 드래그 앤 드롭하여 위치 지정; 가장자리 또는 모서리를 드래그하여 크기 조정; 화살표 키로 미세 조정 - 블록을 클릭하여 선택하고 설정 열기 - 현지화된 플레이스홀더 샘플 데이터로 실시간 미리보기 렌더링

오른쪽 패널 - 구성: 블록을 선택하면 해당 블록의 설정이 표시되고; 아무것도 선택하지 않으면 페이지 설정이 표시됩니다: - 블록 위치(그리드의 열, 행) 및 크기(열 너비, 행 높이) - 블록별 필드 및 스타일 탭(블록을 삭제하지 않고 개별 필드 표시 또는 숨기기) - 재설정(블록을 기본값으로 되돌리기) 및 삭제 버튼 - 페이지 설정: 여백, 페이지 배경, 텍스트 배율, 페이지 매김

헤더 컨트롤: - 뒤로 버튼(편집기 종료; 저장하지 않은 변경 사항이 있으면 확인 메시지 표시) - 템플릿 이름 입력 필드 - 페이지 설정 버튼(오른쪽 패널을 페이지 수준 설정으로 전환) - 지우기 버튼(캔버스에서 모든 블록 제거, 확인 포함) - PDF 미리보기(모달에서 샘플 데이터 PDF 미리보기 생성) - 저장 버튼(새 템플릿은 먼저 이름을 입력하도록 요청)

템플릿 빌더는 22가지 블록 유형을 제공합니다. 모든 청구서 또는 견적서는 이러한 블록들로 구성됩니다 — 어떤 것을 포함할지, 그리드에서 어디에 배치할지 선택하면 됩니다. 팔레트에서 고객, 항목 및 제품, 합계, 청구서 정보, 일반으로 그룹화되어 있습니다.

아래에서 블록은 더 쉽게 훑어볼 수 있도록 목적별로 그룹화되어 있습니다:

신원 블록은 문서가 누구에게서 누구에게로 가는지 설명합니다. 문서 블록은 메타데이터(번호, 날짜, 참조)를 보유합니다. 콘텐츠 블록은 본문을 담습니다: 품목, 텍스트, 이미지, 메모. 금액 블록은 합계, 결제 정보, 조건을 표시합니다. 레이아웃 블록은 구분선, 도장, 코드로 구조를 제공합니다.

모든 블록은 선택적이며, 크기 조정 가능하고, 독립적으로 스타일링할 수 있습니다.

각 블록은 선택 시 편집기 오른쪽의 구성 패널을 사용하여 사용자 정의할 수 있습니다.

공통 설정 (모든 블록): - X 위치 - 24열 그리드에서 수평 위치(1-24열) - Y 위치 - 수직 위치(행 번호) - 너비 - 블록이 차지하는 열 수(1-24) - 높이 - 블록이 차지하는 행 수

블록별 설정: 블록마다 다른 구성 옵션이 있습니다: - 텍스트 블록 - 콘텐츠 텍스트, 글꼴 크기, 텍스트 정렬 편집 - 품목 라인 - 열 너비, 특정 열 표시/숨기기 - 날짜 블록 - 날짜 형식, 맞춤 레이블 텍스트 - 로고/브랜드 - 블록 내에서의 크기, 정렬 - 발신인/수신인 - 표시할 필드, 레이블 사용자 정의

필드 가시성: 블록의 필드 탭을 사용하여 블록을 제거하지 않고 개별 필드(레이블, 날짜, 열, 주소 행 등)를 표시하거나 숨깁니다. 블록을 디자인에 유지하면서 더 간결한 모습을 원할 때 유용합니다.

스타일링: 일부 블록은 맞춤 스타일링을 지원합니다: - 글꼴 크기 - 텍스트 정렬(왼쪽, 가운데, 오른쪽) - 테두리 스타일 - 배경 색상

Invotify는 청구서 레이아웃의 시작점으로 사용하거나 직접 사용할 수 있는 12개의 전문적으로 디자인된 사전 제작 템플릿을 포함합니다. 모든 플랜에서 사용 가능합니다.

5가지 스타일 디자인 (범용 모양): - 클래식 비즈니스 - 깔끔한 모습의 전통적인 기업 레이아웃 - 모던 미니멀 - 충분한 여백과 미묘한 강조가 있는 현대적인 디자인 - 프로페셔널 코퍼레이트 - 모든 비즈니스 필드가 있는 포괄적인 레이아웃(PO 번호, QR 코드 등) - 크리에이티브 볼드 - 창의적인 비즈니스를 위한 강렬한 강조가 있는 눈길을 끄는 디자인 - 컴팩트 이피션트 - 빠른 단일 페이지 청구서를 위한 공간 효율적인 레이아웃

7가지 회사 유형 디자인 (각각 업계에 맞춤화, 다양한 블록 활용): - 컨설팅 - 깔끔한 전문 서비스 레이아웃 - 법률 - 사안/참조 필드가 있는 공식 레이아웃 - 크리에이티브 스튜디오 - 스튜디오 및 에이전시를 위한 대담하고 디자인 중심의 레이아웃 - 기술 및 SaaS - 소프트웨어 및 구독에 적합한 모던 레이아웃 - 건설 및 설비 - 현장 및 조건 세부 정보가 있는 작업 중심 레이아웃 - 회계 및 금융 - 정밀하고 수치 중심의 레이아웃 - 건축 - 서비스 기간이 있는 프로젝트 중심 레이아웃

각각은 다양한 블록(결제 세부 정보, 메모 및 약관, 서비스 기간, 서명, 사용자 정의 필드, 상태 도장, PO 번호, 배송 주소 등)을 강조하는 별개의 레이아웃입니다 — 같은 구조를 색상만 바꾼 것이 아닙니다.

디자인 쇼핑: 템플릿 페이지에는 이러한 큐레이션된 디자인이 포함된 "전문 디자인" 섹션이 있습니다: - 사용 가능한 템플릿 디자인 탐색 - 샘플 데이터로 어떻게 보이는지 보려면 디자인에서 미리보기 클릭 - 추가를 클릭하여 내 컬렉션에 디자인 복사 - 추가된 디자인을 편집하여 추가로 사용자 정의

디자인 추가하기: 마음에 드는 사전 제작 디자인을 찾으면: 1. 미리보기를 클릭하여 전체 크기로 확인 2. 추가 클릭(복사되면 "추가됨"으로 변경) 3. 개인 템플릿 라이브러리에 복사본이 추가됨 4. 복사본을 편집하여 색상, 블록, 레이아웃 사용자 정의

추가된 디자인은 완전히 편집 가능합니다 — 정확한 필요에 맞게 블록을 추가, 제거하거나 위치를 변경할 수 있습니다.

템플릿을 디자인한 후 청구서 및 견적서에서 사용할 수 있도록 저장합니다.

저장하기: 1. 템플릿에 설명적인 이름 부여 2. 저장 버튼 클릭 3. 템플릿이 계정에 저장됨 4. 문서 작성 시 템플릿 선택기에 템플릿이 나타남

템플릿 사용하기: 청구서 또는 견적서를 작성할 때: 1. 편집기에서 템플릿 선택기 클릭 2. 사용 가능한 템플릿 탐색 3. 클릭하여 템플릿 선택 4. 해당 템플릿을 사용하도록 문서 레이아웃 업데이트

템플릿 관리하기: - 템플릿 목록에 모든 저장된 템플릿 및 사전 제작 옵션이 표시됨 - 빌더에서 열어 모든 템플릿 편집 - 사전 제작 디자인을 다시 추가하여 다른 시작점으로 활용 - 더 이상 필요 없는 템플릿 삭제

기본 템플릿: 새 문서를 만들 때 가장 최근에 업데이트된 템플릿이 미리 선택되며, 템플릿 선택기에 모든 사용 가능한 옵션이 표시됩니다.