Cafe24에서 Shopify + Next.js로 마이그레이션: 한국 브랜드 가이드

한국 이커머스 브랜드를 Cafe24에서 오래 운영해오셨다면, 이 플랫폼을 속속들이 알고 있을 겁니다 -- 그 특이한 점들, 한계, 그리고 다른 모든 것과는 다르게 상품 옵션을 다루는 방식까지요. 또한 국내 시장을 벗어나 성장하거나(또는 단순히 스토어프론트를 현대화하려고) Cafe24에서 그렇게 하려는 것이 기초가 계속 이동하는 집을 리모델링하려고 하는 것처럼 느껴진다는 것도 알 테니까요.

저는 여러 한국 DTC 브랜드를 Cafe24에서 헤드리스 Shopify와 Next.js 프론트엔드로 마이그레이션하는 것을 도와왔습니다. 어떤 곳은 상품이 50개였고, 한 곳은 복잡한 옵션 세트를 가진 47,000개의 SKU를 가지고 있었습니다. 모든 마이그레이션은 한국 이커머스 관례와 글로벌 Shopify 생태계 사이의 차이에 대해 뭔가 새로운 것을 가르쳐주었습니다. 이 가이드는 첫 번째 마이그레이션을 하기 전에 제가 갖고 싶었던 모든 것입니다.

Cafe24에서 Shopify + Next.js로의 마이그레이션 가이드: 한국 브랜드

목차

왜 한국 브랜드들이 Cafe24를 떠나고 있는가

Cafe24는 2000년대 중반부터 한국의 기본 이커머스 플랫폼이었습니다. 약 200만 개 이상의 온라인 스토어를 지원하며 일본, 베트남, 필리핀으로도 확장했습니다. 오랫동안 저렴하고 현지화된 이커머스를 원하는 한국 중소기업들의 유일한 실질적 선택지였습니다.

하지만 세상은 앞으로 나아갔습니다. 브랜드 창업자들로부터 계속 듣는 것들입니다:

성능 한계. Cafe24 스토어프론트는 프로프라이어터리 템플릿 엔진으로 서버 렌더링됩니다. 페이지 로드 시간은 일반적으로 최적화 후에도 모바일에서 3~6초 사이입니다. Google의 Core Web Vitals는요? 잊으세요. 대부분의 Cafe24 스토어는 Lighthouse 모바일에서 40 이하의 점수를 받습니다.

글로벌 확장 마찰. 한국 밖에서 판매하려고 하면, Cafe24의 다중 통화 및 다중 언어 지원은 기본적이 아니라 옆에 붙어있습니다. URL 구조, 체크아웃 흐름, 결제 통합 -- 모두 한국 중심입니다. 미국 소비자를 대상으로 Facebook 광고를 실행하고 외국스러운 느낌의 체크아웃 페이지로 보내려고 할 때까지는 괜찮습니다.

개발자 경험. Cafe24의 "디자인 편집" 시스템은 한국 외부에서는 아무도 본 적이 없는 프로프라이어터리 모듈 문법을 사용합니다. 국제 인재를 고용해서 Cafe24 스토어에서 일하게 하는 것은 거의 불가능합니다. 한국 개발자들도 점점 더 React 기반 스택으로 작업하는 것을 선호합니다.

앱 생태계. Shopify의 앱 스토어에는 13,000개 이상의 앱이 있습니다. Cafe24의 마켓플레이스는 그것의 약 10% 정도이고, 많은 앱들이 몇 년 동안 업데이트되지 않았습니다.

헤드리스 한계. Cafe24는 REST API를 출시했고 "헤드리스" 기능을 밀어붙이고 있지만, 실제로 API 커버리지는 불완전합니다. 장바구니, 체크아웃, 또는 고객 계정 흐름을 API만으로 정교하게 처리하려고 할 때 벽에 부딪힙니다.

Cafe24 아키텍처 이해

