# Payroll Webinar Documentation

**Last Updated:** 2026-01-08

## Basic Information

- **Feature Name:** Payroll Webinar (Payroll Plus Webinar)
- **Slug:** payroll-webinar
- **Status:** Available
- **Related Product Pages:**
  - `v2/pages/product_payroll_webinar.php`
  - Product page: https://www.ordio.com/webinar/payroll-webinar

## Overview

Sichere dir deinen Platz in unserem kostenlosen Webinar und lerne, wie du Payroll Plus optimal für dein Unternehmen nutzt. Täglich um 10:30 Uhr - perfekt für deinen Arbeitsbeginn. Meistere Payroll Plus in 30 Minuten und entdecke die erste Payroll-Lösung, die wirklich für die Gastro gemacht ist.

## Use Cases

### Payroll Plus Discovery Webinar

**Scenario:** A restaurant owner wants to learn about Payroll Plus before joining the waitlist.

**Process:**

1. Restaurant owner visits Payroll Webinar page
2. Views webinar details (daily at 10:30 AM, 30 minutes)
3. Registers for webinar via HubSpot form
4. Receives confirmation email with calendar invite
5. Receives reminder email 24 hours before webinar
6. Attends live webinar via Google Meet
7. Learns about Payroll Plus features and benefits
8. Receives follow-up email with waitlist link

**Benefits:** Low-commitment product discovery, daily availability, focused on Payroll Plus, expert guidance.

### Payroll Implementation Training

**Scenario:** An HR manager wants to prepare their team for Payroll Plus implementation.

**Process:**

1. HR manager registers team for webinar
2. Team members receive individual confirmations
3. Team attends webinar together
4. Team learns about Payroll Plus features
5. Team asks implementation questions
6. Team receives follow-up resources
7. Team joins Payroll Plus waitlist

**Benefits:** Team preparation, implementation guidance, Q&A opportunity, waitlist access.

### Payroll Plus Feature Deep-Dive

**Scenario:** A current Ordio customer wants to learn about Payroll Plus AI and advanced features.

**Process:**

1. Customer registers for Payroll Webinar
2. Attends webinar focused on Payroll Plus
3. Learns about Payroll Plus AI capabilities
4. Understands integration with existing Ordio features
5. Asks questions about advanced features
6. Receives follow-up with waitlist information
7. Joins Payroll Plus waitlist

**Benefits:** Advanced feature discovery, AI capabilities understanding, integration insights, waitlist access.

## Target Audience

### Primary Users

**Gastronomen:**

- Primary target audience for Payroll Plus
- Need payroll solutions for restaurant industry
- Want to understand Payroll Plus benefits
- Benefit from industry-specific focus

**HR Managers:**

- Daily responsibility for payroll
- Need to understand Payroll Plus capabilities
- Want to see implementation process
- Benefit from expert guidance

**Business Owners:**

- Evaluating Payroll Plus for their business
- Need to understand ROI and benefits
- Want to compare with alternatives
- Benefit from live demonstrations

**Steuerberater:**

- Advise clients on payroll solutions
- Need to understand Payroll Plus features
- Want to see DATEV integration
- Benefit from technical details

### Secondary Users

**Payroll Specialists:**

- Will use Payroll Plus in daily work
- Need to understand features
- Want to see user interface
- Benefit from training

**Finance Teams:**

- Responsible for payroll processing
- Need to understand automation
- Want to see error reduction
- Benefit from efficiency insights

### Industries

**Gastronomie:**

- Primary target industry
- Complex shift models
- Variable hours
- Industry-specific needs

**Einzelhandel:**

- Similar payroll needs
- Shift-based work
- Variable schedules

**Pflege:**

- Complex payroll requirements
- Shift work
- Compliance needs

**All Industries:**

- Any business with complex payroll needs
- Variable hours and shifts
- Need for automation

## Key Functionality

### Core Capabilities

