페이지 편집기 개선과 상품 옵션

2026년 7월 5일~18일을 정리해 되돌아보는 글로, 10월에 앱 저장소들의 git 기록을 바탕으로 작성했습니다. 아래의 모든 내용은 스테이징 브랜치에 있는 코드입니다. 출시 공지가 아닙니다. PersonaCart는 출시 전입니다.

다루는 기간: 2026년 7월 5일~18일.

요약

• 페이지 편집기에서 요소를 배치하기가 쉬워졌습니다. 스냅 가이드, 더 부드러운 드래그, 원클릭 페이지 전체 템플릿입니다.
• 매장에 실제 쇼핑몰처럼 동작하는 상품 옵션이 생겼습니다. 사이즈 가이드, 교환, 선택한 옵션에 연결된 사진입니다.
• 어시스턴트 Pie가 이제 채팅 안에서 브리프만으로 페이지를 만들 수 있습니다.

만들려고 했던 것

두 가지입니다. 첫째, 디자인 배경이 없는 코치도 제목, 버튼, 사진을 배치하면 의도한 것처럼 보이는 페이지 편집기입니다. 둘째, 사이즈가 있는 상품을 팔 때 까다로운 부분을 다루는 매장입니다. 편집기 작업은 대부분 사소한 불편을 줄이는 일이었습니다. 매장 작업은 사이즈가 맞지 않는 경우처럼 판매 이후에 생기는 상황에 관한 것이었습니다.

편집기에서 만든 것

• 자동 정렬 스냅. 요소를 옮기면 가운데와 가장자리 가이드에 딱 맞게 붙습니다.
• 두 가지 드래그. 부모 안에서 끌면 간격이 미세하게 조정됩니다. 부모를 넘나들며 끌면 순서가 바뀝니다. 서로 다른 동작이고 결과도 다릅니다.
• 이미지 터치 드래그. 휴대폰에서 길게 눌러 이미지를 집어 올리며, 집어 올렸을 때 눈에 보이는 표시가 나타납니다.
• 페이지 전체 템플릿을 한 번에. 일반 모드에서 전체 페이지 템플릿으로 시작할 수 있습니다. 가공되지 않은 섹션을 쌓은 것이 아니라 완성된 페이지로 디자인한 스포츠 팀 템플릿도 있습니다.
• 텍스트 강조. 어떤 단어든 원하는 색으로 강조합니다.
• 버튼 스타일 복사와 붙여넣기. 한 버튼의 스타일을 복사해 다른 버튼에 붙여 넣으며, 레일 아이콘이나 컨텍스트 메뉴에서 할 수 있습니다.
• 무엇을 게시하는지 이름으로 알려 주는 게시 버튼. 어디에 있느냐에 따라 매장 게시, 페이지 게시, 테마 게시로 표시됩니다.
• 쓸모없는 선택지 줄이기. 도구 모음의 더보기 메뉴가 적용되지 않는 동작을 회색으로 두지 않고 숨기며, 새 요소는 잠깐 깜빡여서 어디에 놓였는지 알 수 있습니다.
• 마침내 실제로 반영되는 테마 컨트롤 두 개. 섹션 간격과 글자 크기 단계가 연결되어, 이 컨트롤이 페이지를 실제로 바꿉니다.

매장에서 만든 것

• 사이즈 및 치수 가이드. 한 번 만들어 여러 상품에서 다시 사용합니다.
• 옵션별 사진. 그리고 색상 같은 속성으로 사진을 지정해서 구매자가 고르는 대로 갤러리가 바뀌게 하는 방법.
• 교환. 주문이 사이즈 또는 옵션 교환 흐름을 거칠 수 있습니다.
• 순서 변경. 옵션 축과 값을 끌어서 원하는 순서로 정렬하면 스토어 전면이 그 순서를 따릅니다. 목록에서 상품 순서를 직접 바꿀 수도 있습니다.
• 상품 상세. 소재, 관리, 사양 편집기가 상품 페이지의 상세 블록에 내용을 채워 줍니다.
• 라벨. 상품마다 구매자에게 보이는 라벨을 달 수 있고, 매장에서 그 라벨로 필터링할 수 있습니다.
• 배송 테스트 모드. 배송 업체를 연결할 때 쓰는 샌드박스 스위치로, 실제 배송 없이 시험해 볼 수 있습니다.

마케팅과 운영

• 고객 태그별 쿠폰과 자동화. 쿠폰은 실제 태그, 세그먼트, 신규 또는 재방문 고객을 대상으로 할 수 있습니다. 자동화는 태그로 필터링할 수 있습니다.
• 스토어 전면별 메뉴. 헤더와 푸터 메뉴를 목록 페이지에서 연결합니다.
• 대량 가져오기. 가져오기/내보내기 영역에서 스토어 URL로 상품을 가져올 수 있습니다.
• 채팅으로 하는 작업. Pie가 결제 링크를 관리하고, 캠페인 대상을 정하고, 구독을 일시 중지하거나 재개할 수 있습니다. 또한 짧은 브리프로 페이지를 만들어 미리보기와 함께 섹션 목록을 보여 줍니다.

코치와 아카데미에 의미하는 것

프로그램을 판매하는 코치에게는 대개 사이즈 가이드가 필요하지 않지만, 장비나 의류도 파는 코치에게는 필요합니다. 교환과 옵션별 사진은 대부분의 작은 매장이 가장 어설프게 처리하는 부분입니다. 편집기의 변화는 모두에게 해당됩니다. 대부분은 곳곳에서 1분씩 아껴 주는 정도입니다.

이것을 Academy와는 구분해 두고 싶습니다. Academy는 팀과 일정을 다루는 쪽이며 온라인 스토어와는 별개입니다.

다음 글

그다음 2주는 BioLink의 판매와 예약, 도메인, 결제 관리가 중심입니다. 다음 글에서 다룹니다.

이야기해 볼까요? 저는 PersonaCart의 공동 창업자 중 한 명입니다. 질문, 아이디어, 혹은 저희가 만들어 주었으면 하는 것이 있다면 저에게 직접 편지를 보내 주세요: [email protected].

Vinod Morya, Co-founder, PersonaCart