가져온 페이지의 모든 요소 편집: PersonaCart 9월

PersonaCart를 만든 한 주, 2026년 9월 7일~13일을 코드 기록을 바탕으로 2026년 10월 12일에 정리한 되돌아보기 글입니다. 새 기능이 다른 주보다 적었던 주여서 이 글은 더 짧습니다. 다루는 기간: 2026년 9월 7일~13일.

요약

• 핵심 기능은 Beautify로 가져온 페이지의 모든 요소를 위한 설정 시트였습니다.
• 이제 휴대폰과 데스크톱이 컨테이너의 하위 요소를 서로 다른 순서로 보여 줄 수 있습니다.
• 멤버 전용 상품이면 구매자가 결제 전에 경고를 받습니다.

이 모든 것은 만들어져 있고 스테이징 브랜치에 있습니다. 플랫폼은 출시 전이며 주된 사용자는 저희 계정입니다.

핵심 기능: 가져온 페이지의 모든 요소 바꾸기

PersonaCart는 이미 가지고 있는 페이지를 편집할 수 있는 페이지로 바꿀 수 있습니다. 약점은 그다음이었습니다. 버튼 하나 주변의 여백을 바꾸거나 문단 하나를 가운데 정렬하고 싶어도 그에 맞는 컨트롤이 없는 경우가 많았습니다.

그래서 이번 주의 원칙은 이랬습니다. 요소를 탭하면 화면 아래에서 시트가 열리고 콘텐츠, 레이아웃, 스타일의 세 탭이 있습니다. 저희 자체 섹션을 위한 편집기 패널의 축소판입니다. 목표는 간단했습니다. 가져왔다고 해서 잠기는 것은 아니라는 것입니다.

시트는 실제 페이지에서 마주치는 요소 종류에 맞춰 만들어졌습니다.

• 텍스트. 안에 있는 굵게, 기울임, 링크를 잃지 않고 텍스트 구간별로 편집합니다. 정렬, 크기, 굵기, 색상, 그리고 화면 낭독기를 위한 제목 수준을 설정합니다.
• 이미지. 캡션, 초점, 고정된 가로세로 비율, 테두리, 즉시 로드와 지연 로드 중 선택.
• 링크와 버튼. 새 탭에서 열기, 크기 선택, 제휴 링크용 "sponsored" 표시, 접근성 라벨.
• 양식. 성공 메시지, 제출 버튼의 스타일, 필드 배치, 테두리.
• 영상. 포스터 이미지, 최대 너비, 재생 버튼 스타일, 미리 불러오기 옵션.
• 아이콘, 소셜 아이콘, 구분선. 원형 배경, 회전과 반전, 마우스를 올렸을 때의 확대, 새 탭에서 열기.
• 항목 목록. 항목 복제, 모바일 전용 간격, 항목 테두리, 마우스를 올렸을 때 떠오르는 효과, 차례로 나타나는 등장 효과.
• 컨테이너와 섹션. 레이아웃 모드, 그리드 열 수, 세로 정렬, 줄바꿈, 콘텐츠 너비, 전체 너비 토글, 이름이 붙은 슬롯으로 이동하는 목록.

그 위에 여백과 안쪽 여백 컨트롤이 이제 가져온 섹션의 모든 요소에서 동작합니다.

그 밖에 달라진 것

모바일 순서. 컨테이너는 휴대폰과 데스크톱에서 하위 요소를 서로 다른 순서로 보여 줄 수 있습니다. 예를 들어 예약 버튼이 390픽셀 화면에서는 첫 번째, 넓은 화면에서는 마지막에 오게 할 수 있습니다. 데스크톱 순서는 유일한 기준으로 유지됩니다. 카드 그리드도 모바일에서 자체 열 수를 설정할 수 있습니다.

멤버 전용 경고. 상품이 멤버 전용이면 구매자가 정보를 입력한 뒤가 아니라 결제 전에 상품 페이지에서 알림을 받습니다.

결제 관리 화면. 크리에이터의 결제 관리 페이지가 이제 체험, 무료 제공, 유료의 세 가지 상태를 구분합니다.

Pie. Pie FAQ 페이지가 보기 및 편집 대화 상자와 상품별로 묶인 카드로 다시 디자인되었습니다. 일시 중지된 Pie는 채팅에서 요청해 켤 수 있습니다. 일시 중지된 스토어가 도메인을 확인하면 Pie가 저절로 다시 시작합니다.

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

많은 코치가 이미 친구나 에이전시가 만든 웹사이트를 가지고 있습니다. 질문은 늘 같습니다. 통제권을 잃지 않고 옮길 수 있을까요? 요소 시트는 그중 "통제" 절반에 대한 저희의 대답입니다. 텍스트, 사진, 버튼 간격을 직접 바꿀 수 있다면 예전 사이트를 만든 사람에게 메시지를 보낼 필요가 없습니다.

지금 빌더가 무엇을 제공하는지 보려면 /tools에서 시작하세요. 결제 관련 질문은 /pricing에서 요금제를 볼 수 있습니다.

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

Vinod Morya, Co-founder, PersonaCart