Ship embedded support in minutes

pnpm add @franklin/sdk-react

import { FranklinHelpCenter } from '@franklin/sdk-react';
import '@franklin/sdk-react/style.css';

export function App() {
  return (
    <FranklinHelpCenter
      orgId={process.env.NEXT_PUBLIC_FRANKLIN_ORG_ID}
      sdkKey={process.env.NEXT_PUBLIC_FRANKLIN_SDK_KEY}
    />
  );
}

import { FranklinHelpCenter } from '@franklin/sdk-react';

export function App() {
  return (
    <FranklinHelpCenter
      orgId={process.env.NEXT_PUBLIC_FRANKLIN_ORG_ID}
      sdkKey={process.env.NEXT_PUBLIC_FRANKLIN_SDK_KEY}
      shiftTargetSelector="#root"
      theme={{
        accent: '#005689',
        radius: 12,
        fontFamily: 'Inter, sans-serif'
      }}
      features={{
        aiAgent: true,
        knowledgeBase: true,
        caseManagement: true
      }}
    />
  );
}