PersonaCart 여정, 21편 중 17번째 글 - 2026년 9월 21일~27일
내가 배치하는 상품 페이지 | PersonaCart 여정
9월 21일~27일 주간에 상품 페이지 히어로 블록 목록과 상품 유형별 매장 카드를 만들었습니다. 커밋 기록을 바탕으로 정리한 되돌아보기 글입니다.
Vinod Morya
Co-founder, PersonaCart • 2026년 10월 12일
2026년 9월 21일~27일을 정리해 되돌아보는 글입니다. 10월 12일에 실시간 일기가 아니라 커밋 기록을 바탕으로 쓰고 있습니다. 다루는 기간: 2026년 9월 21일~27일.
요약
- 상품 페이지에 새 히어로 레이아웃과 블록 목록이 생겨서, 첫 화면에 무엇을 둘지 직접 정할 수 있습니다.
- 매장 카드가 이제 보여 주는 상품의 유형에 맞게 달라집니다.
- "영상 만들기"가 이제 몇 가지 안내 질문만으로 내 기기에서 렌더링됩니다.
핵심: 내가 배치하는 상품 페이지
상품 페이지는 대부분의 구매자가 결정을 내리는 곳입니다. 이번 주 이전에는 맨 위 섹션인 히어로가 고정된 한 가지 모양이었습니다. 스테이징 브랜치의 앱에서 히어로는 이제 여러 레이아웃으로 제공되고, 각 부분의 크기를 따로 정할 수 있습니다.
가장 큰 변화는 히어로 블록 목록입니다. 히어로는 제목, 가격, 설명, 옵션 선택기, 수량, 구매 버튼, 특징 줄 등의 부분으로 이루어집니다. 새 "표시 항목" 컨트롤이 각 부분을 켜고 끄는 단 하나의 장소입니다. 상품은 테마의 기본 목록을 따를 수도 있고, 그 상품에 맞게 직접 정할 수도 있으며, 초기화 버튼으로 기본값으로 돌아갈 수 있습니다. 기본 목록은 페이지가 예전과 똑같이 보이도록 그리므로 기존 페이지는 바뀌지 않습니다.
그 밖의 히어로 작업:
- 제목 아래에 세부 칩 줄(예: "온라인", "초보자 환영").
- 보너스의 가치처럼 각 특징 줄에 붙이는 선택적 값.
- 수량, 바로 구매 버튼, 옵션 스타일 선택, 휴대폰용 썸네일. Shopify가 상품 섹션에서 판매자에게 제공하는 컨트롤을 따랐습니다.
- 휴대폰에서는 공유 버튼이 사진 모서리에 떠 있습니다.
- 데스크톱 썸네일은 같은 너비의 열에 놓입니다.
이미 상품을 구매한 구매자에게는 이제 히어로 위에 가는 띠가 보입니다. "날짜에 구매하셨습니다. 주문 보기"입니다. 예약이라면 다음 세션이 언제인지와 관리 링크를 알려 줍니다. 이벤트라면 보유한 티켓 수와 티켓 링크를 알려 줍니다.
무엇을 파는지 아는 매장 카드
매장 페이지는 상품을 카드로 보여 줍니다. 공통 카드 디자인 다섯 가지를 만들었습니다. Compact, Cover, Spotlight, Ticket, Headline입니다. 각각이 상품 유형에 맞게 달라지므로 강좌, 서비스, 이벤트가 모두 같은 정보를 보여 주지 않습니다. 버튼 문구도 유형에 따라 바뀌며, 번역된 목록에서 가져오고 직접 입력 옵션도 있습니다. 편집기에서는 매장의 각 부분을 개별적으로 선택할 수 있고, 캔버스에서 상품 사진을 클릭하면 사진 프레임을 조정하는 작은 팝업이 열립니다. 필터를 걸어 결과가 없어진 구매자는 이제 빈 페이지가 아니라 쓸모 있는 곳에 도착합니다.
내 기기에서 만드는 영상
"영상 만들기" 도구는 이제 저희 서버가 아니라 브라우저에서 영상을 렌더링합니다. 안내 질문으로 시작해 템플릿을 채운 다음 다듬을 수 있게 해 줍니다. 템플릿은 정사각형, 세로형, 긴 휴대폰 화면, 와이드스크린 비율로 렌더링됩니다. 영상 안에 고정된 단어는 선택한 언어를 따릅니다. 상품은 첫 프레임부터 나오고 모든 사진은 한 번씩만 나타납니다.
이번 주에 만든 다른 것들
- 트레이너 페이지: 각 트레이너가 자신의 상품이 있는 공개 페이지를 가질 수 있고, 크리에이터는 제목, 이미지, 이름을 한 번에 저장해서 편집할 수 있습니다.
- 예약: 이제 Google 캘린더가 예약 시간대를 막습니다. 예약 상품에 보증금을 요구할 수 있습니다. 트레이너는 자신의 시간대가 확정, 취소, 이동될 때 알림을 받습니다.
- 실시간 채팅: 채팅 버튼의 이미지를 맞추고 프레임을 조정할 수 있습니다. 방문자는 가장 가까운 대도시와 국기를 보여 줍니다. 구매자 이름을 건드리지 않고 채팅 이름을 바꿀 수 있습니다. 위젯이 시작용 질문 칩을 제공할 수 있습니다.
- 테마 빌더: 사이드 패널이 이제 쉬운 라벨을 쓰고 모든 컨트롤에 툴팁이 있습니다.
- 지원과 캠페인: 작은 개선이 여럿 있으며 하나씩 나열하지는 않겠습니다.
코치와 아카데미 운영자에게 의미하는 것
캠프, 강좌, 일대일 세션을 판매하는 코치는 이제 각각에 고유한 상품 페이지 모양을 줄 수 있습니다. 페이지가 가격, 일정, 사진 중 무엇으로 시작할지는 여러분이 정합니다. 여러 코치와 세션을 운영한다면 각자 페이지를 가질 수 있고, 캘린더가 이중 예약을 막아 줍니다. 이미 예약한 학부모는 다시 방문했을 때 자신의 예약을 보게 되므로 "티켓이 어디 있나요?" 하는 메시지가 줄어듭니다.
팀 쪽은 Academy를, 요금제별 포함 내용은 가격을 확인하세요.
다음 글
다음 주는 AI에 관한 것입니다. 외부 AI 어시스턴트를 스토어에 연결하고, 어시스턴트가 바꾸는 것을 여러분이 승인합니다.
이야기해 볼까요? 저는 PersonaCart의 공동 창업자 중 한 명입니다. 질문, 아이디어, 혹은 저희가 만들어 주었으면 하는 것이 있다면 저에게 직접 편지를 보내 주세요: [email protected].
Vinod Morya, Co-founder, PersonaCart
Frequently asked questions
기존 상품 페이지가 바뀌나요?
아니요. 기본 블록 목록은 페이지를 예전과 똑같이 그립니다. 새 레이아웃이나 직접 정한 목록은 선택했을 때만 적용되며, 초기화하면 상품이 테마 기본값으로 돌아갑니다.
매장 카드 디자인 다섯 가지는 무엇인가요?
Compact, Cover, Spotlight, Ticket, Headline입니다. 각각이 상품 유형에 맞게 달라지므로 강좌, 서비스, 이벤트가 같은 정보를 보여 주지 않습니다.
영상 만들기는 어디에서 렌더링되나요?
저희 서버가 아니라 내 브라우저, 내 기기에서 렌더링됩니다. 몇 가지 안내 질문과 직접 다듬을 수 있는 채워진 템플릿으로 시작합니다.
Written by Vinod Morya
Co-founder, PersonaCart
Helping creators build successful online businesses with practical tips and strategies.
Subscribe to our newsletter
Get the latest creator tips and strategies delivered to your inbox.