노코드 툴에 결제 시스템을
가장 쉽게 붙이는 방법
Payflova는 Webflow/Framer/Bubble 등 노코드 툴에서도, Cart · Checkout · Admin을 복잡한 개발 없이 사용할 수 있도록 도와주는 결제 인프라입니다.
Premium Template
옵션: 라이선스 / 업데이트
₩49,000
Powered by Payflova
웹빌더 친화
Webflow/Framer에서 “붙여넣기”로 시작
한국 결제 최적화
PG 흐름에 맞춘 Hosted Checkout
운영까지 한 번에
주문/환불/리포트 기본 제공
핵심 기능
JS 한 줄로 연동
Webflow/Framer/Bubble 어디든 스크립트 한 줄로 결제를 운영할 수 있습니다.
한국 사업자에 최적화
카드/계좌이체/가상계좌/간편결제 등 국내 상황에 맞춘 결제 흐름을 제공합니다.
옵션/변형 상품 지원
사이즈/색상/추가옵션 등 변형 상품도 노코드 CMS와 자연스럽게 연결됩니다.
상점관리자 제공
주문/환불/리포트 등 운영에 필요한 기본 관리자 기능을 제공합니다.
Webflow · Framer에서 더 쉽게
노코드 빌더의 “디자인/콘텐츠”는 그대로 두고, 결제만 Payflova로 가져옵니다.
1) CMS 필드 준비
Webflow CMS에 name/price/sku/image(옵션 포함)를 구성하고, Collection Page에 렌더링합니다.
2) 버튼에 data-* 속성만 붙이기
Webflow의 버튼/링크에 data-pf-* 속성을 넣으면 SDK가 자동으로 Cart에 담습니다.
<button
class="pf-add-to-cart"
data-pf-id="{{wf {"path":"sku"} }}"
data-pf-name="{{wf {"path":"name"} }}"
data-pf-price="{{wf {"path":"price"} }}"
>
Add to Cart
</button>작동 방식
노코드 사이트는 “표시”, Payflova는 “결제 처리”를 담당합니다.
1) SDK 삽입
사이트에 SDK 스크립트 1줄 추가
2) CMS 매핑
상품 데이터(이름/가격/SKU/이미지) 매핑
3) Checkout 오픈
Payflova Checkout으로 리다이렉트 → PG 결제
SDK 예시
Webflow/Framer에 아래 스크립트를 추가하고, 상품 버튼에 data-* 속성만 붙이면 됩니다.
<script src="https://cdn.payflova.com/sdk.js"></script> <button class="pf-add-to-cart" data-pf-id="hoodie_001" data-pf-name="Premium Hoodie" data-pf-price="49000" data-pf-image="https://..." > Add to Cart </button>
가격
Starter는 무료로 시작하고, Pro부터 브랜드/운영 기능이 강화됩니다.
Pro
추천29,000원/월
브랜드 경험과 운영 효율을 함께
- Payflova 푸터 제거
- Webhook 고급 설정
Growth
79,000원/월
멀티 프로젝트/고급 커스터마이징
- 체크아웃 페이지 커스텀
- 우선 지원
부가서비스
필요한 서비스만 골라 쓰는 단건 과금 방식으로, 선납·후납 모두 가능합니다.
전자세금계산서
이벤트무료
건당 200원
한시적 무료 이벤트, 발행 성공 건 기준 과금
현금영수증
이벤트무료
건당 10원
한시적 이벤트로 영원히 무료 제공, 발행 성공 건 기준 과금
휴대폰 본인인증
월 이용 한도에 따른 패키지 요금제
FAQ
자주 묻는 질문을 정리했어요.
출시 알림을 받아보세요
Beta 오픈/기능 업데이트 소식을 가장 먼저 알려드릴게요.
도입 문의 시 빠른 템플릿
아래 내용을 같이 보내주면 온보딩이 빨라집니다.
1) 사용 빌더: Webflow / Framer / Bubble 2) 판매 형태: 디지털 / 실물 / 서비스 3) 월 예상 매출: ____만원 4) 필요한 결제수단: 카드 / 계좌이체 / 가상계좌 / 간편결제 / 해외결제 5) 옵션(사이즈/색상 등) 유무: O / X 6) 런칭 희망 시기: ____