무언가에서 마이그레이션할 수 있으려면, 마이그레이션하려는 것이 무엇인지 이해해야 합니다. Cafe24의 아키텍처는 Shopify에 깔끔하게 매핑되지 않는 일부 한국식 패턴을 가지고 있습니다.

상품 구조의 차이점

Cafe24는 상품 → 옵션 → 변형 계층 구조를 사용하지만, 구현은 Shopify와 다릅니다. Cafe24에서:

  • 상품은 "기본 옵션"(Shopify 변형과 유사)과 "추가옵션"(가격 수정자가 있는 부가 선택)을 가질 수 있습니다
  • 옵션 조합은 Shopify 변형처럼 미리 생성되지 않습니다 -- 동적으로 생성될 수 있습니다
  • 상품은 다양한 표시 목적을 위해 "공급가", "판매가", "소비자가"에 대한 별도의 필드를 가지고 있습니다
  • 상품 설명은 종종 Cafe24의 편집기가 수년 동안 이를 장려했던 인라인 스타일이 포함된 HTML을 사용합니다

고객 데이터

Cafe24는 한국식 특정 필드를 포함하는 고객 데이터를 저장합니다:

  • 주민등록번호 조각 -- 레거시 스토어는 여전히 이를 가질 수 있습니다
  • 이동 통신사 정보
  • 한국 주소 형식(우편번호 → 시/도 → 구/군 → 상세 주소)
  • 회원등급 및 포인트 잔액

주문 및 이행

한국 이커머스는 Shopify에 존재하지 않는 고유한 주문 생명주기 상태를 가지고 있습니다:

  • 입금대기 -- 계좌이체 주문의 경우
  • 배송준비중
  • 교환접수 -- 반품과는 별개
  • 구매확정 -- 고객이 명시적으로 수령을 확인합니다

Cafe24에서 Shopify + Next.js로의 마이그레이션 가이드 - 아키텍처

타겟 스택 선택: Shopify + Next.js

왜 이 특정한 조합인가요? 트레이드오프에 대해 직설적으로 말씀드리겠습니다.

요소 Shopify (Liquid 테마) Shopify + Next.js 헤드리스 Cafe24 (현재)
시장 진출 시간 2~4주 8~16주 해당 없음 (기존)
성능 (LCP) 1.5~2.5초 0.8~1.5초 3~6초
커스터마이제이션 중간 무제한 낮음~중간
한국 결제 지원 앱을 통해 사용자 정의 통합 기본
지속적인 개발 비용 낮음 중간~높음 낮음
글로벌 확장성 높음 매우 높음 낮음
Shopify Markets 지원 완전 완전 해당 없음

글로벌 확장과 브랜드 차별화를 진지하게 추구하는 한국 브랜드의 경우, Next.js 프론트엔드를 갖춘 헤드리스 Shopify가 올바른 선택입니다. Shopify의 백엔드(체크아웃, 인벤토리, 결제, 이행)와 완전한 프론트엔드 자유도를 얻게 됩니다.

한국 내에만 머물고 무거운 커스터마이제이션이 필요하지 않다면, 솔직하게 한국 결제 앱이 포함된 표준 Shopify 테마로도 충분할 수 있습니다. 과도하게 엔지니어링하지 마세요.

헤드리스 접근 방식의 경우, Shopify Storefront API (GraphQL)와 잠재적으로 백오피스 작업을 위한 Admin API를 사용하게 됩니다. 프레임워크를 평가 중이시라면, 우리는 Next.js와 Astro 모두로 이러한 스토어프론트를 구축했습니다 -- 접근 방식을 비교하려면 우리의 Next.js 개발 역량과 Astro 개발 서비스를 확인해보세요.

마이그레이션 전 감사 및 계획

이것이 바로 대부분의 마이그레이션이 성공하거나 실패하는 지점입니다. 마이그레이션 코드를 한 줄도 작성하기 전에 모든 것을 감사해야 합니다.

데이터 인벤토리

