가입 후 Shopify 로그인 리디렉션: 2026년 가이드

Shubham Vats · Revize 창업자

게시일 · 수정일 · 5분 읽기

이 글의 목차

새 고객 계정으로 로그인한 고객의 이동 페이지 설정하기

Shopify의 기본 routes.account_login_url은 고객을 고객 계정 로그인 절차로 안내한 다음 계정의 주문 목록으로 이동시킵니다. 테마의 로그인 링크에서 routes.storefront_login_url을 사용하면 고객이 이전에 보던 스토어프런트 페이지로 돌아가며, return_to 매개변수를 사용하면 다른 스토어프런트 상대 경로로 보낼 수 있습니다. 이동 목적지는 테마에 있는 URL이 결정하므로 실제로 사용하는 로그인 링크를 테스트하세요. Shopify의 고객 로그인 링크 및 리디렉션 가이드에 이 옵션들이 설명되어 있습니다.

이 경로는 구매 후 고객 지원에도 중요합니다. Revize에 따르면 주문의 5.2%, 약 19건 중 1건이 결제 후 수정되며(Revize, 2026), 주문 상태 페이지에서 고객 포털을 열 수 있습니다. 이 가이드에서는 Shopify가 문서화한 경로로 스토어프런트 이동 목적지를 설정하고 로그인 흐름을 테스트하는 방법을 설명합니다.

로그인 후 이동할 페이지를 변경해야 하는 이유

  • 원활한 사용자 경험(UX): 마지막으로 방문한 페이지로 돌아가면 고객이 중단한 지점에서 바로 쇼핑을 이어갈 수 있습니다.
  • 일관된 브랜드 경험: 홈페이지로 보내면 브랜드를 다시 보여주고 현재 프로모션이나 추천 컬렉션을 소개할 수 있습니다.
  • 목적에 맞는 안내: ‘신상품’ 페이지나 ‘내 계정’ 대시보드처럼 특정 페이지로 보내 고객의 다음 행동을 안내할 수 있습니다.
  • 혼란 감소: 쇼핑을 계속하려던 고객이 갑자기 주문 페이지에 도착하는 일을 막을 수 있습니다.

시작하기 전에: 테마를 반드시 백업하세요!

코드를 수정하기 전에 현재 사용 중인 테마를 백업하세요. 예상치 못한 문제가 생기면 쉽게 이전 상태로 되돌릴 수 있습니다.

  1. Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
  2. 현재 테마를 찾아 ⋯ 메뉴를 클릭합니다.
  3. 복제를 선택합니다.
  4. 복제한 테마를 알아보기 쉽게 이름을 바꿉니다(예: “테마 백업 - 로그인 리디렉션 수정 전”).

1단계: 수정할 Shopify 테마 파일 찾기

로그인 링크 코드는 보통 헤더 관련 파일에 있습니다. 정확한 파일은 테마에 따라 다릅니다.

  • 대부분의 테마(Dawn 같은 Shopify 무료 테마 포함):

    • 데스크톱 헤더: sections/header.liquid
    • 모바일 헤더/드로어: 대개 sections/header.liquid에 있으며, snippets/header-drawer.liquid 또는 snippets/mobile-nav.liquid에 있을 수도 있습니다.
  • 타사 테마: 비슷한 역할의 파일을 찾습니다. 흔한 파일 이름은 다음과 같습니다.

    • sections/header.liquid
    • snippets/navigation.liquid
    • snippets/account-links.liquid

팁: 테마 코드 편집기(⋯ > 코드 편집)를 열고 편집기 검색창에서 routes.account_login_url이나 계정 아이콘·링크 코드의 일부를 검색하면 정확한 위치를 찾을 수 있습니다. 데스크톱과 모바일 화면에 쓰이는 코드를 모두 확인하세요.

2단계: 로그인 리디렉션 URL 수정하기

로그인 링크가 들어 있는 파일을 찾았다면 다음 Liquid 코드를 찾습니다.

{{ routes.account_login_url }}

원하는 이동 경로에 따라 이 코드를 다음과 같이 바꿉니다.

