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

Cafe24에서 한동안 한국 이커머스 브랜드를 운영해왔다면, 이 플랫폼을 깊이 있게 알고 있을 것입니다 -- 그 특이한 점들, 제한사항들, 그리고 세상의 다른 모든 것과는 다르게 상품 옵션을 처리하는 방식 말입니다. 또한 한국 국내 시장을 벗어나 성장하거나 (또는 심지어 단순히 스토어프론트를 현대화하려고 해도) Cafe24에서 이를 시도하는 것이 마치 기초가 계속 변하면서 집을 개조하려는 것 같다는 것을 아마 알고 있을 겁니다.

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

Cafe24 to Shopify + Next.js Migration Guide for Korean Brands

목차

한국 브랜드가 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 변형처럼 미리 생성되지 않습니다 -- 동적으로 생성될 수 있습니다
  • 상품에는 다양한 표시 목적으로 사용되는 "공급가", "판매가", "소비자가"를 위한 별도의 필드가 있습니다
  • 상품 설명은 종종 인라인 스타일과 함께 포함된 HTML을 사용합니다 -- Cafe24의 편집기는 수년간 이를 권장했습니다

고객 데이터

Cafe24는 한국 특화 필드가 있는 고객 데이터를 저장합니다:

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

주문 및 이행

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

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

Cafe24 to Shopify + Next.js Migration Guide for Korean Brands - architecture

대상 스택 선택: 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, 토스페이먼츠 등)
  • 물류 (CJ대한통운, 롯데택배, 한진택배 API)
  • 마케팅 (네이버 쇼핑 EP 피드, 카카오 픽셀, 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는 암호를 해시하고 (바라건대), Shopify는 자체 해싱을 사용합니다. 모든 고객은 암호를 재설정해야 합니다.

표준 접근 방식:

  1. Shopify Admin API를 통해 고객 기록을 가져옵니다 (이름, 이메일, 주소, 회원등급을 위한 태그)
  2. 새 사이트에서, 첫 번째 로그인 시도 시 암호를 재설정하라는 메시지를 표시하는 "돌아오신 것을 환영합니다" 흐름을 구현합니다
  3. 마이그레이션을 설명하고 암호 재설정 링크를 포함하는 런칭 이메일 캠페인을 보냅니다
  4. 포인트 잔액을 태그 또는 메타필드로 마이그레이션하고, 로열티 앱을 사용하여 이를 존경합니다

한국 특화 이커머스 기능 처리

마이그레이션이 독특하게 도전적이 되는 곳이 여기입니다.

한국 주소 형식

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

구매확정

이것은 깊이 있게 뿌리박힌 한국 이커머스 관례입니다. 고객은 상품을 수령하고 수락했음을 확인하고, 이는 판매자에게 결제를 트리거합니다. Shopify는 기본적으로 이 개념을 가지고 있지 않습니다.

옵션:

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

네이버 쇼핑 통합

네이버 쇼핑 EP (Entry Point) 피드는 한국 이커머스에 필수 불가결합니다. 네이버 스키마와 일치하는 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 for Korean + English (또는 더 많은 언어)
  • 배포: Vercel (ICN1를 통해 서울 지역의 엣지 함수)
  • 콘텐츠 CMS: Sanity 또는 Contentful for non-product content

헤드리스 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의 서울 PoP는 한국 사용자가 100ms 미만의 TTFB를 얻는 것을 의미합니다.

구축할 주요 페이지

  1. 홈 페이지 -- 히어로, 특집 컬렉션, 사회 증명
  2. 컬렉션 페이지 -- 필터링 포함 (한국 브랜드가 복잡한 범주 트리를 자주 갖는 곳)
  3. 상품 상세 페이지 -- 한국식 상세한 상품 설명 이미지 (상세페이지) 포함
  4. 카트 -- 슬라이드 아웃 또는 전용 페이지
  5. 고객 계정 -- 주문 내역, 포인트 잔액, 주소 관리
  6. 콘텐츠 페이지 -- 회사 정보, FAQ, 배송 정책, 반품 정책
  7. 블로그 -- Cafe24에서 블로그가 있었다면

상품 상세 페이지는 특별한 주의가 필요합니다. 한국 이커머스 상품 페이지는 악명 높게 길 것으로 알려져 있습니다 -- 종종 10,000픽셀 이상 높이의 단일 스크롤 이미지입니다. 이것이 한국 소비자가 기대하는 상세페이지입니다. 이러한 이미지를 공격적으로 지연 로드하고 Next.js Image 컴포넌트를 blur 플레이스홀더와 함께 사용하는 것을 고려할 것입니다.

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,
      })),
    ];
  },
};

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

네이버 SEO 고려사항

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

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

Google Search Console

  • 런칭 전에 Google Search Console에서 새 도메인을 확인하세요
  • 도메인을 전환할 때 주소 변경 도구를 사용하세요
  • 처음 2주 동안 매일 Index Coverage 보고서를 모니터링하세요
  • 런칭 직후 사이트맵을 즉시 제출하세요

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

Shopify의 한국 결제 게이트웨이

2025년 현재, Shopify는 여러 채널을 통해 한국 결제 방법을 지원합니다:

  • Shopify Payments (Korea) -- 한국에서 출시되어 한국 신용/직불 카드를 지원합니다
  • 토스페이먼츠 -- Shopify 결제 앱으로 사용 가능, 토스페이, 신용카드, 계좌이체를 지원합니다
  • KG이니시스 / NHN KCP -- 제3자 Shopify 앱을 통해 사용 가능하지만, 헤드리스 체크아웃 통합은 더 많은 작업이 필요합니다
  • 카카오페이 / 네이버페이 -- 추가 결제 방법으로 통합될 수 있습니다

