Add Frak to a custom site or app

No plugin for your stack? Frak ships SDKs you can drop into anything you build yourself: a website, a native Android app, a native iOS app, or all three at once.

Whatever you build on, the setup has the same two halves:

1. Add Frak to your front end. Load the SDK, set your merchant details once, and show the share and welcome surfaces to your customers.
2. Validate purchases from your backend. Confirm real orders with a signed webhook, so rewards only go out on genuine sales.

Before you start

Register your merchant account in the business dashboard first, and add your domain if you have a website. See Register your site.

1. Add Frak to your front end

Pick the guide that matches what you are building. You can combine several: one merchant account can serve a website and mobile apps at the same time, and rewards follow the customer across them.

Custom websitePlain HTML, a bundler, or React. Drop-in web components, a few lines of code.

Mobile appNative Android and iOS SDKs. Kotlin, Java, Swift and SwiftUI.

2. Validate purchases from your backend

Tracking on the page or in the app tells Frak an order might be coming. Rewards only fire once your backend confirms the order is real.

Backend validationSend a signed webhook when an order is paid, refunded, or cancelled.

How the pieces fit

1. A customer shares your store. The share surface (web component or native sheet) creates a personal link for them.

2. A friend arrives and buys. Frak recognizes the referral, and your front end registers the order with a customer ID, an order ID, and a token.

3. Your backend confirms the sale. A signed webhook tells Frak the order is paid, and the reward is paid out from your campaign budget.

Next steps

Add fundsTop up your reward balance by card or bank transfer.

Create a campaignSet rewards and goals for your referrals.

Components referenceEvery attribute for each Frak web component.