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

# Welcome to Reach

> Get started with integrating Reach into your platform

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>;

## Overview

This onboarding guide provides a comprehensive walkthrough for implementing Reach products into your platform. For detailed technical specifications, refer to our [API documentation](/api-reference/introduction).

## Getting Help

**Shared Slack Channel**: Your primary communication channel with Reach's product and engineering team. Use this for:

* Technical questions during implementation
* Schema definition assistance
* Verifying tracking implementation
* Requesting additional credentials for staging/demo environments
* Troubleshooting customer setup issues

**Support Email**: [support@embedreach.com](mailto:support@embedreach.com) for general inquiries

## Three Core Integration Points

Reach implementations have three core integration points, though not all products require all three:

<CardGroup cols={3}>
  <Card title="Frontend UI Embedding" icon="window-maximize">
    <div style={{fontSize: '14px'}}>
      **Required for**: All products<br />
      **You implement**: JWT authentication + iframe/React embedding<br />
      [Learn more →](/onboarding/frontend)
    </div>
  </Card>

  <Card title="Data Sync" icon="database">
    <div style={{ fontSize: '14px' }}>
      **Required for**: All products

      <br />

      **You implement**: Customer & transaction data APIs

      <br />

      [Learn more →](/onboarding/data-sync)
    </div>
  </Card>

  <Card title="Attribution & Tracking" icon="code">
    <div style={{fontSize: '14px'}}>
      **Required for**: Measure, Acquire<br />
      **You implement**: JavaScript tracking snippet<br />
      [Learn more →](/onboarding/tracking)
    </div>
  </Card>
</CardGroup>

## Understanding Reach Environments

Reach provides two environments for your implementation (more available upon request):

<Tabs>
  <Tab title="Development">
    ### Development Environment

    * Use for initial integration work and testing
    * No real customer data should be used
    * Safe for experimentation and iteration
    * Credentials provisioned at start of partnership
  </Tab>

  <Tab title="Production">
    ### Production Environment

    * Use only after development integration is complete and tested
    * Real customer data flows through this environment
    * Credentials typically provisioned after partnership agreement is signed
  </Tab>

  <Tab title="Demo Mode">
    ### Demo Mode

    For frontend testing and sales demos without full backend setup, enable demo mode in the iframe config (`demo: true`).

    **Features:**

    * Shows demo data in the UI without requiring real integrations
    * Easy way to show the integrated solution to prospective customers
    * Test seamlessly without backend dependencies
    * Customizable demo data (ad copy, review content) for your industry
  </Tab>
</Tabs>

## Quick Navigation

<CardGroup cols={2}>
  <Card title="Overview" icon="list-check" href="/onboarding/overview">
    Key concepts to understand
  </Card>

  <Card title="Credentials & Setup" icon="key" href="/onboarding/credentials">
    Phase 1-2: Credentials & Frontend integration
  </Card>

  <Card title="Data Sync" icon="database" href="/onboarding/data-sync">
    Phase 3-4: Schema creation and data syncing
  </Card>

  <Card title="Channel Setup" icon="envelope" href="/onboarding/channel-setup">
    Phase 5: Email & SMS configuration (Engage/Reputation)
  </Card>

  <Card title="Automations" icon="wand-magic-sparkles" href="/onboarding/automations">
    Phase 6: Automation templates and segments (Engage)
  </Card>

  <Card title="Reputation" icon="star" href="/onboarding/reputation">
    Phase 7: Internal feedback and Google reviews
  </Card>

  <Card title="Tracking" icon="code" href="/onboarding/tracking">
    Phase 8: Attribution snippet (Acquire/Measure)
  </Card>

  <Card title="API Reference" icon="book" href="/api-reference/introduction">
    Detailed API documentation
  </Card>
</CardGroup>

## What You'll Embed

By following this guide, you'll enable your customers to:

<AccordionGroup>
  <Accordion title="Engage - Email & SMS Marketing" icon="envelope-open-text">
    Targeted communication campaigns with pre-built automation templates. No marketing expertise required—just activate and customize industry-specific workflows.
  </Accordion>

  <Accordion title="Measure - Track ROAS & Analytics" icon="chart-line">
    Comprehensive ad reporting dashboards with attribution tracking across all
    marketing channels. Your customers can see exactly which marketing efforts
    drive revenue.
  </Accordion>

  <Accordion title="Acquire - AI-Powered Ads" icon="bullseye">
    Automated ad campaign creation and management for Google and Meta. AI
    optimizes targeting, budget allocation, and creative elements to maximize ROI.
  </Accordion>

  <Accordion title="Reputation - Review Management" icon="star">
    Automated review requests and feedback collection linked to Google Business Profiles. Turn customer sentiment into actionable insights.
  </Accordion>
</AccordionGroup>