# Add Frak to a custom site or app

# 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](https://business.frak.id/) first, and add your domain if you have a website. See [Register your site](/guides/dashboard/register/).

## 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 website](/guides/platforms/custom/web/)
  [Mobile app](/guides/platforms/custom/mobile/)
## 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 validation](/guides/platforms/custom/backend/)
## 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 funds](/guides/dashboard/configure/funds/)
  [Create a campaign](/guides/campaigns/create/)
  [Components reference](/developers/components/)