- **Kostenlose Webinare:** Free daily Payroll Plus webinars
- **30-Minuten Format:** Concise, focused sessions
- **Täglich verfügbar:** Daily at 10:30 AM
- **Live Präsentation:** Interactive live demonstrations
- **Q&A Session:** Opportunity to ask questions
- **Payroll Plus Focus:** Dedicated to Payroll Plus features
- **Automatische Erinnerungen:** Email reminders before webinar
- **Calendar Integration:** Automatic calendar invites
- **Waitlist Access:** Direct access to Payroll Plus waitlist

### Advanced Features

**Webinar Topics:**

- Payroll Plus im Detail
- Komplett integrierte Nettolohnabrechnungen
- Automatisches Zusammenspiel aller relevanten Daten
- Kein manuelles Übermitteln mehr an Steuerberater
- Ein-Klick-Lohnabrechnung
- Payroll Plus AI
- Die erste Payroll-Lösung für die Gastro
- Integration mit Schichtplanung & Zeiterfassung

**Registration Process:**

- HubSpot form integration
- Automatic confirmation emails
- Calendar invite generation
- Reminder emails (24 hours before)
- Google Meet link delivery
- Waitlist registration option

**Webinar Benefits:**

- **Einfacher:** Zeiten erfassen, Löhne berechnen, Abrechnungen erstellen - alles direkt in Ordio
- **Automatisiert:** Kein externes Lohnbüro oder interne Lohnbuchhalter nötig
- **Gastro-fokussiert:** Erste Payroll-Lösung wirklich für die Gastro gemacht
- **Integriert:** Nahtlose Integration mit Schichtplanung und Zeiterfassung

## Technical Implementation

### Files

**Frontend Files:**

- **PHP:** `v2/pages/product_payroll_webinar.php` (~2,347 lines)
  - Payroll Webinar registration page with hero section, Payroll Plus details, benefits, FAQ, registration form, and CTAs
  - HubSpot form integration
  - Alpine.js integration for interactive elements
  - AOS (Animate On Scroll) for animations
  - Schema markup for SEO (Service, BreadcrumbList)
  - Responsive design with Tailwind CSS

**JavaScript:**

- HubSpot form embed script
- Alpine.js components for interactive UI
- Custom webinar components

**CSS:**

- `/v2/css/product-pages.min.css` - Shared product pages stylesheet
- Tailwind CSS utility classes
- Custom webinar styles

**Dependencies:**

**Backend Systems:**

- HubSpot CRM integration
- Email service (confirmation, reminders)
- Calendar service (Google Calendar integration)
- Google Meet integration
- Waitlist management system

**External Integrations:**

- HubSpot Forms API
- Google Calendar API
- Google Meet API
- Email service provider
- Waitlist system

**Frontend Libraries:**

- Alpine.js for reactive UI components
- Tailwind CSS for styling
- AOS (Animate On Scroll) for animations
- HubSpot Forms SDK

### API Endpoints

**Registration:**

- `POST /api/webinar/payroll/register` - Register for Payroll Webinar (via HubSpot)
- `GET /api/webinar/payroll/status` - Get registration status
- `POST /api/webinar/payroll/cancel` - Cancel registration

**Waitlist:**

- `POST /api/payroll-plus/waitlist` - Join Payroll Plus waitlist
- `GET /api/payroll-plus/waitlist/status` - Get waitlist status

**Calendar:**

- `GET /api/webinar/payroll/calendar` - Get calendar invite
- `POST /api/webinar/payroll/calendar/add` - Add to calendar

**Notifications:**

- `POST /api/webinar/payroll/reminder` - Send reminder
- `GET /api/webinar/payroll/reminders` - Get reminder status

## User Experience

### Detailed User Flow

#### Flow 1: Registering for Payroll Webinar

1. **Visit Webinar Page:**

   - User visits Payroll Webinar registration page
   - Views webinar details (daily at 10:30 AM, 30 minutes)
   - Reads Payroll Plus benefits and features

