EmailJS Setup Guide

Sapp's O-Line Academy · Plug-and-Play Email Configuration
01
Account
CREATE YOUR FREE EMAILJS ACCOUNT

Go to emailjs.com and sign up for a free account. The free plan gives you 200 emails per month — plenty to start.

Once logged in, click "Email Services" in the left menu → "Add New Service" → choose Gmail (or whichever email Coach Sapp uses) → connect the account.

Copy and save your Service ID — it looks like: service_xxxxxxx

02
Templates
CREATE TWO EMAIL TEMPLATES

In the EmailJS dashboard click "Email Templates""Create New Template". You need two templates — one for athletes/parents, one for Coach Sapp.

Copy and paste each template below exactly as shown. The {{variable}} tags are automatically filled in when someone registers.

Template 1 — Athlete / Parent Confirmation
To: {{to_email}} (parent's email)
SUBJECT LINE: You're Registered! {{session}} — Sapp's O-Line Academy — — — BODY — — — Hey {{parent_name}}, {{athlete_name}} is officially registered for Sapp's O-Line Academy. Coach Sapp will be in touch to confirm all details. SESSION DETAILS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Session: {{session}} Date: {{session_date}} Time: {{session_time}} Location: {{session_location}} Price: {{session_price}} ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ WHAT TO BRING {{bring}} PAYMENT Complete your payment here: {{payment_link}} ATHLETE INFO ON FILE Athlete: {{athlete_name}} School: {{school}} Position: {{position}} Grad Year: {{grad_year}} Questions? Call or text Coach Sapp at (218) 979-3756. "The Grind is Undefeated." — Coach Sapp Sapp's O-Line Academy SappsOLineAcademy.com
Template 2 — Coach Sapp Notification
SUBJECT LINE: New Registration: {{athlete_name}}{{session}} — — — BODY — — — Coach Sapp, you have a new athlete registration. ATHLETE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Name: {{athlete_name}} School: {{school}} Position: {{position}} Grad Year: {{grad_year}} ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PARENT / GUARDIAN ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Name: {{parent_name}} Phone: {{parent_phone}} Email: {{parent_email}} ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ SESSION REGISTERED FOR Session: {{session}} Date: {{session_date}} Time: {{session_time}} Price: {{session_price}} — Sapp's O-Line Academy Registration System
Important: After creating each template, set the "To Email" field to {{to_email}} for Template 1 and your actual email for Template 2. Save both and copy each Template ID (looks like template_xxxxxxx).
03
Variables
ALL AVAILABLE TEMPLATE VARIABLES

Every variable below is automatically passed from the registration form. Use any of them in your templates by wrapping in double curly braces.

VariableWhat it containsExample
{{athlete_name}}Athlete's full nameMarcus Johnson
{{parent_name}}Parent / guardian nameDavid Johnson
{{parent_email}}Parent's email address[email protected]
{{parent_phone}}Parent's phone number(214) 555-0123
{{school}}Athlete's schoolDuncanville High School
{{position}}Athlete's positionLeft Tackle (LT)
{{grad_year}}Graduation year2027
{{session}}Session they registered forGroup OLine Training
{{session_date}}Session dateSat, Jan 18, 2026
{{session_time}}Session time10:00 AM – 12:00 PM
{{session_location}}Session addressWildcat Field, 123 Main St
{{session_price}}Session price$35
{{payment_link}}Link to payhttps://pay.example.com/...
{{bring}}What to bringCleats, helmet, water
{{to_email}}Parent's email (for routing)[email protected]
{{coach_email}}Coach Sapp's emailsupport@sappolineacademy.com
{{academy}}Academy nameSapp's O-Line Academy
04
Credentials
PLUG IN YOUR KEYS — AUTO-GENERATE THE CODE

Enter your three EmailJS credentials below and click Generate Code. Copy the result and paste it into coach-sapp.html — replacing the three placeholder lines near the top of the script section.

Where to paste it: Open coach-sapp.html → search for EMAILJS_SERVICE_ID → replace the entire 4-line block with the generated code above.
05
Two emails
SENDING BOTH EMAILS ON REGISTRATION

The site sends two emails on every registration — one to the parent, one to Coach Sapp. The second email (coach notification) uses Template 2. After you've added your credentials, find the section in coach-sapp.html that says // Send email if EmailJS configured and replace it with this:

try { if (EMAILJS_PUBLIC_KEY !== 'YOUR_PUBLIC_KEY') { // Email 1: Confirmation to parent/athlete await emailjs.send(EMAILJS_SERVICE_ID, EMAILJS_TEMPLATE_ID, { ...params, to_email: params.parent_email }); // Email 2: Notification to Coach Sapp await emailjs.send(EMAILJS_SERVICE_ID, EMAILJS_TEMPLATE2_ID, { ...params, to_email: COACH_EMAIL }); } } catch(err) { console.log('Email error:', err); }

Also add this line near the top of the credentials block in coach-sapp.html:

// Add this line below EMAILJS_PUBLIC_KEY const EMAILJS_TEMPLATE2_ID = 'YOUR_TEMPLATE2_ID';
06
Test
TEST IT BEFORE GOING LIVE

Once everything is set up:

1. Open the admin panel → add a test session → save it.

2. Open the main site → scroll to the registration form → fill it out with a real email address → submit.

3. Check that email inbox — you should receive the athlete confirmation within 30 seconds.

4. Check Coach Sapp's email — he should get the notification at the same time.

✓ If both emails arrive — you're fully live. Every registration from that point on is automated.
Free tier limit: EmailJS free gives you 200 emails/month. Since every registration sends 2 emails, that's 100 registrations/month for free. When Coach Sapp grows past that, upgrade to EmailJS Personal ($15/mo for 1,000 emails) — still way cheaper than any booking platform.