> ## 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.

# Integration Options

> Choose the right integration method for each of our core solutions based on your technical requirements and platform architecture.

export const InquirePill = () => <div className="status-pill-wrapper">
    <span className="inquire-pill">
      Inquire
    </span>
  </div>;

export const AlphaPill = () => <div className="status-pill-wrapper">
    <span className="alpha-pill">
      Alpha
    </span>
  </div>;

export const BetaPill = () => <div className="status-pill-wrapper">
    <span className="beta-pill">
      Beta
    </span>
  </div>;

export const LivePill = () => <div className="status-pill-wrapper">
    <span className="live-pill">
      Live
    </span>
  </div>;

## Available Methods

Reach offers multiple integration options to fit your development workflow:

<CardGroup cols={2}>
  <Card title="iFrame Embed" icon="window-maximize" href="/embeddable-ui/iframe/introduction">
    Simple integration that allows you to embed Reach directly into your
    application with minimal development effort
  </Card>

  <Card title="React Components" icon="react" href="/embeddable-ui/react/introduction">
    Native integration that gives you full control over the UI and user
    experience using our React component library
  </Card>
</CardGroup>

## Compatibility Matrix

Choose the right integration method for each of our core solutions:

| Solution   | Description                                                                                                                                                                | iFrame Embed | React Components |
| ---------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :----------: | :--------------: |
| Measure    | Track ROAS and view comprehensive ad reporting dashboards across channels with consolidated marketing analytics                                                            | <LivePill /> |  <InquirePill /> |
| Engage     | Flexible and powerful Email & SMS system to manage business communications across various channels, with sender identity management and reliable message delivery          | <LivePill /> |  <InquirePill /> |
| Acquire    | AI-powered ad campaign builder that helps create, manage, and optimize paid digital advertising with automated targeting and budget optimization                           | <LivePill /> |  <InquirePill /> |
| Reputation | Monitor and manage your online reviews and customer feedback with automated request workflows and unified analytics that turn customer sentiment into actionable insights  | <LivePill /> |  <InquirePill /> |
| AI Voice   | AI-powered voice answering system that automatically answers incoming calls to prevent missed opportunities and drive more sales through intelligent conversation handling | <BetaPill /> |  <InquirePill /> |

## Integration Flow

<Steps>
  <Step title="Authentication Setup">
    Regardless of your choice, implement a backend endpoint using JWT tokens to
    authenticate the logged-in user in Reach. See
    [authentication](/embeddable-ui/authentication) for details.
  </Step>

  <Step title="Choose Integration & Component Placement">
    Select the integration method that best fits your platform architecture and
    requirements. Embed the Reach components in your application using
    [iFrames](/embeddable-ui/iframe/embedding) or [React
    components](/embeddable-ui/react/introduction)
  </Step>

  <Step title="Security Headers (if applicable)">
    If your app enforces security headers like Content Security Policy (CSP) or
    Cross-Origin Opener Policy (COOP), see [Security Headers (CSP &
    COOP)](/embeddable-ui/security-headers) for required configurations.
  </Step>
</Steps>