KOMOJU

How to integrate KOMOJU with Webflow

KOMOJU opens doors to Japanese and Korean markets by providing payment methods that local customers prefer and trust.

Implement this integration through hosted payment pages for quick setup, custom Code Embeds for on-site checkout, or the KOMOJU API for complete customization. Each method balances ease of implementation with control over the payment experience.

Use hosted payment pages

The hosted payment page redirects customers to KOMOJU's secure checkout, removing PCI compliance concerns while accepting all enabled payment methods. This approach works best for businesses prioritizing quick setup over custom design.

Start by creating payment links in your KOMOJU dashboard, then add them to Webflow buttons or Forms. The hosted page integration supports:

• One-time payments for products or services using konbini, credit cards, or bank transfers
• Custom redirect URLs to bring customers back to thank-you or order confirmation pages
• Multi-currency support with automatic conversion between JPY, KRW, and other currencies
• Order metadata passing through URL parameters for tracking in your analytics

Configure the payment URL with required parameters like amount, currency, and customer information, then sign requests with HMAC for security. Set return URLs to guide customers back to appropriate pages after successful or cancelled payments.

Use current JavaScript solutions

KOMOJU's current payment solutions embed forms directly on your Webflow pages, keeping customers on-site during checkout. Use MultiPay or Hosted Fields to create a seamless payment experience.

Note: KOMOJU's legacy Checkout widget is deprecated. Use MultiPay or Hosted Fields for new integrations.

Implementation involves adding the script to your site's custom code, then configuring the payment handler:

• Token-based security captures payment details client-side and returns a secure token
• Payment method selection lets you enable specific options like credit cards or konbini
• Customizable UI elements match your brand while maintaining security
• Mobile-responsive design automatically adapts to device screens

The widget generates a payment token that your backend processes to complete the transaction, keeping sensitive data off your servers while maintaining design control.

Build with Webflow and KOMOJU APIs

Integrating Webflow and KOMOJU through APIs enables custom workflows, CMS synchronization, and advanced payment features. You'll need server-side processing (via AWS Lambda, Netlify Functions, or similar) since Webflow doesn't execute backend code.

The KOMOJU API provides RESTful endpoints for payment processing, customer management, and transaction reporting. Core capabilities include:

• Dynamic pricing based on customer location or membership status
• Split payments for marketplace or platform businesses
• Automated fulfillment triggering Webflow CMS updates on successful payment
• Custom reporting combining Webflow analytics with payment data

Create custom checkout flows

Build tailored payment experiences that match your exact business needs:

1. Collect order details through Webflow forms with custom validation
2. Calculate pricing dynamically, including shipping, taxes, and discounts, via your serverless function
3. Process payments by calling KOMOJU's payment endpoint with the collected data
4. Update Webflow CMS automatically marking orders as paid and triggering fulfillment

The direct integration documentation provides endpoint specifications for creating charges, checking payment status, and handling refunds.

Implement subscription billing

Manage recurring payments for membership sites or SaaS products:

1. Create subscription plans defining billing cycles and amounts
2. Handle signup flows collecting payment methods and customer consent
3. Process recurring charges automatically on scheduled intervals
4. Sync membership status updating Webflow user records based on payment status

Use webhooks to receive real-time updates when subscriptions renew, fail, or cancel, keeping your Webflow CMS in sync with payment status.

Build marketplace integrations

Enable multi-vendor payments with KOMOJU's platform model:

1. Onboard sellers collecting bank account details for payouts
2. Split payments automatically distribute funds between the platform and sellers
3. Track commissions recording platform fees in Webflow CMS
4. Generate reports for sellers showing sales and pending payouts

This approach handles the complexity of marketplace payments while maintaining unified reporting across your Webflow site.

What you can build

Integrating KOMOJU with Webflow creates powerful commerce experiences tailored to East Asian markets.

• E-commerce stores targeting Japan: Sell physical products with konbini payment options, allowing customers to pay cash at 50,000+ convenience stores nationwide while tracking orders in Webflow CMS
• Digital content platforms: Offer subscriptions or one-time purchases for courses, downloads, or streaming services with automated access control based on payment status
• Event ticketing systems: Accept bookings for conferences or concerts with QR code tickets generated after successful payment through Pay-easy or credit cards
• Donation platforms for nonprofits: Enable supporters to contribute via familiar local payment methods with custom donation tiers and automated thank-you emails