고객 계정 페이지 사용자 지정

스토어의 고객 계정 페이지를 맞춤 설정하여 더욱 개인화된 고객 경험을 제공할 수 있습니다. 대부분의 맞춤 설정은 체크아웃 및 계정 편집기에서 수행되며 고객 계정 및 로그인 페이지 전체에 적용됩니다.

다음과 같은 방법으로 고객 계정을 맞춤 설정할 수 있습니다.

• 스토어의 브랜딩 및 스타일을 고객 계정 및 로그인 페이지에 적용합니다.
• 고객이 로그인한 후 리디렉션되는 위치를 맞춤 설정합니다.
• 고객이 스토어의 일부와 계정에 더 쉽게 액세스할 수 있도록 고객 계정 메뉴를 사용자 지정합니다.
• 고객 계정에서 스토어의 기본 도메인을 사용하도록 하위 도메인을 생성합니다.
• 앱을 사용하여 고객 계정에 블록 및 페이지를 추가하여 더 많은 기능을 추가합니다.
• 특정 마켓 및 지역에 맞게 고객 계정 페이지를 조정합니다.

고객 계정 브랜딩 및 스타일 맞춤 설정

체크아웃 및 계정 편집기에서 공유 브랜딩 설정을 편집하여 고객 계정 페이지의 브랜딩을 사용자 지정할 수 있습니다. 공유 브랜딩 설정에 대한 변경 사항은 고객 계정 및 로그인 페이지에도 자동으로 적용됩니다. 예를 들어 공유 브랜딩 설정에 로고를 업로드하면 체크아웃 페이지, 고객 계정 페이지 및 로그인 페이지에 해당 로고가 표시됩니다.

고객 계정 페이지와 로그인 페이지에서 직접 공유 브랜딩에서 상속된 일부 설정을 재정의하여 고객 계정 페이지의 스타일을 더 세부적으로 제어할 수 있습니다.

• 고객 계정 페이지의 로고 맞춤 설정
• 고객 계정 페이지의 색상 맞춤 설정
• 로그인 페이지 스타일 맞춤 설정
• 주문이 없는 고객을 위한 주문 페이지 맞춤 설정

고객 계정 페이지의 로고 사용자 지정

기본 공유 브랜딩 설정에 로고를 업로드하면 해당 로고가 고객 계정 및 로그인 페이지에도 표시됩니다. 고객 계정 및 로그인 페이지에서 상속된 로고 이미지와 크기를 직접 재정의할 수 있습니다.

단계:

1. Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.

2. 구성 섹션에서 사용자 지정하려는 구성 옆에 있는 편집을 클릭합니다.

3. 체크아웃 및 계정 편집기의 페이지 선택기 메뉴에서 로고를 변경할 고객 계정 페이지를 선택합니다.

4. 을 클릭한 다음 머리글을 클릭합니다.

5. 로고 섹션에서 이미지 필드를 클릭하고 새 로고를 선택합니다.

6. 선택 사항: 너비 슬라이더를 사용하여 로고의 사이즈를 조정합니다.

7. 저장을 클릭합니다.

고객 계정 페이지의 색상 맞춤 설정

기본 공유 브랜딩 설정에 배경 및 강조 색상을 추가하면 해당 색상이 고객 계정 및 로그인 페이지에도 사용됩니다. 고객 계정 및 로그인 페이지에서 직접 상속된 색상 설정을 재정의할 수 있습니다. 각 페이지의 색상은 독립적으로 재정의할 수 있습니다.

단계:

1. Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.

2. 구성 섹션에서 사용자 지정하려는 구성 옆에 있는 편집을 클릭합니다.

3. 체크아웃 및 계정 편집기의 페이지 선택기 메뉴에서 색상 설정을 변경하려는 고객 계정 페이지를 선택합니다.

4. 페이지 머리글의 배경색 맞춤 설정:

   1. 아이콘을 클릭한 다음 머리글을 클릭합니다.
   2. 색상 섹션에서 배경 설정을 클릭하고 머리글의 새 배경색을 선택합니다.

