High-converting payroll logins.
When a direct match is unavailable, let applicants connect their payroll seamlessly. Our frontend SDK provides a secure, frictionless login experience optimized for maximum completion rates.
Connect your payroll account
Select your provider to securely share your data.
import { TealConnect } from '@teal/react';
export default function Onboarding() {
return (
<TealConnect
clientToken="tok_12345"
onSuccess={(payload) => handleVerify(payload)}
onExit={(error) => handleFallback(error)}
config={{
theme: "light",
showConsent: true
}}>
/>
);
}Two ways to find the truth.
Applicants do not always know who processes their payroll. Our UI solves this by offering a dual-search directory.
Search by Employer
Users can select their company, and Teal automatically routes them to the correct underlying payroll provider.
Search by Payroll
Contractors or informed employees can search directly for their HR platform like IRIS or Staffology.
Select your employer
Two ways to integrate.
Drop-in UI
The fastest path to live. Embed our fully optimized, conversion-tested modal directly into your application with three lines of code. We handle the search, the login, and the edge cases.
Headless SDK
Total control over your frontend. Use our API logic and authentication flows but render every pixel using your own design system and CSS. Never break your brand experience.
Built for completion.
Search & Discovery
Applicants can easily find their employer or payroll provider via our comprehensive, auto-updating directory.
Clear Consent
Built-in consent screens clearly explain what data is being shared, building trust and increasing login rates.
Standardized Output
Once the user authenticates, the data flows right back into the exact same standardized JSON schema as our Direct Connections.