2. **Complete Registration:**

   - Fills out HubSpot registration form
   - Provides name, email, company (optional)
   - Submits registration

3. **Confirmation:**

   - Receives confirmation email from Felix
   - Receives calendar invite
   - Google Meet link delivered within 24 hours

4. **Reminder:**

   - Receives reminder email 24 hours before
   - Reminder includes webinar details and link

5. **Attend Webinar:**

   - Joins Google Meet at scheduled time (10:30 AM)
   - Participates in live Payroll Plus presentation
   - Asks questions during Q&A

6. **Follow-up:**
   - Receives follow-up email with resources
   - Can access Payroll Plus waitlist
   - Can schedule follow-up call if interested

#### Flow 2: Joining Payroll Plus Waitlist

1. **After Webinar:**

   - User learns about Payroll Plus benefits
   - Decides to join waitlist

2. **Waitlist Registration:**

   - Clicks "Join Waitlist" CTA
   - Fills out waitlist form
   - Submits registration

3. **Confirmation:**
   - Receives waitlist confirmation
   - Receives information about waitlist status
   - Receives updates about Payroll Plus availability

### UI Components

**Webinar Hero Section:**

- **Layout:** Centered hero with title and description
- **Elements:**
  - Webinar title and description
  - Registration CTA
  - Webinar time and duration
- **Interactions:** Click to register, scroll to learn more
- **Visual Design:** Clean, professional webinar page

**Payroll Plus Details:**

- **Layout:** Cards with Payroll Plus information
- **Elements:**
  - Payroll Plus benefits
  - Feature highlights
  - Integration details
- **Interactions:** Scroll to view details
- **Visual Design:** Informative cards with clear hierarchy

**Registration Form:**

- **Layout:** HubSpot embedded form
- **Elements:**
  - Name field
  - Email field
  - Company field (optional)
  - Submit button
- **Interactions:** Fill form, submit registration
- **Visual Design:** Integrated HubSpot form

**FAQ Section:**

- **Layout:** Accordion-style FAQ
- **Elements:**
  - FAQ questions
  - Expandable answers
  - Payroll Plus information
- **Interactions:** Click to expand/collapse
- **Visual Design:** Clean FAQ interface

## Visual Documentation

### Screenshots

**Payroll Webinar Registration Page:**

- **File:** `/v2/img/screenshots/payroll-webinar-registration.webp`
- **Alt Text:** "Payroll Webinar registration page"
- **Caption:** Payroll Webinar registration page with Payroll Plus details

**Payroll Plus Benefits:**

- **File:** `/v2/img/screenshots/payroll-plus-benefits.webp`
- **Alt Text:** "Payroll Plus benefits and features"
- **Caption:** Payroll Plus benefits and features highlighted in webinar

## Maintenance

### Update Schedule

- **Regular updates:** As needed for content updates
- **Schedule updates:** Daily schedule maintenance
- **Content updates:** Update Payroll Plus features as product evolves
- **Waitlist updates:** Update waitlist information as needed

### Common Updates

- **Feature updates:** Add new Payroll Plus features to webinar
- **Schedule changes:** Update webinar times if needed
- **Content improvements:** Enhance Payroll Plus descriptions
- **Waitlist updates:** Update waitlist status and information
- **Form updates:** Update registration form fields

## Related Documentation

- [Webinar Pages Inventory](WEBINAR_PAGES_INVENTORY.md)
- [Webinar Documentation](webinar-documentation.md)
- [Product Pages](../product-pages/PRODUCT_PAGES_INVENTORY.md)
- [Product Features - Lohnabrechnung](../../../product-features/lohnabrechnung-documentation.md)
- [Page Type Guides](../../../guides/PAGE_TYPE_GUIDES.md)

## Related Cursor Rules

- [webinar-pages.mdc](../../../../.cursor/rules/webinar-pages.mdc)
- [shared-patterns.mdc](../../../../.cursor/rules/shared-patterns.mdc)
- [global.mdc](../../../../.cursor/rules/global.mdc)