[화면 개요 및 목적]

회사·프로그램 소개에서 국가별 상품으로 이어지는 첫 화면입니다. 고객은 관심 국가를 고르고 초기 6개 상품을 같은 형식으로 비교합니다.

[핵심 기능 로직]

선택 국가의 상품 3개를 보여주며 제목·유형·기간을 같은 위치에 배치합니다. 큰 탭과 카드로 시니어의 탐색 부담을 줄입니다. 데모 Step 1~2에서 체험합니다.

• 직접 상품 관리
  워드프레스 상품 유형
• 휴대폰에서도 읽기
  반응형 CSS

[화면 개요 및 목적]

관심 상품의 일정·대상·포함 내용을 읽고 상담으로 넘어가는 화면입니다. 결제는 넣지 않습니다.

[핵심 기능 로직]

핵심 정보를 구획별로 보여주고 카카오톡 상담 버튼을 시각적으로 강조합니다. 상담 링크는 관리자에서 바꿀 수 있습니다. 데모 Step 3에서 체험합니다.

• 상세를 쉽게 이해
  상품 상세 템플릿
• 상담 이동 관리
  카카오톡 링크 필드

[화면 개요 및 목적]

선택한 상품을 다시 확인하고 카카오톡 오픈채팅으로 넘어가는 안내 화면입니다.

[핵심 기능 로직]

선택 상품을 함께 보여줘 고객이 다른 상품 상담으로 이동하지 않게 돕습니다. 최종 버튼에서 관리자가 설정한 링크를 엽니다. 데모 Step 4에서 체험합니다.

• 선택 상품 유지
  상품별 상담 연결
• 문의 채널 변경
  관리자 링크 설정

[화면 개요 및 목적]

직원이 초기 상품 6개의 국가와 공개 상태를 확인하고 새 상품을 추가하거나 수정하는 화면입니다.

[핵심 기능 로직]

워드프레스 상품 입력 구조를 별도로 마련해 이미지와 텍스트를 같은 순서로 관리합니다. 목록은 공개·임시 저장 상태를 구분합니다.

• 직원이 직접 등록
  워드프레스 상품 유형
• 운영 실수 줄이기
  공개 상태 관리

[화면 개요 및 목적]

직원이 코드를 만지지 않고 상품명·국가·이미지·설명을 고치는 화면입니다.

[핵심 기능 로직]

입력 필드를 고정해 상품마다 정보 누락을 줄입니다. 저장 전 미리보기와 저장 상태를 보여줍니다.

• 입력 형식 통일
  워드프레스 사용자 필드
• 수정 전 확인
  미리보기 기능

[화면 개요 및 목적]

직원이 카카오톡 상담 링크를 변경하고 연결을 테스트하며 매뉴얼을 참고하는 화면입니다.

[핵심 기능 로직]

링크를 공통 설정에서 관리하고 저장 뒤 테스트 결과를 표시합니다. 운영 매뉴얼은 상품 등록과 링크 변경 순서를 안내합니다.

• 상담 링크 직접 변경
  워드프레스 설정 필드
• 운영 절차 전달
  관리자 매뉴얼

[화면 개요 및 목적]

[핵심 기능 로직]

[화면 개요 및 목적]

[핵심 기능 로직]

[화면 개요 및 목적]

[핵심 기능 로직]