영수증 사용자 정의
영수증 모양을 변경하려면 세 가지 방법이 있습니다. 필요에 맞는 가장 쉬운 방법을 선택하세요 — 대부분의 매장은 첫 번째 방법만으로 충분합니다.
세 가지 사용자 정의 방법
1. 다른 템플릿 선택하기
갤러리에서 미리 만들어진 템플릿을 사용합니다. 코드가 전혀 필요 없습니다. 적합한 경우: 다른 레이아웃, 가격 숨기기, A4 인보이스, 주방 전표.
2. AI에게 수정 요청하기
템플릿을 ChatGPT 또는 Claude에 붙여넣고 원하는 내용을 설명합니다. 코딩 기술이 필요 없습니다 — 일반 언어로 설명하기만 하면 됩니다. 적합한 경우: 문구, 색상 또는 배치 변경 등 간단한 수정.
3. 직접 편집하기
앱 내 편집기에서 템플릿을 직접 변경할 수 있습니다. 적합한 경우: 정밀한 제어가 필요하거나, 이미 HTML을 알고 있는 경우.
세 가지 방법 모두 같은 곳에서 시작합니다: WP Admin → POS → 템플릿. 이 페이지는 두 부분으로 구성되어 있습니다 — 상단의 내 템플릿(현재 사용 중인 템플릿)과 하단의 템플릿 갤러리(기본 제공 라이브러리).
옵션 1 — 다른 템플릿 선택
가장 쉬운 방법이며 대부분의 요구 사항을 충족합니다.
템플릿 갤러리 열기
WP Admin에서 POS → 템플릿으로 이동합니다. 내 템플릿을 지나 템플릿 갤러리 섹션으로 스크롤하면 스타터 라이브러리를 확인할 수 있습니다.
탐색 및 미리보기
카테고리(영수증, 송장, 선물 영수증, 주방 티켓, 견적서 / 구매 주문서), 형식(브라우저 인쇄용 HTML, 열전사 프린터용 ESC/POS) 또는 방향(왼쪽에서 오른쪽 또는 오른쪽에서 왼쪽)별로 필터링할 수 있습니다. 카드의 썸네일 또는 하단의 미리보기 링크를 클릭하면 매장의 실제 데이터로 라이브 미리보기가 열립니다.
사용하기
카드에서 템플릿 사용을 클릭합니다. WCPOS가 편집 가능한 사본을 만들어 페이지 상단의 내 템플릿에 추가합니다. 행의 활성화 토글을 켜면 영수증에 사용되며, 행의 그립 핸들을 드래그하여 순서를 변경할 수 있습니다. 여러 템플릿을 동시에 활성화할 수 있으며, 계산대에서 캐셔가 선택합니다.
템플릿 사용을 클릭하면 항상 새 사본이 생성됩니다. 원본 갤러리 템플릿은 변경되지 않으므로 언제든 다시 돌아와 다른 시작점을 선택할 수 있습니다. 여러 영수증 템플릿이 활성화된 경우 영수증 화면에 드롭다운이 표시되어 캐셔가 즉시 전환할 수 있습니다.
번들 템플릿
| 템플릿 | 형식 | 용도 |
|---|---|---|
| 표준 영수증 | HTML | 기본 — 로고, 항목, 합계, 결제. 대부분의 매장에 적합 |
| 표준 영수증 (RTL) | HTML | 표준과 동일하며, 아랍어 / 히브리어 / 페르시아어 / 우르두어용으로 미러링 |
| 미니멀 / 모던 | HTML | 표준과 동일한 정보를 더 적은 세로 공간에 배치 |
| 상세 영수증 | HTML | 전체 세금계산서 — SKU 열, 단가, 세율별 세금 내역, 주소 |
| 선물 영수증 | HTML | 항목만 표시 — 가격 숨김. 선물 메시지 및 반품 정책 포함 |
| 인보이스 | HTML | A4/레터 전체 페이지 인보이스. 미결제 주문에 "결제 방법" 패널 추가 |
| 포장 명세서 | HTML | 창고용 — 항목 + 수량, 배송지, 가격 없음 |
| 견적서 | HTML | 가격 및 조건이 포함된 사전 판매 문서 — 결제 섹션 없음 |
| 좁은 영수증 | HTML | 좁은 용지 또는 HTML 지원 감열 프린터용 고정폭 영수증 |
| 간단한 감열 영수증 (58mm) | 감열 | 깔끔한 58mm 감열 레이아웃 |
| 간편 감열 영수증 (80mm) | 감열 | 깔끔한 80mm 감열 레이아웃 — 가장 일반적 |
| 간편 감열 영수증 80mm (RTL) | 감열 | 80mm RTL 버전. 아랍어 코드페이지를 지원하는 프린터 필요 |
| 상세 감열 영수증 (58mm / 80mm) | 감열 | 세금 내역, 주소, 환불, 결제, 약관, 바코드 포함 |
| 주방 티켓 | 감열 | 품목만 표시, 큰 글꼴, 가격 없음 — 조리 스테이션용 |
대부분의 기본 제공 템플릿은 매장의 세금 설정에 자동으로 적응합니다 — 세금 포함 매장에서는 총액과 "세금 포함" 항목이 표시되고, 세금 별도 매장에서는 순액에 세금이 별도 항목으로 추가됩니다. 상세 계열은 설정에 관계없이 항상 전체 세금 내역을 표시합니다.
WP Overnight 송장 및 포장 명세서 템플릿
사이트에서 WP Overnight의 PDF Invoices & Packing Slips for WooCommerce도 사용하는 경우, WCPOS는 내 템플릿에 두 개의 추가 템플릿을 자동으로 추가합니다:
| 템플릿 | 형식 | 용도 |
|---|---|---|
| 송장 (WP Overnight) | 서버 렌더링 HTML | POS 주문에 대해 WP Overnight에서 구성한 송장 문서를 사용 |
| 포장 명세서 (WP Overnight) | 서버 렌더링 HTML | POS 주문에 대해 WP Overnight에서 구성한 포장 명세서 문서를 사용 |
이 템플릿은 WCPOS의 기본 제공 송장이나 포장 명세서 레이아웃을 복사하지 않습니다. WP Overnight에 POS 주문의 문서 렌더링을 요청하므로, 기존 송장 번호, 브랜딩, 법적/세금 필드 및 WP Overnight 템플릿 사용자 정의가 온라인 주문과 매장 주문 간에 일관되게 유지됩니다.
WP Overnight 플러그인이 활성화된 동안에만 표시됩니다. 출력은 별도의 PDF 다운로드가 아닌 WCPOS 인쇄 화면에서 HTML로 열립니다. 문서가 서버에서 렌더링되므로 이러한 템플릿을 인쇄할 때 POS에서 사이트에 연결되어 있어야 합니다. 오프라인 인쇄에는 기본 제공 HTML 또는 감열지 템플릿을 사용하세요.
매장별 지정
매장이 두 개 이상인 경우(Pro), 각 매장은 사이트 전체 기본값과 별도로 자체 템플릿 선택 및 정렬을 설정할 수 있습니다. 길 건너 카페에서는 다른 로고와 주소가 포함된 소형 감열지 영수증을 사용하고, 창고에서는 포장 명세서를 사용하며, 본점에서는 표준 영수증을 유지할 수 있습니다 — 모두 동일한 템플릿 갤러리에서 선택 가능합니다.
WP Admin → POS → 매장에서 설정한 후 구성하려는 매장을 엽니다. 매장 편집 페이지에 "매장별 영수증 템플릿" 토글이 있는 영수증 템플릿 섹션이 있습니다:
- 토글 끔 (기본값) — 매장은 POS → 템플릿 페이지의 사이트 전체 템플릿 목록을 상속합니다.
- 토글 켬 — 매장은 사이트 전체 기본값과 별도로 자체 템플릿 선택 및 정렬을 갖게 됩니다. 드래그 핸들을 사용한 순서 변경도 동일하게 작동합니다.
동일한 매장 편집 페이지에서 각 매장의 레터헤드(로고, 주소, 연락처 정보 및 영수증 메시지 블록 — 맺음말, 반품 정책, 푸터)도 관리합니다. 기본 제공 템플릿은 이러한 매장별 필드를 참조하므로, 하나의 "표준 영수증" 템플릿으로 각 지점마다 다른 브랜딩을 적용할 수 있습니다.
직원이 매장에 로그인하면 해당 매장에서 활성화된 템플릿만 영수증 드롭다운에 표시됩니다.
WP Admin의 템플릿 페이지에서 전체 사이트의 기본값을 설정합니다. 매장별 재정의는 하나의 템플릿(예: 표준 영수증)이 각 지점에서 다른 브랜딩을 적용하거나, 특정 지점에서만 다른 레이아웃을 사용할 수 있도록 하기 위한 것입니다. 모든 매장에서 동일한 템플릿을 사용하려면 매장별 지정을 비워두면 사이트 전체 기본값이 적용됩니다.
옵션 2 — AI에게 수정 요청하기
갤러리가 거의 맞지만 완벽하지 않다면, AI 어시스턴트가 몇 분 안에 수정해 줄 수 있습니다. HTML을 알 필요도 없습니다.
템플릿 복사
WP Admin → POS → 템플릿에서 시작할 템플릿을 열고, 편집기에 들어가 왼쪽의 텍스트를 모두 선택합니다(Ctrl/Cmd + A). 그런 다음 복사합니다.
변경 사항 설명
AI에게 원하는 내용을 정확히 알려주세요. 다음은 잘 작동하는 예시입니다:
- "매장 이름을 더 크게, 가운데 정렬로 해 주세요."
- "하단에 이탤릭체로 감사 메시지를 추가해 주세요."
- "고객 이름을 숨기고, 주문 번호 아래에 전화번호를 추가해 주세요."
- "바코드를 반품 페이지로 연결되는 QR 코드로 변경해 주세요."
- "매장 이름 아래에 '1987년부터 가족이 운영하는 가게'라는 슬로건을 추가해 주세요."
AI가 수정된 템플릿을 반환합니다.
다시 붙여넣기
AI의 응답을 복사합니다. WCPOS 템플릿 편집기로 돌아가서 전체 선택(Ctrl/Cmd + A)한 후 새 버전을 붙여넣고 업데이트를 클릭합니다. 오른쪽 미리보기가 새로고침되어 결과를 확인할 수 있습니다. 원하는 대로 표시되지 않으면 AI에게 수정을 요청하고 문제가 무엇인지 설명하세요.
갤러리에서 템플릿 사용을 클릭할 때마다 편집 가능한 새 사본이 생성되므로 원본은 안전하게 유지됩니다. 실험 중이라면 동일한 갤러리 템플릿을 여러 번 사용할 수 있습니다. 사본의 이름을 변경하고 (영수증 v1, 영수증 v2) 결정하는 동안 서로 전환하며 비교해 보세요.
{{store.name}}이나 {{order.number}} 같은 부분은 실제 데이터를 대체하는 플레이스홀더입니다. AI가 이를 이해하므로 직접 알 필요는 없습니다. 사용 가능한 모든 플레이스홀더를 확인하려면 영수증 데이터 참조를 참고하세요.
옵션 3 — 직접 편집하기
HTML을 조금 알고 있거나 개발자와 함께 작업하는 경우, 앱 내 편집기에서 템플릿을 직접 편집할 수 있습니다. 편집기에는 실시간 미리보기, 구문 강조, 검색 가능한 필드 선택기, 실행 취소/다시 실행, 찾기 및 바꾸기 기능이 있습니다.
엔진을 선택하세요:
- HTML 템플릿 — Mustache 스타일
{{variable}}플레이스홀더. 클라이언트 측에서 렌더링되며 오프라인에서도 작동합니다. 대부분의 매장에 권장됩니다. - 감열 프린터 템플릿 — ESC/POS 감열 프린터용 XML. 동일한 템플릿으로 화면 미리보기와 프린터 출력을 모두 생성합니다.
- 영수증 데이터 참조 — 사용할 수 있는 모든 플레이스홀더를 섹션별로 정리한 목록입니다.
이전에 테마의 PHP 파일(yourtheme/woocommerce-pos/receipt.php)로 영수증을 재정의한 경우, 해당 방식은 여전히 작동합니다. 이제 갤러리에서 레거시 PHP 템플릿으로 표시되며, 새로운 로직리스 엔진 및 감열 프린터 엔진과 함께 제공됩니다. WP Overnight 통합도 서드파티 문서 API가 서버에서 HTML을 렌더링하므로 서버 렌더링 경로를 사용합니다. 새로운 사용자 정의는 갤러리 또는 인앱 편집기를 사용하는 것이 좋습니다. 오프라인에서 작동하고 실시간 미리보기가 가능하며 서버 왕복이 필요 없습니다.
일반적인 사용자 정의
가장 자주 받는 질문에 대한 빠른 답변입니다.
매장 로고를 추가하려면 어떻게 하나요?
로고는 템플릿이 아닌 매장 설정에서 가져옵니다. WP Admin → POS → 설정 → 매장으로 이동하여 매장을 편집하고 로고를 업로드하세요. 로고를 표시하는 모든 기본 제공 템플릿에서 자동으로 사용됩니다.
템플릿에서 로고가 표시되는 위치를 변경하려면 템플릿을 편집하여 {{#store.logo}}<img src="{{store.logo}}" ...>{{/store.logo}} 블록을 원하는 위치로 이동하세요.
하단 텍스트를 변경하려면 어떻게 하나요? (예: '구매해 주셔서 감사합니다!')
두 가지 방법이 있습니다:
- 가장 쉬운 방법 — WP Admin → POS → 설정 → 매장 → 매장 상세 → 영수증 하단 문구 / 개인 메모에서 한 번 설정하면 모든 영수증에 적용됩니다. 기본 제공 템플릿에 자동으로 반영되며, 하단 문구가 설정되지 않은 경우 "구매해 주셔서 감사합니다!" 같은 기본 문구가 표시됩니다.
- 단일 템플릿에서 — 템플릿을 편집하여 하단 문구를 직접 교체합니다.
{{store.personal_notes}}또는 기존 감사 인사 문구를 찾아 수정합니다.
매장 이름 아래에 태그라인이나 슬로건을 추가하려면 어떻게 하나요?
템플릿을 편집하여 {{store.name}} 아래에 줄을 추가합니다:
<div style="font-style: italic; color: #6b7280;">Family-owned since 1987</div>
감열지 템플릿의 경우:
<align mode="center"><text>Family-owned since 1987</text></align>
가격을 숨기려면 어떻게 하나요? (선물용 영수증)
갤러리에서 선물 영수증 카드의 템플릿 사용을 클릭합니다. 모든 가격과 합계를 숨기면서 항목, SKU, 속성, 선물 메시지는 그대로 표시합니다. 편집할 필요가 없습니다.
가격이 없는 영수증을 직접 만들려면 아무 템플릿이나 복사한 후 {{...total...}}, {{...price...}} 및 {{#totals}}...{{/totals}} 블록을 삭제합니다.
바코드를 QR 코드로 변경하려면 어떻게 하나요?
템플릿에서 <barcode> 요소를 찾아 type 속성을 변경합니다:
<!-- Default: Code 128 barcode of the order number -->
<barcode type="code128">{{order.number}}</barcode>
<!-- Switch to a QR code -->
<barcode type="qrcode">{{order.number}}</barcode>
<!-- Or encode something else, like a returns URL -->
<barcode type="qrcode">https://example.com/returns?order={{order.number}}</barcode>
동일한 <barcode> 구문은 HTML 및 감열지 템플릿 모두에서 사용할 수 있습니다. 지원되는 다른 유형으로는 ean13, ean8, upca, pdf417 및 bwip-js가 지원하는 모든 것.
특정 프린터에 다른 템플릿을 전송하려면 어떻게 하나요?
POS 앱에서 설정 → 인쇄 라우팅으로 이동합니다. 활성화된 각 템플릿 옆에 프린터 드롭다운이 표시됩니다. 원하는 프린터를 선택하거나 자동으로 두면 됩니다.
- 자동은 템플릿을 프린터에 자동으로 매칭합니다 — 감열 템플릿은 감열 프린터로, HTML 템플릿은 시스템 인쇄 대화 상자로 전송됩니다.
- 특정 프린터를 지정하면 자동 설정을 무시하고 해당 템플릿을 항상 지정된 프린터로 전송합니다.
- 인쇄 시 캐셔는 영수증 화면의 프린터 드롭다운을 사용하여 위 설정을 재정의할 수 있습니다.
라우팅은 기기별로 저장되므로 각 iPad 또는 컴퓨터마다 별도로 설정할 수 있습니다.
편집 후에도 영수증에 이전 버전이 표시됩니다
템플릿 편집 화면에서 WordPress 업데이트 버튼을 클릭합니다. 편집기는 자동 저장되지 않으므로 업데이트를 클릭해야만 변경 사항이 저장됩니다.
레거시 PHP 템플릿의 경우, 편집기의 미리 보기는 현재 입력 중인 내용이 아닌 마지막으로 저장된 버전을 표시합니다. 먼저 저장한 후 미리 보기를 새로고침하세요.
미리보기가 비어 있거나 'POS 주문을 찾을 수 없음'이 표시됩니다
이 현상은 미리보기에 실제 주문이 필요한 레거시 PHP 템플릿에서만 발생합니다. POS 주문을 하나만 처리하면(테스트용 $0 판매도 가능) 미리보기가 정상적으로 작동합니다.
로직리스(HTML) 및 감열식 템플릿은 항상 대체용 샘플 데이터가 있으므로, 새로 만든 매장에서도 미리보기가 정상적으로 표시됩니다.
엉망이 되었습니다 — 처음부터 다시 시작하려면 어떻게 하나요?
세 가지 안전장치:
- 편집기에는 현재 세션의 변경 사항을 되돌리는 실행 취소(Ctrl/Cmd + Z) 기능이 있습니다.
- 저장할 때마다 WordPress 리비전이 생성됩니다. 편집 화면에서 리비전을 열면 이전 버전과 비교하고 복원할 수 있습니다.
- 갤러리 템플릿에서 시작한 경우, 내 템플릿에서 해당 사본의 삭제를 클릭한 다음, 같은 갤러리 카드에서 템플릿 사용을 다시 클릭하면 수정되지 않은 새 사본을 받을 수 있습니다.
도움을 요청해야 할 때
- 템플릿 편집기가 로드되지 않거나, 저장한 내용이 유지되지 않는 경우.
- 한 기기에서는 영수증이 정상 출력되지만 다른 기기에서는 그렇지 않은 경우.
- 특정 국가(이탈리아, 브라질, 스페인 등)의 세금/법적 레이아웃이 필요한 경우 — 이러한 레이아웃은 일반적으로 WCPOS Pro 또는 해당 국가 전용 통합 기능으로 처리됩니다.
- 커스텀 작업을 시도하고 있지만 AI로 원하는 결과를 얻기 어려운 경우.
지원 티켓을 열고 작업 중인 템플릿을 붙여넣으면, 도움에 필요한 모든 정보를 확인할 수 있습니다.