# Partner Page Landing (Ordio Loop)

**Last Updated:** 2026-04-02

Documentation for the `/partner` landing page that promotes the Ordio Loop affiliate partner program.

## Overview

The partner page (`v2/pages/static_partner.php`) is a conversion-focused landing page. It replaces the previous inquiry-based form with direct registration CTAs. The goal is to convert visitors into Ordio Loop partners who register at `/partner/register` and start referring Ordio users.

## URL

- **Canonical:** `https://www.ordio.com/partner`
- **Registration:** `https://www.ordio.com/partner/register`

## Registration Page: Sitemap & Indexing

**Best practices for `/partner/register`:**

| Aspect | Recommendation | Rationale |
|--------|----------------|-----------|
| **Sitemap** | Do **not** add | Registration pages are conversion funnel steps, not content. Sitemaps are for pages you want discovered and indexed. |
| **Robots** | `noindex, follow` | Page doesn't need to rank; users reach it via CTAs from `/partner`. Noindex avoids thin-content flags. Links still followed. |
| **LLMs (AI search)** | No special handling | Registration forms have no citable content for AI engines. No value for Perplexity, ChatGPT, etc. |

**Content:** The registration page includes a brief intro (~35 words) for UX context. Word count is intentionally low – conversion-focused forms should stay lean.

## Page Structure

1. **Hero** – Ordio Loop badge, conversion headline + subheadline (copy in `static_partner.php`), primary CTA
2. **Calculator** – Partner income estimator (desktop: right side; mobile: below hero)
3. **Benefits** – 6 cards (passive income, level progression, free start, tools, dashboard, level system)
4. **How it works** – 4 steps (Register → Get link → Share → Earn)
5. **Partner earnings animation** – Multi-year scroll-linked chart: Year 1 (€0→€17.200) → Year 2 (€35.000) → Year 3 (€55.000) → "Und mehr". **Desktop:** Scroll-linked over 4 viewports; progress tied to scroll position; sticky card. **Mobile:** IntersectionObserver + time-based 4-phase animation. Uses `v2/includes/partner-first-year-earnings-animation.php`, `v2/data/partner-first-year-growth.json`, and `v2/js/partner-earnings-scroll.js`. Respects `prefers-reduced-motion`. Includes disclaimer.
6. **Platform features** – Empfehlungs-URLs, Material & Vorlagen, Reporting
7. **Social proof** – Partner logos (Lightspeed, 3POS, Mein Business, Workday, Datev)
8. **Final CTA** – Full-width blue section with registration button (before FAQ for conversion flow)
9. **FAQ** – **10** Q&As from [`v2/data/misc-faqs/static_partner.json`](../../../v2/data/misc-faqs/static_partner.json), rendered via `render-faq-json.php` / `site-faq-section.php` (native `<details>`), FAQPage JSON-LD after footer (`include-marketing-faq-jsonld.php`). **SEO/AEO research:** `docs/content/pages/static-pages/partner/` (`data/gsc-queries.json`, `keywords-sistrix.json`, `KEYWORD_DECISION.md`, `DATA_DRIVEN_SYNTHESIS.generated.md`). Refresh checklist: [DATA_COLLECTION_STATIC_SITE.md](../../content/pages/static-pages/DATA_COLLECTION_STATIC_SITE.md) § `/partner`.

## Calculator Component

**File:** `v2/includes/partner-income-calculator-loop.php`

**Program levels (matches `affiliate-config.php` — qualifying deals, rolling 90 days):**

| Level   | Deals (90 Tage) | MRR-Anteil |
|---------|-----------------|------------|
| Beginner | 0              | 20%        |
| Starter  | 1–5            | 20%        |
| Partner  | 6–10           | 25%        |
| Pro      | 11+            | 30%        |

The on-page **calculator** uses „Anzahl aktive Kunden“ as a simplified slider model; its displayed **Provision %** is 0 at 0 Kunden (no revenue), then 20/25/30 — FAQs and Legal should cite **Vereinbarung** + `affiliate-config` for binding Regeln.

**Defaults:**

- **Plan price per Standort:** €149 (default; Ordio base plans €89–€179, add-ons increase pricing)
- **Standorte pro Kunde:** 3 (adjustable)

**Formula:** `Partner MRR = customers × standorteProKunde × preisProStandort × (share/100)`