Cafe24 관리자로부터 이러한 수치를 확인하세요:

  • 총 활성 상품 및 SKU
  • 총 고객 수(그리고 얼마나 많은 사람들이 재사용 가능한 비밀번호를 가지고 있는지 -- 스포일러: 마이그레이션되지 않을 것입니다)
  • 총 과거 주문(얼마나 멀리 거슬러 올라가야 하는지 결정하세요)
  • 활성 쿠폰 및 프로모션
  • 회원등급 및 포인트 잔액
  • 블로그 포스트 및 콘텐츠 페이지
  • 사용자정의 상품 필드

URL 매핑

이것은 SEO에 중요합니다. Cafe24 URL은 다음과 같은 패턴을 따릅니다:

/product/detail.html?product_no=1234
/category/categoryname/
/board/free/read.html?no=567

새로운 Next.js 사이트는 깔끔한 URL을 가질 것입니다:

/products/product-slug
/collections/category-slug
/blog/post-slug

완전한 리다이렉트 맵이 필요합니다. 모든. 단일. URL. 301 리다이렉트 포함. 저는 이 단계를 건너뛴 브랜드들이 60% 이상의 유기 트래픽을 잃는 것을 봤습니다.

제3자 통합 인벤토리

Cafe24 스토어에 연결된 모든 외부 서비스를 나열하세요:

  • 결제 게이트웨이 (KG이니시스, NHN KCP, Toss Payments, 등)
  • 물류 (CJ대한통운, 롯데택배, 한진택배 API)
  • 마케팅 (Naver Shopping EP 피드, Kakao 픽셀, Meta 픽셀)
  • 고객 서비스 (Channel Talk, Zendesk)
  • ERP/WMS 연결
  • 리뷰 플랫폼 (리뷰톡, 등)

데이터 마이그레이션: 상품, 고객, 주문

Cafe24에서 내보내기

Cafe24는 관리자 패널(CSV)과 Cafe24 API를 통해 데이터 내보내기를 제공합니다. API는 큰 카탈로그에 더 좋은 옵션이지만, 속도 제한이 있습니다(일반적으로 초당 30개 요청).

import requests
import time

CAFE24_MALL_ID = "your-mall-id"
ACCESS_TOKEN = "your-access-token"
BASE_URL = f"https://{CAFE24_MALL_ID}.cafe24api.com/api/v2"

def get_products(offset=0, limit=100):
    headers = {
        "Authorization": f"Bearer {ACCESS_TOKEN}",
        "Content-Type": "application/json"
    }
    params = {
        "offset": offset,
        "limit": limit,
        "embed": "options,variants,images"
    }
    response = requests.get(
        f"{BASE_URL}/admin/products",
        headers=headers,
        params=params
    )
    return response.json()

# Paginate through all products
all_products = []
offset = 0
while True:
    data = get_products(offset=offset)
    products = data.get("products", [])
    if not products:
        break
    all_products.extend(products)
    offset += len(products)
    time.sleep(0.05)  # Respect rate limits

Shopify를 위한 데이터 변환

상품 데이터 변환의 까다로운 부분:

옵션 및 변형. Cafe24의 "추가옵션"(추가옵션)은 직접적인 Shopify 동등물이 없습니다. 두 가지 선택지가 있습니다:

  1. Shopify 라인 아이템 속성으로 변환(작동하지만 제한됨)
  2. Infinite Options와 같은 상품 커스터마이저 앱 사용 또는 Next.js 프론트엔드에서 사용자 정의 로직 구축

가격. Cafe24의 세 가지 가격 체계(공급/판매/소비자)는 Shopify에 다음과 같이 매핑됩니다:

  • 판매가 → Shopify price
  • 소비자가 → Shopify compare_at_price
  • 공급가 → Shopify cost (Inventory API를 통해)

이미지. Cafe24 상품 이미지는 ecimg.cafe24img.com에서 호스팅됩니다. 이들을 다운로드해서 다시 업로드해야 합니다. 단순히 이들에 연결하지 마세요 -- Cafe24 스토어를 닫은 후에 깨질 수 있습니다.