5. 페이지 본문의 배경색 또는 강조 색상 맞춤 설정:

   1. 아이콘을 클릭한 다음 메인을 클릭합니다.
   2. 배경 설정을 클릭하고 메인 페이지 본문의 새 배경색을 선택합니다.
   3. 강조 설정을 클릭하고 메인 페이지 본문의 새 강조 색상을 선택합니다.

6. 저장을 클릭합니다.

로그인 페이지 스타일 맞춤 설정

로그인 페이지는 고객이 온라인 스토어에서 계정에 로그인하기 위한 별도의 방문 페이지입니다. 체크아웃 및 고객 계정 페이지에 대해 선택한 설정과 독립적으로 로고와 색상을 맞춤 설정하여 이 페이지에 브랜딩을 더 돋보이게 할 수 있습니다. 이미지를 업로드하여 데스크톱 장치에서 히어로 이미지로 사용할 수도 있습니다.

단계:

1. Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.

2. 구성 섹션에서 사용자 지정하려는 구성 옆에 있는 편집을 클릭합니다.

3. 체크아웃 및 계정 편집기의 페이지 선택기 메뉴에서 로그인 페이지를 선택합니다.

4. 을 클릭한 다음 기본을 클릭합니다.

5. 로그인 페이지의 다음 스타일 요소를 조정할 수 있습니다.

   • 로고 섹션의 이미지 필드에 새 로고를 업로드합니다. 로고 너비를 수동으로 조정할 수도 있습니다.
   • 색상 섹션에서 배경 또는 강조 필드를 사용하여 로그인 페이지의 색상을 맞춤 설정합니다.
   • 미디어 섹션에서 이미지 필드를 사용하여 로그인 페이지의 히어로 이미지를 업로드합니다. 이 이미지는 데스크톱 장치에만 표시됩니다.

6. 저장을 클릭합니다.

주문이 없는 고객을 위한 주문 페이지 맞춤 설정

고객은 스토어에서 주문을 하지 않고도 계정을 생성할 수 있습니다. 로그인한 고객 중 주문이 없는 경우 표시할 기존 주문 기록이 없으므로 주문 페이지에 스토어의 홈페이지로 이동하는 지금 쇼핑하기 버튼이 표시됩니다.

관심을 유도하고 고객이 제품을 살펴보도록 기본 지금 쇼핑하기 버튼 외에도 주문 고객 계정 페이지에 표시할 스토어 컬렉션을 선택할 수 있습니다.

단계:

1. Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.

2. 구성 섹션에서 사용자 지정하려는 구성 옆에 있는 편집을 클릭합니다.

3. 체크아웃 및 계정 편집기의 페이지 선택기 메뉴에서 주문 페이지를 선택합니다.

4. 아이콘을 클릭한 다음 메인을 클릭합니다.

5. 주문 없음 섹션에서 빈 상태를 구성합니다.

   1. 선택 사항: 미리 보기를 클릭하여 미리 보기 창에 빈 주문 페이지를 표시합니다.
   2. 컬렉션 메뉴에서 컬렉션 선택을 클릭합니다.
   3. 기존 컬렉션을 선택하거나 컬렉션 생성을 클릭하여 빈 상태에 대한 새 컬렉션을 생성합니다.

6. 저장을 클릭합니다.

고객 계정 로그인 리디렉션 사용자 지정

고객이 스토어 계정에 로그인한 후 리디렉션되는 위치를 구성할 수 있습니다. 예를 들어, 고객을 로그인할 때 있었던 페이지로 다시 리디렉션하거나 특정 제품 컬렉션으로 리디렉션할 수 있습니다.

이 가이드에 따라 고객 계정 로그인 리디렉션을 사용자 지정하십시오.

고객 계정 메뉴 사용자 지정