**Legacy calculator:** `v2/includes/partner-income-calculator-legacy.php` – backup with old levels (0-5→15%, 6-15→20%, etc.) for revert.

## Partner Earnings Animation (Multi-Year)

**File:** `v2/includes/partner-first-year-earnings-animation.php`  
**Data:** `v2/data/partner-first-year-growth.json` (includes year2, year3 totals)  
**Script:** `v2/js/partner-earnings-scroll.js` (minified: partner-earnings-scroll.min.js)

- **Structure:** Single card DOM for desktop and mobile (no duplicate cards)
- **Visual:** SVG line chart (Year 1 cumulative Jan–Dez); phases update label + total
- **Desktop:** Scroll-linked over 4 viewports; progress tied to section position; sticky card; no viewport locking
- **Mobile:** IntersectionObserver + time-based 4-phase animation (Year 1 → Year 2 → Year 3 → "Und mehr")
- **prefers-reduced-motion:** Final state (€55.000+) shown immediately
- **Phases:** Year 1 (€17.206) → Year 2 (€68.000) → Year 3 (€145.000) → "Und mehr"
- **Growth model:** Same assumptions (2–3 new customers/month, €149/Standort, 3 Standorte); Year 2/3 assume recurring from existing customers plus continued new deals – growth accelerates (exponential)
- **Copy:** Headline "So viel kannst du wirklich verdienen"; phase-specific labels and subtitles
- **Disclaimer:** "Schätzung basierend auf Partnerlevel-Regeln. Individuelle Ergebnisse können abweichen."

## Messaging

- **Passive income** – Earn monthly as long as customers are active
- **Earn forever** – No one-time commission; recurring MRR share
- **More referrals = more** – Level up to 30% MRR share

## GTM CTA Tracking

All registration CTAs use `data-event-type="link_click"` and `data-event-name` for GTM tracking (via footer.php listener):

| CTA Location | data-event-name |
|--------------|-----------------|
| Hero | `Partner registrieren - Hero` |
| So funktioniert's | `Partner registrieren - So funktioniert's` |
| Final CTA | `Partner registrieren - Final CTA` |

## Styling & Design

Aligned with product pages (nano_ai, mobile_app):

- **CSS:** `v2/css/partner-page.css` (minified: partner-page.min.css)
- **Design tokens:** ordio-blue (#4D8EF3), #333333, #EDEFF3
- **Hero:** Blur gradient background, translucent white badge
- **Benefits/Platform features:** `rounded-2xl`, `shadow-lg`, `border-[#EDEFF3]`, SVG icons in `bg-ordio-blue/10 rounded-lg` containers (no emojis)
- **FAQ:** Native `<details>` pattern (not Alpine accordion)
- **CTAs:** `.partner-cta` (primary), `.partner-cta-inverted` (final CTA on blue background)

## Dependencies

- `v2/config/affiliate-config.php` – AFFILIATE_PROGRAM_NAME, AFFILIATE_PROGRAM_CLAIM
- `v2/base/head.php`, `v2/base/header.php`, `v2/base/footer.php`
- Alpine.js (via `head.php`) – page shell and **calculator** (`partner-income-calculator-loop.php`); FAQ block is **not** Alpine-driven

## Pre-Deployment Checklist

- [ ] **Schema validation:** Run [Google Rich Results Test](https://search.google.com/test/rich-results) on `https://www.ordio.com/partner` after deployment
- [ ] **GTM:** Verify CTA click events fire in GTM Preview (events: `link_click` with `event_name` = Partner registrieren - Hero / So funktioniert's / Final CTA)
- [ ] **Performance:** Re-run Lighthouse on production (local score may be low due to environment)

## Related Documentation

- [PARTNER_GUIDE.md](PARTNER_GUIDE.md) – Partner-facing guide
- [ORDIO_LOOP_NOTION_DOCUMENTATION.md](ORDIO_LOOP_NOTION_DOCUMENTATION.md) – Platform overview
- [LEVEL_CALCULATION.md](LEVEL_CALCULATION.md) – Level calculation logic
- [DATA_COLLECTION_STATIC_SITE.md](../../content/pages/static-pages/DATA_COLLECTION_STATIC_SITE.md) – GSC/GA/SISTRIX + `/partner` FAQ sprint