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

한국 이커머스 브랜드를 Cafe24에서 장시간 운영해본 경험이 있다면, 이 플랫폼을 속속들이 알고 있을 겁니다 -- 그 독특한 특징들, 제한사항들, 그리고 제품 옵션을 다른 모든 플랫폼과 완전히 다르게 처리하는 방식 말입니다. 또한 Cafe24에서 한국 국내 시장을 넘어 확장하거나 (또는 단순히 스토어프론트를 현대화하려고) 할 때, 기초가 계속 움직이는 상황에서 집을 리모델링하려고 시도하는 것처럼 느껴질 것도 알고 있을 겁니다.

저는 여러 한국 DTC 브랜드가 Cafe24에서 Next.js 프론트엔드가 있는 헤드리스 Shopify로 마이그레이션하도록 지원해왔습니다. 제품이 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 변형처럼 미리 생성되지 않습니다 -- 동적으로 생성될 수 있습니다
  • 제품은 "공급가", "판매가", "소비자가"에 대한 별도의 필드를 가지고 있으며, 이는 다양한 표시 목적을 제공합니다
  • 제품 설명은 종종 인라인 스타일이 있는 포함된 HTML을 사용합니다 -- Cafe24의 편집기는 오랫동안 이를 권장했습니다

고객 데이터

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

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

주문 및 이행

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

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

Cafe24에서 Shopify + Next.js로 마이그레이션하는 한국 브랜드 가이드 - 아키텍처

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

이 특정 조합을 선택하는 이유가 뭔가요? 절충점에 대해 직설적으로 얘기하겠습니다.

요소 Shopify (Liquid 테마) Shopify + Next.js 헤드리스 Cafe24 (현재)
시장 진입 시간 2-4주 8-16주 N/A (기존)
성능 (LCP) 1.5-2.5초 0.8-1.5초 3-6초
커스터마이제이션 중간 무제한 낮음-중간
한국 결제 지원 앱을 통해 커스텀 통합을 통해 기본
진행 중인 개발 비용 낮음 중간-높음 낮음
글로벌 확장성 높음 매우 높음 낮음
Shopify Markets 지원 전체 전체 N/A

글로벌 확장과 브랜드 차별화를 진지하게 생각하는 한국 브랜드의 경우, 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의 3가지 가격 시스템 (공급가/판매가/소비자가)은 다음과 같이 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의 주소 형식은 기본적으로 이와 일치하지 않지만, 한국용 Shopify Markets는 기본 사항을 처리합니다. Next.js 체크아웃에서 한국 우편청(행정안전부)의 Korea Post 주소 검색 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 한국어 + 영어 (또는 더 많은 언어)
  • 배포: Vercel (ICN1을 통한 서울 지역의 엣지 함수)
  • 콘텐츠용 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의 서울 PoP는 한국 사용자들이 100ms 미만의 TTFB를 얻게 합니다.

구축할 주요 페이지

  1. 홈페이지 -- 히어로, 주요 컬렉션, 사회적 증거
  2. 컬렉션 페이지 -- 필터링 포함 (한국 브랜드들은 종종 복잡한 카테고리 트리를 가짐)
  3. 제품 상세 페이지 -- 한국식 상세 제품 설명 이미지 포함
  4. 장바구니 -- 슬라이드 아웃 또는 전용 페이지
  5. 고객 계정 -- 주문 내역, 포인트 잔액, 주소 관리
  6. 콘텐츠 페이지 -- About, 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)의 경우, Next.js 설정을 부풀리는 것을 피하기 위해 엣지 (Vercel Edge Middleware)에서 리다이렉트를 처리하는 것을 고려하세요.

네이버 SEO 고려사항

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

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

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 (스윗트래커) -- 한국 통신사 전반에 걸친 통합 추적을 위해 API를 Next.js 주문 추적 페이지와 통합합니다

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

런칭 전 (1주일 전)

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

런칭 당일

  • DNS 업데이트 (1시간 전에 TTL을 낮게 유지)
  • 기존 Cafe24 스토어가 리다이렉트 모드로 설정
  • 사이트맵을 Google 및 네이버에 제출
  • 비밀번호 재설정 링크와 함께 고객들에게 런칭 이메일 발송
  • 팀이 고객 서비스 문제를 모니터링하고 있음

런칭 후 (처음 30일)

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

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

저를 솔직하게 해주세요. 한국 Cafe24에서 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

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

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

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

반드시 그럴 필요는 없습니다. Storefront API를 사용하여 모든 Shopify 플랜에서 헤드리스 스토어프론트를 구축할 수 있습니다. 그러나 Shopify Plus는 체크아웃 확장성 API에 대한 액세스를 제공하여 체크아웃 경험을 커스터마이징할 수 있게 합니다. 표준 Shopify 호스팅 체크아웃을 사용해도 괜찮으면 (대부분의 브랜드가 그렇습니다), 정기 Shopify 플랜이 작동합니다. 한국 특화 체크아웃 커스터마이제이션의 경우 Plus가 종종 가치가 있습니다.

Shopify에서 한국 계좌이체 (무통장입금) 주문을 어떻게 처리합니까?

Shopify는 Cafe24처럼 한국 계좌이체 결제 흐름을 기본적으로 지원하지 않습니다. 최선의 선택지는: 1) Toss Payments 같은 한국 결제 게이트웨이 앱을 사용해서 Shopify의 체크아웃 내에서 계좌이체를 지원하거나, 2) Shopify Plus를 사용 중인 경우 Payments App API를 사용해서 커스텀 결제 방법을 만듭니다. Shopify로 전환하는 대부분의 브랜드는 계좌이체의 유행이 감소하고 있으며 Kakao Pay 및 Toss Pay 채택이 증가하고 있음을 발견합니다.

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와 함께 국제 시장을 대상으로 하는 경우, 전환율을 위해 성능이 중요한 경우, 또는 완전한 디자인 자유도를 원하는 경우. 테마를 선택하세요: 주로 한국 포커스, 작은 팀, 더 낮은 진행 중인 개발 비용을 원하고, 브랜드가 헤비 프론트엔드 커스터마이제이션을 필요로 하지 않는 경우. 테마로 시작해서 나중에 헤드리스로 가는 것에 부끄러움이 없습니다.

마이그레이션 중에 Cafe24와 새 Shopify 스토어를 병행 실행할 수 있습니까?

네, 마이그레이션 중에 두 스토어를 동시에 실행하는 것을 강력히 권장합니다. Shopify 스토어가 기본이 되는 동안 2-4주 동안 내부 트래픽으로 Cafe24 스토어를 사용합니다. 이 병행 기간으로 데이터 동기화 문제를 잡고, 실제 돈으로 결제 흐름을 테스트하고 (그 후 환불), 완전한 전환 전에 신뢰를 구축할 수 있습니다. 단지 검색 엔진이 staging Shopify 사이트 (robots.txt 또는 비밀번호 보호 사용)를 인덱싱하지 않도록 해서 중복 콘텐츠 문제를 피하세요.