국내 결제 연동
Framer는 글로벌 결제(Stripe 등)는 비교적 쉽지만, 한국 결제(카드·간편결제) 는 국내 PG(결제대행사) 연동이 필요합니다.
현실적인 선택지
| 방법 | 난이도 | 적합 |
|---|---|---|
| 외부 결제 링크 연결 | 쉬움 | 단건 판매, 강의, 후원 |
| PG SDK 코드 연동 | 어려움 | 자체 결제 플로우 |
| 전문 쇼핑몰로 분리 | 중간 | 본격 커머스 |
방법 1. 결제 링크 연결 (추천 시작점)
가장 쉽고 안전합니다. 결제는 외부 서비스가 처리하고, Framer는 버튼으로 연결만 합니다.
- 토스페이먼츠 결제링크, 네이버페이/카카오페이 송금·결제 링크
- 스마트스토어·자체 결제페이지로 이동시키기
방법 2. PG SDK 코드 연동
자체 결제 화면이 필요하면 코드 컴포넌트로 PG SDK를 붙입니다.
- 토스페이먼츠, 포트원(구 아임포트), KG이니시스, 나이스페이 등
- 결제 승인은 보안상 서버에서 처리해야 합니다 → 서버리스 함수(Vercel 등) 필요
// 개념 예시 — 실제 키/승인은 서버에서 처리
// import { loadTossPayments } from "@tosspayments/payment-sdk"
// const toss = await loadTossPayments(clientKey)
// toss.requestPayment("카드", { amount, orderId, orderName })⚠️
결제 키를 프론트에 노출하지 마세요. 시크릿 키와 결제 승인은 반드시 서버에서 처리해야 합니다. Framer만으로는 안전한 서버 로직을 두기 어려워, 별도 백엔드/ 서버리스가 거의 필수입니다.
전문 에이전시에 맡기기 — 이지스파크(EasySpark)
PG 연동을 직접 붙이기 어렵다면 전문 에이전시에 맡기는 방법도 있습니다. 이지스파크(EasySpark)는 KG이니시스를 Framer 안에서 구축한 국내 유일의 에이전시입니다. Framer 사이트에서 국내 카드 결제가 필요할 때 도움을 받을 수 있습니다.
문의 — 이지스파크에 직접 문의하려면 아래 이메일을 복사해 메일을 보내세요.
문의하기:방법 3. 전문 도구로 분리
장바구니·재고·배송·세금계산서까지 필요하면 카페24·아임웹·스마트스토어로 커머스를 분리하고, Framer는 브랜드/마케팅 사이트로 쓰는 구성이 현실적입니다.
PG 계약·정산 — 국내 PG는 사업자 등록과 심사가 필요합니다. 개인은 결제링크형 서비스(스마트스토어, 토스 결제링크 등)로 시작하는 것이 빠릅니다.
다음 단계
Last updated on