옵션 A: 고객을 마지막으로 방문한 페이지로 보내기

대부분의 고객에게 편리한 방법입니다. 기존 코드를 다음으로 바꿉니다.

{{ routes.storefront_login_url }}

header.liquid 파일에서 로그인 리디렉션을 설정하는 Shopify Liquid 코드 편집기

이 변수는 고객이 ‘로그인’을 클릭했을 때 보고 있던 페이지를 자동으로 기억합니다.

옵션 B: 고객을 스토어 홈페이지로 보내기

로그인한 고객을 항상 홈페이지로 보내려면 기존 코드를 다음으로 바꿉니다.

/customer_authentication/login?return_to=%2F

%2F는 루트 경로(홈페이지)를 뜻하는 /를 URL 인코딩한 값입니다.

옵션 C: 고객을 특정 페이지로 보내기(예: ‘신상품’)

특정 컬렉션이나 별도의 계정 대시보드 페이지로 보내려면 기존 코드를 다음으로 바꿉니다.

/customer_authentication/login?return_to={{ "/collections/new-arrivals" | url_encode }}

중요: /collections/new-arrivals를 원하는 도착 페이지의 상대 URL로 바꾸세요(예: /pages/welcome 또는 /collections/all). | url_encode 필터는 URL이 올바른 형식으로 처리되도록 합니다.

3단계: 저장, 테스트, 게시하기

  1. 테마 파일 편집기에서 변경 사항을 저장합니다.
  2. 테마를 미리 보기로 확인합니다. 고객 계정에 로그인한 상태라면 로그아웃한 뒤 로그인 과정을 테스트하세요. 홈페이지, 상품 페이지, 컬렉션 페이지 등 여러 페이지에서 로그인해 선택한 옵션대로 이동하는지 확인합니다. 데스크톱과 모바일 화면을 모두 확인하세요.
  3. 모든 기능이 올바르게 작동하면 온라인 스토어 > 테마로 돌아갑니다. 수정한 테마(복제본일 수 있습니다)를 찾아 게시를 클릭합니다.

한 걸음 더 나아가기: 구매 후 고객 여정 개선하기

로그인 리디렉션을 조정하면 고객이 구매하거나 주문을 확인하기 전의 여정을 더 편리하게 만들 수 있습니다. 그렇다면 주문을 완료한 후에는 어떨까요?

매끄러운 경험은 로그인에서 끝나서는 안 됩니다. 고객은 주문 처리 전에 주소를 바로잡거나 옵션을 바꾸거나 주문을 취소해야 할 수 있습니다. Revize는 판매자가 설정한 수정 가능 시간 동안 Shopify 주문 상태 페이지에서 고객이 직접 주문을 수정할 수 있는 포털을 제공합니다.

포털을 표시하려면 주문 상태 페이지 편집기에서 Revize 앱 블록을 활성화하세요. 고객은 주문 확인 이메일의 Edit Order 링크로도 포털을 열 수 있습니다. 가능한 수정 항목은 판매자 설정과 Revize 요금제에 따라 다르며, 상품 추가와 할인 적용은 Pro 기능입니다.

마무리

Shopify 고객 계정 로그인 후 리디렉션을 조정하면, 테마에서 routes.storefront_login_url을 사용할 때 고객을 이전에 보던 스토어프런트 페이지로 돌려보낼 수 있습니다. 특정 목적지를 지정하려면 return_to 매개변수에 스토어프런트 상대 경로를 넣고 게시된 테마에서 로그인 흐름을 테스트하세요. 이 변경은 스토어프런트 로그인 링크에 적용되며, 고객 계정의 로그인이나 보안 설정을 바꾸지는 않습니다.

스토어에 맞게 설정하고 즐겁게 판매하세요!

함께 읽으면 좋은 글

Shopify 고객 계정: 업그레이드 가이드 및 결제 기한(2026) · Shopify 주문 수정 통계(2026) · Shopify에서 고객이 직접 주문을 수정하도록 하는 방법(2026)