Overview
The system includes WhatsApp integration for quick communication with students and instructors, featuring automatic number formatting and pre-filled message templates.Student Communication
WhatsApp Link Generation
Automatic WhatsApp link creation with formatted phone numbers:~/workspace/source/src/pages/Alumnos.tsx:444
Generic Card Integration
WhatsApp action in student cards:~/workspace/source/src/pages/Alumnos.tsx:709
Card Component Support
Generic card component with WhatsApp action:~/workspace/source/src/components/cards/GenericCard.tsx:27,39,71-75
Instructor Communication
Instructor Detail Page
WhatsApp contact from instructor profile:~/workspace/source/src/pages/InstructorDetalle.tsx:233-238
Contact Button
~/workspace/source/src/pages/InstructorDetalle.tsx:267
Student Detail Page
Quick Contact Option
~/workspace/source/src/pages/AlumnoDetalle.tsx:212-217
Action Button
~/workspace/source/src/pages/AlumnoDetalle.tsx:245
Phone Number Format
Automatic Prefix
From the README documentation:~/workspace/source/README.md:26-28
Standard Format
~/workspace/source/README.md:570
Message Templates
Pre-filled Messages
Default message template structure:- Includes student/instructor name
- Identifies sender as the school
- Leaves space for custom message
- Can be edited before sending
Help System Documentation
User Guidance
From the help system:~/workspace/source/src/components/HelpSystem.tsx:200
Usage Instructions
~/workspace/source/src/components/HelpSystem.tsx:205
Onboarding Tour
Feature Introduction
~/workspace/source/src/components/OnboardingTour.tsx:63
The onboarding system introduces users to the WhatsApp communication feature.
Use Cases
Class Reminders
Send reminders about upcoming classes:Cancellation Notifications
Notify students about class cancellations:Schedule Changes
Inform about schedule modifications:Payment Reminders
Send payment notifications:Instructor Coordination
Communicate with instructors:WhatsApp Web Integration
Link Format
The system uses the WhatsApp API link format:{phone}= Country code + area code + number (e.g., +5492211234567){message}= URL-encoded message text
Behavior
- User clicks “Enviar WhatsApp” button
- New browser tab/window opens
- WhatsApp Web or mobile app launches
- Pre-filled message appears in chat
- User can edit message before sending
- User clicks send in WhatsApp
Email Alternative
The system also supports email communication:~/workspace/source/README.md:439-442
Access Points
Multiple Entry Points
WhatsApp communication available from:- Student List - Dropdown menu on each student row
- Student Cards - Action menu in card view
- Student Detail Page - Contact button
- Instructor Detail Page - Contact button
- Quick Actions Menu - Context menu (⋮)
Best Practices
- Personalize Messages - Edit the pre-filled template before sending
- Professional Tone - Maintain school’s professional image
- Timely Communication - Send messages during appropriate hours
- Clear Information - Include all necessary details (date, time, location)
- Respect Privacy - Only use WhatsApp for school-related communication
- Confirm Receipt - For important messages, request confirmation
- Batch Communication - For group announcements, consider WhatsApp groups
- Record Keeping - Keep records of important communications
Technical Implementation
Phone Number Storage
Phone numbers stored with:- Country code (automatically added: +549)
- Area code
- Local number
Link Opening
Future Enhancements
Potential improvements:- Message Templates Library - Pre-defined messages for common scenarios
- Bulk Messaging - Send to multiple recipients
- Message History - Track sent messages
- Automated Reminders - Scheduled automatic messages
- WhatsApp Business API - Full integration with WhatsApp Business
- Read Receipts - Track message delivery and reading
- Rich Media - Send images, documents, location