Custom shops running on Stripe Checkout

For a loyalty solution to be operational, you need three basic ingredients:

Step 1: Get order and customer data into Bubblehouse. (No work needed due to Stripe integration. Estimated saved effort: 4–8 hours.)

Step 2: Set up a way for Bubblehouse to implement discounts on your store. (No work needed due to Stripe integration. Estimated saved effort: 3–6 hours.)

Step 3: Display a loyalty program page to the user. (Estimated effort: 2–4 hours.)

A store that uses hosted Stripe Checkout pages can benefit from our first-party Stripe integration. The integration takes care of steps 1 and 2 above, saving you about 6–12 hours of development time.

Display a loyalty program page to the user

When it comes to displaying the loyalty program, you have two options.

1. We build the loyalty UI. Our design team works with you to define the look and feel of the program, then our configuration team implements it. You only need to create a page on your site and drop in an IFRAME and our script, and pass authentication data (the currently logged in customer) into the iframe. This normally requires 2–4 hours of development work on your end. About 95% of our clients choose this method.

2. You build the loyalty UI using our APIs like CustomerBalance3, LoggedOutBalance1, RedeemPoints1, RedeemOffer1, UpdateCustomerDetails1 and more. This is a big project that will take you several weeks to complete, and gives you the ultimate flexibility. Only about 5% of our clients choose this method.

The iframe looks and feels like a part of your site. You provide the header and footer, including navigation, and the page content comes from our iframe. It works great on mobile, scrolls with the page, and fits into your design theme.

You will find the example script and iframe tags in your API console. Watch this video for more details:

You will need to build a JWT authentication token and pass it in the query string of the iframe.

We have docs on authentication, but we recommend that you simply watch this video:

Our team will provide an iframe for your main loyalty page. Depending on your program and needs, we may also provide additional iframes — for example, a dedicated referral page and a block for your account page.

If you'd like to include the customer's point balance/tier into your navigation bar, and for other very small pieces of UI where an iframe does not make sense, you can use CustomerBalance3 API to fetch and display the information you want. You can query it from the frontend or from the backend.