고객 계정 메인 메뉴는 로그인한 고객을 위해 고객 계정 메인 섹션에 표시됩니다. 메뉴는 고객이 사용하는 장치에 따라 다른 위치에 표시됩니다.

• 데스크톱: 메뉴가 페이지 왼쪽에 수직으로 정렬되어 표시됩니다. 이 방식은 최대 3개 수준의 중첩된 탐색 옵션을 포함하여 다수의 메뉴 링크가 있는 메뉴를 렌더링하는 데 가장 적합하여 데스크톱 사용자가 쉽게 스캔할 수 있습니다.
• 모바일: 메뉴가 페이지 상단을 따라 수평으로 정렬되어 표시됩니다. 이를 통해 고객은 고객 계정의 페이지 간에 더 쉽게 전환할 수 있습니다. 메뉴에 5개 이상의 품목이 있으면 대신 아이콘이 표시됩니다.

최신 버전의 고객 계정을 사용하면 스토어에 고객 계정 메뉴가 자동으로 생성되며, 기본적으로 스토어 홈페이지 링크와 고객 주문 링크가 포함됩니다. 기본 customer-account-main-menu 고객 계정 메뉴를 기존 메뉴로 교체하거나 기본 메뉴를 편집할 수 있습니다.

기본 고객 계정 메뉴 편집

Shopify 관리자의 콘텐츠 > 메뉴 섹션 또는 체크아웃 및 계정 편집기에서 고객 계정 메뉴를 편집할 수 있습니다.

고객이 계정 관련 정보에 쉽게 액세스할 수 있도록 고객 계정 메인 메뉴에 다음 링크를 추가해 보세요.

• 프로필: 고객이 이름, 주소 등 개인 정보를 관리할 수 있는 프로필 페이지입니다.
• 앱: 로열티 보상 및 구독 앱과 같이 고객의 계정과 연결된 앱 페이지입니다.
• 온라인 스토어의 다른 템플릿.
• 외부 링크.

URL 리디렉션은 고객 계정 메뉴에서 지원되지 않습니다.

단계:

고객 계정 페이지용 하위 도메인 생성

고객 계정 페이지는 스토어의 기본 도메인을 기준 도메인으로 사용합니다. 예를 들어 기본 도메인이 your-store.com인 경우 고객 계정 하위 도메인은 account.your-store.com으로 생성됩니다. 기본 도메인을 변경하면 고객 계정 도메인이 이에 맞춰 업데이트됩니다. 기본 도메인을 확인하거나 변경하려면 Shopify 관리자에서 설정 > 도메인으로 이동합니다.

온라인 스토어의 기본 도메인을 사용하고 고객을 계정 페이지로 안내하는 고객 계정용 하위 도메인을 생성할 수 있습니다. 생성하는 도메인 이름은 스토어에 사용하는 기본 도메인 이름의 하위 도메인입니다. 하위 도메인은 모든 고객 계정 페이지의 기본 도메인 이름이 되어 로그인에서 계정 관리에 이르기까지 일관된 브랜드 경험을 제공합니다. 예를 들어 하위 도메인이 account.your-store.com인 경우 고객은 account.your-store.com/authentication/login에서 로그인 페이지에 액세스하게 됩니다.

고객 계정 페이지용 하위 도메인에 대해 자세히 알아보십시오.

앱을 사용하여 고객 계정 사용자 지정

앱으로 고객 계정을 사용자 지정하면 스토어에서 고객에게 더욱 향상된 경험을 제공할 수 있습니다. 앱을 사용하여 반품, 구독, 상향 판매, 리뷰, 위시리스트 등의 유용한 셀프 서비스 기능을 추가하고, 브랜딩을 일관되게 유지하며 로그인 프로세스를 간소화하십시오. 블록을 사용하여 기존 고객 계정 페이지에 기능을 추가하거나 고객 계정에 새 페이지를 추가할 수 있습니다. 예를 들어 앱 페이지를 지원하는 위시리스트 앱을 사용하는 경우, 고객이 위시리스트를 관리할 수 있는 위시리스트 페이지를 고객 계정에 추가할 수 있습니다.

