> ## Documentation Index
> Fetch the complete documentation index at: https://docs.embedreach.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Frontend Integration

> Phase 2: Embed the Reach UI in your application

### Overview

Phase 2 is about embedding the Reach user interface into your application. Your customers will interact with Reach through this embedded UI to manage their marketing activities.

**You do**:

1. Create a backend endpoint to generate JWT tokens for user authentication
2. Add the iframe embed to your application where you want the Reach UI to appear
3. Configure which Reach products load (measure, acquire, engage, reputation)
4. Customize theming to match your brand

**Reach helps with**:

* Troubleshooting integration issues
* Applying custom styling if you prefer we handle it rather than you doing it in your own code

**Testing**: Use `demo: true` in iframe config to see demo data before completing backend integrations (optional).

Phase 2 is about embedding the Reach user interface into your application. Your customers will interact with Reach through this embedded UI to manage their marketing activities.

For a complete technical guide on embedding the Reach UI, see [iFrame Integration Options](/embeddable-ui/integration-overview).

## Next Steps

With the frontend integration complete, you're ready to set up data synchronization.

<Card title="Phase 3: Data Sync Setup" icon="database" href="/onboarding/data-sync-setup">
  Define schemas and begin syncing customer and transaction data
</Card>