> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blnkfinance.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Define your workflow
> Plan what your Custom App should do before you write code - narrow scope, one-sentence purpose, and a clear step-by-step workflow.
export const CtaCallout = props => {
const {title, buttonLabel, href, trackingEvent, buttonTarget, rel = "noopener noreferrer", children} = props;
const handleCtaClick = () => {
if (typeof window === "undefined" || !trackingEvent) {
return;
}
try {
window.dispatchEvent(new CustomEvent("blnk:docs-cta", {
detail: {
name: trackingEvent,
href
}
}));
} catch {}
try {
window.posthog?.capture?.(trackingEvent, {
href
});
} catch {}
const gaPayload = {
cta_href: href
};
try {
window.gtag?.("event", trackingEvent, gaPayload);
} catch {}
try {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: trackingEvent,
...gaPayload
});
} catch {}
};
const isExternal = typeof href === "string" && (/^https?:\/\//i).test(href);
const target = buttonTarget ?? (isExternal ? "_blank" : undefined);
const linkRel = isExternal ? rel : undefined;
return ;
};
This feature is in private beta. If you want access, please [contact Support](mailto:support@blnkfinance.com?subject=Interested%20in%20Custom%20Apps).
Before writing code, define the workflow your app should support:
The best Custom Apps are focused. They help a team complete one job inside Cloud instead of trying to become a large internal system.
A good mental model is to think of each Custom App as a feature of your Blnk Cloud workspace, instead of a complete app.
**For our Stripe Sync app,** its job is:
```text Stripe Sync app description wrap theme={"system"}
Import pay-ins and payouts from Stripe into Blnk and syncing them with existing customer identities in Blnk.
```
From there, map the work the app needs to handle. Here's the workflow for our Stripe Sync app:
| Step | What the app needs to do |
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Sync from Stripe | Connect to a Stripe account and read pay-ins and payouts (and related Stripe ledger data as needed). Also sync the customer identities from Stripe to Blnk. |
| Import to Blnk | Create or update ledger transactions in the selected Cloud instance so Blnk mirrors Stripe activity. |
This gives the app a clear boundary of what the workflow is responsible for and what should happen at each step. If done well, you can now easily switch payment providers without worrying about the Stripe data being lost.
Keep the workflow narrow. If the app starts covering unrelated jobs, you should consider splitting those jobs into separate apps.
***
We help you build custom apps for your use case or get help building your own from scratch.