Billflow
  • Quick Start
  • Setup
    • First Time Setup
      • Connect & Setup Stripe
      • Invite Team Members
      • Create Your First Billing Page
      • Embed The Billing Page
      • Activate Live Payments
  • Billing Pages
    • Plan Picker
    • Checkout Form
    • Customer Portal
    • Pricing Page
    • Invoice Portal
  • How-to's
    • Setup Pricing
      • Flat-rate Subscriptions
      • Free Trial
      • Unit-based
      • Meter-based
      • Setup Fees
      • One-Time Payment
      • Payment Plans (Subscription Schedules)
      • Complex Pricing
      • Add-ons
    • Connect to SaaS
      • Using Stripe Webhooks
    • Change Style
      • Plan Picker Style Templates
      • Customer Portal Style Templates
      • Pricing Page Style Templates
      • Checkout Form Style Templates
    • Update Pricing
    • Use Coupons
    • Enable Quantity Management
    • Enterprise Sales Flow
    • Cancellations/Payment Failures
      • Set up Cancellation Feedback
      • Configure Dunning Emails
    • Automated emails
    • Internationalization
      • Support multiple currencies
      • Support multiple languages
    • Upgrade to new Billing Pages
    • Record Usage
    • VAT & Taxes
    • Indian Recurring Payments
  • No-code Integrations
    • No-code App Builders
      • Bubble
        • How to connect Stripe webhooks to Bubble
      • Webflow
      • WordPress
        • Add Widgets
        • Advanced Usage
        • Useful Plugins
      • Notion
      • Drupal
    • Rewardful
    • ChurnKey
  • Developer Docs
    • Embed Configurations
      • Plan Picker Configs
      • Checkout Form Configs
      • Customer Portal Configs
      • Pricing Page Configs
      • Invoice Portal Configs
    • Handling Events
    • Languages & Frameworks
    • Customize Elements
    • Versions & Beta Testing
  • Help
    • Managing Account & Team
      • Reset Your Password
      • Manage Team Members
    • Frequently Asked Questions
    • Changelog
Powered by GitBook
On this page
  • Front End
  • Angular
  • React
  • Vue
  • Full Stack
  • Node.js Sample Integration

Was this helpful?

  1. Developer Docs

Languages & Frameworks

Samples of Billflow integrated

PreviousHandling EventsNextCustomize Elements

Last updated 3 years ago

Was this helpful?

Front End

Billflow provides an HTML/Javascript snippet that can be embedded on any frontend framework. Below you will find examples of Billflow embedded in some popular frontend frameworks. More coming soon!

The following functions are exposed by the Billflow js.

Function

Usage

init(settings)

call this when your user enters the page with billflow embedded

destroy()

call this when your user leaves the page with billflow embedded

refresh(settings)

call this if your application updates some settings while user remains on the page

Angular

React

Seeing React errors? It could be because of loading the Billflow js multiple times. To prevent Billflow from automatically starting, passinitialize: "no" to the config

Hook: useBillflowEmbed

Functional

Vue

Full Stack

Below are samples of full stack integrations with Billflow including user creation, security hash (HMAC), user auth, and webhooks. More coming soon!

Node.js Sample Integration

This is a sample of a Billflow integration with the most popular Node.js Boilerplate on Github. It includes:

  • User Signup & Authentication

  • Customer & Subscription creation with the Subscription Management Portal

  • User data updates with handleResponse

  • User data updates with webhooks

is available for React.

NPM package
LogoGitHub - IOMechs/angular-service-bot: A simple, easy to use library to integrate servicebot.io in your Angular appsGitHub
LogoGitHub - service-bot/hackathon-starter-servicebot-embed: Hackathon starter with Servicebot integration using Servicebot embed for signupsGitHub