Shopify로 가져오기

5,000개 이하의 카탈로그의 경우, Shopify Admin API가 잘 작동합니다:

const createProduct = async (productData) => {
  const mutation = `
    mutation productCreate($input: ProductInput!) {
      productCreate(input: $input) {
        product {
          id
          title
          handle
        }
        userErrors {
          field
          message
        }
      }
    }
  `;

  const variables = {
    input: {
      title: productData.title,
      bodyHtml: productData.description,
      vendor: productData.brand,
      productType: productData.category,
      tags: productData.tags,
      variants: productData.variants.map(v => ({
        price: v.price,
        compareAtPrice: v.compareAtPrice,
        sku: v.sku,
        inventoryQuantity: v.stock,
        options: v.optionValues
      })),
      images: productData.images.map(img => ({
        src: img.url,
        altText: img.alt
      }))
    }
  };

  // Execute via Shopify Admin API
};

더 큰 카탈로그(10,000개 이상의 상품)의 경우, Shopify의 Bulk Operations API를 사용하세요. 비동기식이지만 속도 제한에 부딪히지 않고 대규모 데이터셋을 처리합니다.

고객 마이그레이션

여기가 불편한 진실입니다: 고객 비밀번호를 마이그레이션할 수 없습니다. Cafe24는 비밀번호를 해시하고(hopefully), Shopify는 자체 해싱을 사용합니다. 모든 고객이 비밀번호를 재설정해야 합니다.

표준 접근 방식:

  1. Shopify Admin API를 통해 고객 레코드 가져오기(이름, 이메일, 주소, 회원등급용 태그)
  2. 새 사이트에서 첫 번째 로그인 시도 시 비밀번호 재설정을 유도하는 "다시 환영합니다" 흐름 구현
  3. 마이그레이션을 설명하는 런칭 이메일 캠페인 발송 및 비밀번호 재설정 링크 포함
  4. 포인트 잔액을 태그 또는 메타필드로 마이그레이션하고, 충성도 앱을 사용해 이들을 유지

한국식 이커머스 기능 처리

이것이 마이그레이션이 고유하게 도전적인 곳입니다.

한국식 주소 형식

한국 주소는 다음 형식을 사용합니다: [우편번호] [시/도] [구/군] [동/로] [상세주소]. Shopify의 주소 형식은 기본적으로 이것과 일치하지 않지만, 한국을 위한 Shopify Markets는 기본 사항을 처리합니다. Next.js 체크아웃에서, 한국 고객이 기대하는 자동완성 경험을 위해 행정안전부의 Korea Post 주소 검색 API(주소검색 API)를 통합하고 싶을 것입니다.

구매확정

이것은 깊게 뿌리내린 한국 이커머스 관례입니다. 고객이 상품을 받았으며 수락했음을 확인하며, 이는 판매자에게 정산을 촉발합니다. Shopify는 기본적으로 이 개념을 가지고 있지 않습니다.

옵션:

  1. Shopify Flow + 커스텀 앱을 사용해 주문 상태 페이지에 "구매 확정" 버튼 추가
  2. X일 후 자동 확정 구현(일반적: 배달 후 7일)
  3. Next.js 프론트엔드를 구축 중이라면, 이를 고객 계정 섹션에 추가하고 확정 상태를 추적하는 커스텀 Shopify 메타필드 사용

Naver Shopping EP(Entry Point) 피드는 한국 이커머스를 위해 절대 필수입니다. Naver의 스키마와 일치하는 XML 상품 피드를 생성해야 합니다. Next.js에서, API 경로를 설정하세요:

// app/api/naver-ep/route.ts
import { NextResponse } from 'next/server';
import { getProducts } from '@/lib/shopify';

export async function GET() {
  const products = await getProducts();
  
  const xml = `<?xml version="1.0" encoding="UTF-8"?>
<products>
  ${products.map(p => `
  <product>
    <id>${p.id}</id>
    <title>${escapeXml(p.title)}</title>
    <price_pc>${p.price}</price_pc>
    <link>https://yoursite.com/products/${p.handle}</link>
    <image>${p.featuredImage?.url}</image>
    <category>${p.naverCategory}</category>
    <shipping>0</shipping>
  </product>`).join('')}
</products>`;

  return new NextResponse(xml, {
    headers: { 'Content-Type': 'application/xml' }
  });
}

Next.js 스토어프론트 구축

데이터 마이그레이션을 계획했으므로 프론트엔드를 시작할 수 있습니다. 한국 브랜드 스토어프론트를 위해 권장하는 아키텍처가 있습니다:

기술 스택

  • 프레임워크: Next.js 14+ (App Router)
  • Shopify 통합: Shopify Hydrogen React 컴포넌트 + Storefront API
  • 스타일링: Tailwind CSS (이커머스용 유틸리티 우선)
  • i18n: next-intl은 한국어 + 영어(또는 이상)용
  • 배포: Vercel (ICN1을 통한 Seoul 지역의 엣지 함수)
  • 콘텐츠용 CMS: Sanity 또는 Contentful은 비상품 콘텐츠용

헤드리스 CMS 통합이 필요하시면, 그것은 탐색할 가치가 있는 완전히 별개의 결정 트리입니다.

성능 목표

새로운 스토어프론트는 일관되게 이러한 수치를 달성해야 합니다:

메트릭 목표 Cafe24 전형적
LCP < 1.2초 3.5~5.0초
FID/INP < 100ms 200~400ms
CLS < 0.05 0.15~0.30
Lighthouse 모바일 90+ 30~45
TTFB < 200ms 800~1500ms

이들은 포부가 아닌 수치입니다 -- 올바르게 구축된 Next.js 스토어프론트로 일관되게 달성하는 것입니다. Vercel Edge Network의 Seoul PoP는 한국 사용자가 100ms 미만의 TTFB를 얻는다는 의미입니다.

구축할 주요 페이지

  1. 홈 페이지 -- 히어로, 추천 컬렉션, 사회적 증명
  2. 컬렉션 페이지 -- 필터링 포함(한국 브랜드들이 복잡한 카테고리 트리를 자주 가지는 곳)
  3. 상품 상세 페이지 -- 한국식 상세 상품 설명 이미지 포함(상세페이지)
  4. 장바구니 -- 슬라이드 아웃 또는 전용 페이지
  5. 고객 계정 -- 주문 이력, 포인트 잔액, 주소 관리
  6. 콘텐츠 페이지 -- 소개, FAQ, 배송 정책, 반품 정책
  7. 블로그 -- Cafe24에서 하나를 가진 경우

상품 상세 페이지는 특히 주목할 가치가 있습니다. 한국 이커머스 상품 페이지는 악명 높게 길어서 -- 종종 10,000픽셀 이상 높은 단일 스크롤링 이미지입니다. 이것이 한국 소비자가 기대하는 상세페이지(상세페이지)입니다. 이 이미지들을 적극적으로 지연 로드하고 Next.js Image 컴포넌트를 흐림 자리 표시자와 함께 사용하는 것을 고려하고 싶을 것입니다.

SEO 마이그레이션 전략

이것이 제가 정말 진지하게 생각하는 곳입니다. 왜냐하면 저는 이것을 사후에 생각하는 것으로 취급함으로써 브랜드들이 트래픽을 손실하는 것을 봤거든요.

301 리다이렉트 맵

실제 운영 전에 완전한 리다이렉트 맵을 작성하세요. 일반적인 패턴:

/product/detail.html?product_no=1234 → /products/product-slug
/product/list.html?cate_no=42 → /collections/collection-slug
/board/free/read.html?no=567 → /blog/post-slug
/member/login.html → /account/login

next.config.js에서 이들을 구현하세요:

module.exports = {
  async redirects() {
    return [
      // Load from a JSON file or database for large sets
      ...redirectMap.map(({ source, destination }) => ({
        source,
        destination,
        permanent: true,
      })),
    ];
  },
};

큰 리다이렉트 맵(1000개 이상의 URL)의 경우, 엣지에서 리다이렉트 처리를 고려하세요(Vercel Edge Middleware) Next.js 설정을 부풀리는 것을 피하기 위해.

Google이 한국 브랜드에 대해 중요한 유일한 검색 엔진은 아닙니다. Naver는 여전히 상당한 트래픽을 생성합니다. 주요 차이점:

  • Naver의 크롤러(Yeti)는 클라이언트 측 렌더링을 잘 처리하지 못합니다 -- SSR/SSG가 필수입니다(Next.js가 올바른 선택인 또 다른 이유)
  • Naver Search Advisor(서치어드바이저)에 사이트맵 제출
  • Naver 블로그 역링크는 여전히 가중치를 가지고 있습니다 -- Naver Blog를 유지하고 새 사이트에 링크하세요
  • 구조화된 데이터(JSON-LD)는 Google과 Naver 모두에서 작동합니다

Google Search Console

  • 실제 운영 전에 Google Search Console에서 새 도메인을 확인하세요
  • 도메인을 전환 중인 경우, 주소 변경 도구를 사용하세요
  • 실제 운영 후 처음 2주 동안 Index Coverage 보고서를 매일 모니터링하세요
  • 실제 운영 직후 사이트맵을 제출하세요

결제 게이트웨이 및 물류 통합

Shopify의 한국 결제 게이트웨이

2025년 기준으로 Shopify는 여러 채널을 통해 한국 결제 방법을 지원합니다:

  • Shopify Payments (Korea) -- 한국에서 출시, 한국 신용/체크 카드 지원
  • Toss Payments -- Shopify 결제 앱으로 사용 가능, 토스페이, 신용 카드, 계좌이체 지원
  • KG이니시스 / NHN KCP -- 제3자 Shopify 앱을 통해 사용 가능, 하지만 헤드리스 체크아웃 통합에는 더 많은 작업이 필요합니다
  • Kakao Pay / Naver Pay -- 추가 결제 방법으로 통합할 수 있습니다

헤드리스 체크아웃의 경우, 고객을 Shopify의 호스팅 체크아웃(이들 결제 방법을 지원)으로 라우팅하거나 Checkout API를 사용자 정의 결제 앱 확장과 함께 사용하세요.

물류

한국 물류 통합(CJ대한통운, 한진, 롯데)은 다음을 통해 처리할 수 있습니다:

  1. Shopify Shipping 앱 -- Shopify App Store에는 여러 한국 배송 앱이 있습니다
  2. 커스텀 이행 통합 -- Shopify의 Fulfillment API를 사용해 한국 3PL과 동기화합니다
  3. Sweet Tracker (스윗트래커) -- 한국 운송업체 전반의 통합 추적을 위해, Next.js 주문 추적 페이지와 API 통합

실제 운영 체크리스트 및 마이그레이션 후 모니터링

실제 운영 전(1주일 전)

  • 모든 301 리다이렉트 테스트 및 확인
  • 실제 트랜잭션으로 결제 게이트웨이 테스트(환불 후)
  • 한국 인기 기기에서 모바일 반응성 확인(Samsung Galaxy 시리즈, iPhone)
  • Naver Shopping EP 피드 확인
  • Kakao 및 Meta 픽셀이 올바르게 실행되는지 확인
  • 한국어 고객 알림 이메일 구성
  • 한국 국내 배송료 구성(해당하는 경우 국제 포함)
  • SSL 인증서 활성
  • 분석(GA4 + Naver Analytics) 구성

실제 운영 당일

  • DNS 업데이트(실제 운영 24시간 전 TTL 낮춤)
  • 이전 Cafe24 스토어를 리다이렉트 모드로 설정
  • Google 및 Naver에 사이트맵 제출
  • 비밀번호 재설정 링크가 포함된 고객에게 실제 운영 이메일 발송
  • 고객 서비스 문제를 위해 팀 모니터링

실제 운영 후(처음 30일)

  • Search Console에서 404 오류를 매일 모니터링
  • 실제 운영 전 기준선과 유기 트래픽 비교
  • 전환율 모니터링(일시적인 하락 예상 -- 정상입니다)
  • 변경된 UX에 대한 고객 불만을 빨리 해결
  • ~28일 후 필드 데이터에서 Core Web Vitals 확인(CrUX)

실제 마이그레이션 일정 및 비용

제가 이것이 실제로 어떻게 걸리는지에 대해 솔직하겠습니다. 저는 한국 브랜드에게 Cafe24-to-Shopify 헤드리스 마이그레이션을 4주 안에 제공하는 에이전시들의 견적을 봤습니다. 그것은 아주 작은 스토어를 제외한 모든 것에 대해 환상입니다.

현실적인 일정

단계 기간 상세
감사 및 계획 2~3주 데이터 인벤토리, URL 매핑, 아키텍처 결정
데이터 마이그레이션 스크립트 2~3주 상품, 고객, 주문 변환
Next.js 프론트엔드 빌드 6~10주 디자인, 개발, 한국식 기능
결제 및 물류 통합 2~3주 게이트웨이 설정, 운송업체 통합
QA 및 UAT 2~3주 기기, 결제 흐름, 엣지 케이스 전반 테스트
SEO 마이그레이션 및 리다이렉트 1~2주 (QA와 병렬)
소프트 실제 운영 및 모니터링 2주 제한된 트래픽, 버그 수정
전체 14~22주 3.5~5.5개월

비용 범위(2025)

중간 크기의 한국 DTC 브랜드(500~5,000 SKU)의 경우:

  • 개발자와 DIY: $30,000~60,000
  • 에이전시(표준): $50,000~120,000
  • 에이전시(프리미엄 헤드리스 빌드): $80,000~200,000+

그 위에 Shopify 비용:

  • Shopify 기본: $39/월
  • Shopify (표준): $105/월
  • Shopify 고급: $399/월
  • Shopify Plus (체크아웃 커스터마이제이션용): $2,300/월부터 시작

이것이 특정 상황에 대해 비용이 얼마나 드는지 살펴보는 경우, 우리의 가격 페이지는 헤드리스 이커머스 프로젝트를 어떻게 구성하는지 분석하거나, 단순히 직접 문의하세요.

FAQ

Cafe24에서 Shopify로 마이그레이션하면서 SEO 순위를 잃지 않을 수 있나요?

네, 하지만 모든 색인된 URL을 다루는 철저한 301 리다이렉트 전략을 구현하는 경우에만 가능합니다. 유기 트래픽에서 일시적인 1020% 하락을 24주 동안 예상해야 하며, 검색 엔진이 리다이렉트를 처리하는 동안입니다. 대부분의 브랜드는 6~8주 내에 마이그레이션 전 수준으로 복구되고 향상된 Core Web Vitals로 인해 초과합니다. 핵심은 모든 이전 Cafe24 URL을 해당하는 새 URL로 매핑하는 것입니다 -- 어떤 것도 건너뛰지 마세요.

헤드리스 Next.js 스토어프론트를 위해 Shopify Plus가 필요한가요?

반드시 그럴 필요는 없습니다. Storefront API를 사용해 모든 Shopify 계획에서 헤드리스 스토어프론트를 구축할 수 있습니다. 하지만 Shopify Plus는 Checkout Extensibility API에 액세스할 수 있게 해주며, 이는 체크아웃 경험을 커스터마이징할 수 있게 합니다. 표준 Shopify 체크아웃을 사용하는 것으로 좋다면(대부분의 브랜드는), 일반 Shopify 계획이 작동합니다. 한국식 체크아웃 커스터마이제이션의 경우, Plus는 종종 그만한 가치가 있습니다.