체크아웃 및 계정 편집기를 사용하여 다음과 같이 사용자 지정할 수 있습니다.

• 주문 페이지, 주문 요약 및 프로필 등 기존 고객 계정 페이지에 블록을 추가합니다.
• 고객 계정에 새 앱 페이지를 추가합니다. 고객 계정에 새 앱 페이지를 추가한 후 앱이 직접 연결을 지원하는 경우 고객 계정 메뉴에 해당 페이지를 추가할 수 있습니다.

고객 계정 앱의 전체 목록은 Shopify App Store에서 확인하십시오. 앱을 사용하여 체크아웃 및 고객 계정 사용자 지정에 대해 자세히 알아보십시오.

블록을 사용하여 고객 계정에 페이지 추가

일부 앱은 고객 계정 머리글에 새 페이지를 추가할 수 있는 블록을 제공합니다. 예를 들어 위시리스트 앱은 고객 계정에 새 위시리스트 페이지를 추가할 수 있는 블록을 제공할 수 있습니다.

체크아웃 및 계정 편집기의 앱 사이드바에서 앱 페이지를 생성할 수 있습니다. 일부 앱 페이지는 직접 연결을 지원하므로 체크아웃 및 계정 편집기 또는 Shopify 관리자의 메뉴 페이지에서 페이지를 고객 계정 메뉴에 연결할 수 있습니다.

새 페이지를 추가한 후 앱 사이드바의 추가됨 탭 또는 체크아웃 및 계정 편집기의 페이지 선택기 메뉴에서 해당 페이지에 액세스할 수 있습니다.

단계:

1. Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.

2. 구성 섹션에서 사용자 지정할 체크아웃 구성 옆에 있는 사용자 지정을 클릭합니다.

3. 앱 섹션에서 페이지를 생성할 앱을 찾습니다.

4. + 아이콘을 클릭하고 페이지 추가 위치 섹션에서 계정을 클릭합니다.

5. 블록 설정에서 앱의 설정을 구성합니다.

6. 저장을 클릭합니다.

7. 선택 사항: 고객 계정 메뉴에서 고객에게 앱 페이지를 표시하려면 메뉴에 추가를 클릭합니다. 고객 계정 기본 메뉴 대화 상자에서 다음을 수행합니다.

   1. 체크아웃 및 계정 편집기에서 자동으로 채워지는 레이블과 링크를 검토합니다. 링크의 이름을 바꾸려면 레이블 필드를 업데이트합니다**.
   2. 선택 사항: 고객 계정 기본 메뉴에 추가할 다른 메뉴 항목을 추가합니다.
   3. 저장을 클릭합니다.

특정 시장에 맞게 고객 계정 페이지 사용자 지정

체크아웃 및 계정 편집기를 사용하여 특정 시장 및 지역에 맞게 고객 계정 페이지를 사용자 지정할 수 있습니다. 이를 통해 국내 시장의 고객을 위한 추가 계정 기능을 포함하거나 해외 지역의 고객 계정에 배송 지연과 관련된 사용자 지정 메시지를 표시하는 등 특정 지역에 맞게 고객 계정 페이지를 맞춤 설정할 수 있습니다.

브랜딩, 설정, 블록에 대한 시장별 재정의 외에도 고객 계정 페이지는 다음 사용자 지정 유형에 대한 시장별 재정의를 지원합니다.

• 타사 앱에서 제공하는 구독 관리 페이지와 같은 전체 페이지 확장 추가 또는 제거.
• 고객 계정 페이지의 머리글 섹션에 적용된 기본 customer-account-main-menu에서 변경하는 등 고객 계정 메뉴 변경.
• 반품을 요청하는 버튼과 같은 주문 작업 추가 또는 제거.

특정 시장에 맞게 체크아웃 및 계정 페이지 조정에 대해 자세히 알아보십시오.