Languages & Frameworks

Samples of Billflow integrated

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
GitHub - IOMechs/angular-service-bot: A simple, easy to use library to integrate servicebot.io in your Angular apps
A simple, easy to use library to integrate servicebot.io in your Angular apps - GitHub - IOMechs/angular-service-bot: A simple, easy to use library to integrate servicebot.io in your Angular apps
github.com
React
​NPM package is available for 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
GitHub - service-bot/hackathon-starter-servicebot-embed: Hackathon starter with Servicebot integration using Servicebot embed for signups
Hackathon starter with Servicebot integration using Servicebot embed for signups - GitHub - service-bot/hackathon-starter-servicebot-embed: Hackathon starter with Servicebot integration using Servi...
github.com
​

Developer Docs - Previous

Handling Events

Next - Developer Docs

Customize Elements

Last updated 2 months ago

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

Languages & Frameworks

Front End

Angular

React

Hook: useBillflowEmbed

Functional

Vue

Full Stack

Node.js Sample Integration

​