헤드리스 체크아웃의 경우, 이러한 결제 방법을 지원하는 Shopify의 호스팅된 체크아웃으로 고객을 라우팅하거나 Checkout API를 커스텀 결제 앱 확장과 함께 사용할 것입니다.

물류

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

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

런칭 체크리스트 및 마이그레이션 후 모니터링

런칭 전 (1주일 전)

  • 모든 301 리디렉트 테스트 및 확인됨
  • 결제 게이트웨이는 실제 거래로 테스트됨 (그 후 환불됨)
  • 한국 인기 기기 (Samsung Galaxy 시리즈, iPhone)에서 모바일 반응성 확인됨
  • 네이버 쇼핑 EP 피드 검증됨
  • 카카오 및 Meta 픽셀 올바르게 실행됨
  • 한국어 고객 알림 이메일 구성됨
  • 한국 국내 배송 요금 구성됨 (해당하는 경우 국제)
  • SSL 인증서 활성화됨
  • Analytics (GA4 + Naver Analytics) 구성됨

런칭일

  • DNS 업데이트됨 (24시간 전에 TTL 낮게 유지)
  • 이전 Cafe24 스토어가 리디렉트 모드로 설정됨
  • 사이트맵이 Google 및 Naver에 제출됨
  • 암호 재설정 링크가 포함된 런칭 이메일이 고객에게 전송됨
  • 팀이 고객 서비스 문제를 모니터링합니다

런칭 후 (처음 30일)

  • Search Console에서 404 오류를 매일 모니터링합니다
  • 마이그레이션 전 기준선 대 유기 트래픽 추적
  • 전환율 모니터링 (임시 하락 예상 -- 정상입니다)
  • 변경된 UX에 대한 고객 불만 빠르게 해결합니다
  • 필드 데이터에서 Core Web Vitals 확인 (CrUX) 약 28일 후

실제 마이그레이션 타임라인 및 비용

솔직히 이것이 실제로 취하는 것에 대해 말씀하겠습니다. 저는 4주 내에 한국 브랜드를 위해 Cafe24에서 Shopify 헤드리스 마이그레이션을 견적한 에이전시를 봤습니다. 이는 작은 스토어 이상의 모든 것에 대한 환상입니다.

현실적인 타임라인

단계 기간 세부 사항
감사 및 계획 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 Basic: $39/월
  • Shopify (표준): $105/월
  • Shopify Advanced: $399/월
  • Shopify Plus (체크아웃 커스터마이제이션용): $2,300/월부터 시작

귀사의 특정 상황에 대해 이것이 어떤 비용이 들 것인지 탐색하고 있다면, 가격 책정 페이지에서 우리가 헤드리스 이커머스 프로젝트를 어떻게 구조화하는지 설명하거나, 그냥 직접 연락하세요.

FAQ

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

네, 하지만 인덱싱된 모든 URL을 다루는 철저한 301 리디렉트 전략을 구현하는 경우에만 가능합니다. 검색 엔진이 리디렉트를 처리하는 동안 유기 트래픽이 2-4주 동안 10-20% 임시 하락할 것을 예상해야 합니다. 대부분의 브랜드는 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 체크아웃 내에서 계좌이체를 지원하는 토스페이먼츠와 같은 한국 결제 게이트웨이 앱을 사용하거나, 2) Shopify Plus를 사용하고 있다면, Payments App API를 사용하여 커스텀 결제 방법을 만드세요. 대부분의 Shopify로 전환하는 브랜드는 계좌이체의 유행이 감소하고 카카오페이와 토스 페이 도입이 증가하고 있음을 알게 됩니다.

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

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

일반적으로 Cafe24에서 Shopify로 마이그레이션하는 데 얼마나 걸립니까?

중형 한국 브랜드 (500-5,000개 제품)의 경우, 계획부터 안정적인 런칭까지 14-22주를 예상하세요. 가장 큰 변수는 카탈로그 복잡성 (몇 개의 상품 옵션과 변형), Next.js 프론트엔드에서 필요한 커스텀 기능의 양, 그리고 다시 연결해야 할 제3자 통합의 수입니다. 더 간단한 카탈로그를 가진 브랜드가 헤드리스 대신 표준 Shopify 테마를 선택하는 경우 이를 6-10주로 단축할 수 있습니다.

헤드리스 Shopify + Next.js로 마이그레이션해야 하나요 아니면 그냥 Shopify 테마를 사용해야 하나요?

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

마이그레이션 중에 Cafe24 및 새로운 Shopify 스토어를 함께 실행할 수 있습니까?

네, 강력히 권장합니다. 전체 전환 전에 2-4주 동안 두 스토어를 동시에 실행하세요. 내부 트래픽과 실제 사용자의 작은 백분율로 Shopify 스토어를 테스트하면서 Cafe24 스토어를 기본으로 사용하세요. 이 병렬 기간을 통해 데이터 동기화 문제를 잡고, 실제 돈으로 결제 흐름을 테스트하고, 전체 전환 전에 신뢰감을 구축할 수 있습니다. 스테이징 Shopify 사이트를 검색 엔진이 인덱싱하지 않도록 하세요 (robots.txt 또는 암호 보호 사용) 중복 콘텐츠 문제를 피하기 위해.