/No-Code Development Agency

Bubble.io에서 쿠폰 및 할인 코드 시스템을 설정하는 방법은 무엇인가요?

Bubble.io 플랫폼에서 저희의 단계별 가이드를 통해 쿠폰 및 할인 코드 시스템을 효과적으로 설정하여 절약을 해제하세요. 지금 바로 판매를 증가시키세요!

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

Bubble.io에서 쿠폰 및 할인 코드 시스템을 설정하는 방법은 무엇인가요?

Bubble.io 에서 쿠폰 및 할인 코드 체계를 설정하는 것은 여러 단계의 과정으로, Bubble.io 에디터와 Stripe와 같은 외부 서비스를 모두 활용하게 됩니다. 쿠폰 시스템을 시작하기 위해 다음의 단계를 따릅시다:

1 단계: Bubble.io 에디터에서 '플러그인' 섹션으로 이동하여 Stripe를 통합합니다. Stripe 계정이 필요할 것입니다. 아직 Stripe 계정이 없다면 하나를 만드십시오.

2 단계: Stripe 계정이 있다면, Stripe 대시보드로 이동하여 고객에게 제공하려는 쿠폰 코드를 생성합니다.

3 단계: Stripe에서 "쿠폰" 섹션으로 이동하여 새로운 쿠폰을 만듭니다. 금액 할인, 퍼센트 할인, 유효기간과 같은 다른 조건을 설정할 수 있습니다.

4 단계: Stripe에서 쿠폰 코드를 생성한 후, Bubble.io로 돌아옵니다. 에디터에서 사용자가 쿠폰 코드를 입력하려는 위치를 결정해야 합니다. 이것은 체크아웃 페이지나 결제 양식에서 될 수 있습니다.

5 단계: 사용자가 할인 또는 프로모션 코드를 입력할 수 있는 입력 요소를 페이지에 추가합니다.

6 단계: 이제 사용자의 입력을 Stripe 구독에 연결하는 워크플로우를 설정해야 합니다. 체크아웃 프로세스와 관련된 워크플로우에 대해 "Apply a coupon to this subscription" 액션을 사용하십시오.

7 단계: 워크플로우 액션을 설정할 때, '쿠폰 ID' 필드가 사용자가 쿠폰 코드를 입력하는 입력 요소에서 동적으로 추출되는지 확인하십시오.

8 단계: Bubble에서 최신 버전의 Stripe (v3 이상)를 사용한다면, 체크아웃 중 쿠폰이나 할인 코드를 적용할 수 있도록 "Allow promotion codes" 확인란을 체크하십시오.

9 단계: 전체 쿠폰 시스템을 테스트합니다. 유효한 쿠폰 코드가 입력 될때 할인이 제대로 적용되는지 확인하기 위해 사이트에서 테스트 트랜잭션을 실행해 보십시오.

10 단계: 체크 아웃에 세율을 포함시키고 싶다면, Stripe 대시보드에서 세율 객체를 생성하고 "Add tax rate to checkout" 액션을 사용하여 Bubble.io 환경 설정에 포함시키십시오. 세율 ID를 정적 선택 항목이나 Bubble 어플리케이션 데이터베이스 또는 옵션 세트에서 동적 데이터로 입력할 수 있습니다.

이러한 단계를 따르면, Bubble.io 애플리케이션 내에서 기능적인 쿠폰 및 할인 코드 체계를 구현할 수 있어야 합니다. 이를 통해 Stripe 결제 처리 플랫폼을 통해 고객에게 인센티브와 할인을 제공합니다. 설정한 후에는 유효하지 않은 쿠폰 코드와 만료된 프로모션과 같은 다양한 시나리오를 잘 처리하여 사용자 경험을 원활하게 유지하십시오.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences