Three Ways to Integrate PersonaFin
iFrame Integration
Fastest deployment
Embed PersonaFin directly into your existing platform with a simple iframe. Perfect for quick proof-of-concepts and rapid deployment.
Key Features:
- Deploy in minutes
- No code changes required
- Responsive design
- Full feature access
Code Example
<iframe
src="https://app.personafin.ai/embed"
width="100%"
height="600"
frameborder="0">
</iframe>Widget Components
Flexible integration
Pre-built UI components that seamlessly integrate into your existing design system. Customizable and themeable.
Key Features:
- Native look and feel
- Theme customization
- Component-level control
- Event handling
Code Example
import { PersonaFinWidget } from '@personafin/widgets'
<PersonaFinWidget
type="content-feed"
userId={user.id}
theme="dark"
onInteraction={handleEvent}
/>Direct API Access
Full customization
Complete control over the user experience with our REST and GraphQL APIs. Build custom interfaces tailored to your platform.
Key Features:
- Full API access
- Custom UI/UX
- Real-time updates
- Advanced analytics
Code Example
fetch('/api/personafin/recommendations', {
method: 'POST',
headers: {
'Authorization': 'Bearer ' + token,
'Content-Type': 'application/json'
},
body: JSON.stringify({
userId: user.id,
context: 'portfolio-view'
})
})Choose the integration method that best fits your timeline and technical requirements. From quick iframe embeds to full API control, we support your development workflow.
Ready to Get Started?
Our technical team will help you choose the right integration method and get you up and running quickly.