Shopify에서 한국 무통장입금 주문을 어떻게 처리하나요?

Shopify는 Cafe24가 하는 방식으로 한국 계좌이체 결제 흐름을 기본적으로 지원하지 않습니다. 가장 좋은 옵션은: 1) Shopify의 체크아웃 내 계좌이체를 지원하는 Toss Payments와 같은 한국 결제 게이트웨이 앱을 사용하거나, 2) Shopify Plus에 있는 경우, Payments App API를 사용해 커스텀 결제 방법을 만드세요. Shopify로 전환하는 대부분의 브랜드들은 계좌이체의 유행이 Kakao Pay 및 Toss Pay 채택 증가에 따라 감소하고 있음을 알고 있습니다.

Cafe24 고객 회원등급(회원등급) 및 포인트가 Shopify로 이전되나요?

데이터는 이전될 수 있지만, 시스템 자체는 아닙니다. Cafe24에서 고객 등급 및 포인트 잔액 데이터를 내보내고 Smile.io, LoyaltyLion, 또는 BON Loyalty와 같은 Shopify 충성도 앱으로 가져와야 합니다. 참조용으로 원래 등급을 고객 메타필드 또는 태그로 저장하세요. 포인트 잔액은 일반적으로 충성도 앱의 시작 잔액으로 가져올 수 있습니다. 포인트가 보존되므로 고객들이 전환을 분명히 알 수 있도록 의사소통하세요.

일반적으로 Cafe24에서 Shopify로의 마이그레이션은 얼마나 오래 걸리나요?

중간 크기 한국 브랜드(5005,000 상품)의 경우, 계획에서 안정적인 실제 운영까지 1422주를 예상하세요. 가장 큰 변수는 카탈로그 복잡성(얼마나 많은 상품 옵션과 변형), Next.js 프론트엔드에서 필요한 커스텀 기능의 양, 그리고 다시 연결해야 하는 제3자 통합이 얼마나 많은지입니다. 더 간단한 카탈로그를 가진 브랜드들이 헤드리스 대신 표준 Shopify 테마를 선택하면 이것을 6~10주로 단축할 수 있습니다.

헤드리스 Shopify + Next.js로 마이그레이션하거나 단순히 Shopify 테마를 사용해야 할까요?

이것은 브랜드의 필요에 달려 있습니다. 다음의 경우 헤드리스(Next.js)를 선택하세요: 매우 커스텀 프론트엔드 경험이 필요한 경우, 지역별로 다양한 UX를 가진 국제 시장을 대상으로 하는 경우, 성능이 전환율에 중요한 경우, 또는 완전한 설계 자유도를 원하는 경우. 다음의 경우 Shopify 테마를 선택하세요: 주로 한국 내에만 집중, 작은 팀, 지속적인 개발 비용을 낮게 원함, 그리고 브랜드가 무거운 프론트엔드 커스터마이제이션을 요구하지 않는 경우. 테마로 시작해 나중에 헤드리스로 가는 데 부끄러움이 없습니다.

마이그레이션 중에 Cafe24와 새 Shopify 스토어를 동시에 운영할 수 있나요?

네, 그리고 강력히 권장합니다. 완전한 전환 전에 2~4주 동안 두 스토어를 동시에 운영하세요. Cafe24 스토어를 주요로 사용하면서 내부 트래픽으로 Shopify 스토어를 테스트하고 실제 사용자의 작은 백분율입니다. 이 병렬 기간은 데이터 동기화 문제를 포착하고, 실제 돈으로 결제 흐름을 테스트하고, 전환 전에 신뢰를 구축할 수 있게 해줍니다. 검색 엔진이 중복 콘텐츠 문제를 피하기 위해 스테이징 Shopify 사이트를 색인화하지 않도록 하세요(robots.txt 또는 비밀번호 보호 사용).