VARAA ALOITUSTUNTI

Varaa paikka WOD-Perusteet -tunnille.
Valitse sinulle sopiva tunti ja jätä yhteystietosi. Olemme sinuun yhteydessä ja vahvistamme varauksen sähköpostitse.
 
Perusteet-tunnille voit tulla tutustumaan CrossFitiin ja harjoittelemaan lajin perusteita valmentajan ohjauksessa. Et tarvitse aiempaa CrossFit-kokemusta.
Voit halutessasi kertoa tässä esimerkiksi aiemmasta liikuntataustastasi tai muusta, mitä haluaisit meidän tietävän.

Ilmoittautuminen vastaanotettu!

Kiitos viestistäsi. Olemme sinuun yhteydessä mahdollisimman pian.

Lomakkeen asennusohje (Ilmainen)

Näillä ohjeilla yhdistät tämän lomakkeen Google Sheetsiin ja sähköpostiin info@crossfitrosteri.fi.

Vaihe 1: Luo Google Sheet

1. Mene osoitteeseen sheets.google.com ja luo uusi tyhjä taulukko (esim. nimellä "Rosteri Ilmoittautumiset").

Vaihe 2: Avaa Apps Script

1. Valitse Sheetsin ylävalikosta Laajennukset -> Apps Script.
2. Poista siellä oleva koodi ja kopioi alla oleva koodi tilalle:

function doPost(e) {
  try {
    var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
    var data = e.parameter;
    
    // Noudetaan tiedot lomakkeelta
    var nimi = data.nimi || "-";
    var email = data.email || "-";
    var puhelin = data.puhelin || "-";
    var tunti = data.tunti || "-";
    var viesti = data.viesti || "-";
    var aikaleima = new Date();
    
    // 1. TALLENNA GOOGLE SHEETSIIN (Aikaleima, Nimi, Sähköposti, Puhelin, Tunti, Viesti)
    sheet.appendRow([aikaleima, nimi, email, puhelin, tunti, viesti]);
    
    // 2. LÄHETÄ SIISTI SÄHKÖPOSTI (Väri #5EA9C4)
    var subject = "Uusi ilmoittautuminen: " + nimi + " (Perusteet-tunti)";
    var htmlBody = "" +
      "<div style='font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; color: #333;'>" +
      "<h2 style='background-color: #5EA9C4; color: #fff; padding: 15px; margin: 0; text-transform: uppercase;'>CrossFit Rosteri</h2>" +
      "<div style='padding: 20px; border: 1px solid #ddd; background: #fafafa;'>" +
      "<p style='font-size: 16px; margin-top: 0;'>Uusi ilmoittautuminen Perusteet-tunnille vastaanotettu.</p>" +
      "<table style='width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 15px;'>" +
      "<tr><td style='padding: 10px; border-bottom: 1px solid #e0e0e0; font-weight: bold; width: 35%;'>Nimi:</td><td style='padding: 10px; border-bottom: 1px solid #e0e0e0;'>" + nimi + "</td></tr>" +
      "<tr><td style='padding: 10px; border-bottom: 1px solid #e0e0e0; font-weight: bold;'>Sähköposti:</td><td style='padding: 10px; border-bottom: 1px solid #e0e0e0;'><a href='mailto:" + email + "' style='color: #5EA9C4;'>" + email + "</a></td></tr>" +
      "<tr><td style='padding: 10px; border-bottom: 1px solid #e0e0e0; font-weight: bold;'>Puhelin:</td><td style='padding: 10px; border-bottom: 1px solid #e0e0e0;'>" + puhelin + "</td></tr>" +
      "<tr><td style='padding: 10px; border-bottom: 1px solid #e0e0e0; font-weight: bold;'>Valittu tunti:</td><td style='padding: 10px; border-bottom: 1px solid #e0e0e0; color: #111; font-weight: bold;'>" + tunti + "</td></tr>" +
      "<tr><td style='padding: 10px; font-weight: bold; vertical-align: top;'>Viesti / Tausta:</td><td style='padding: 10px;'>" + viesti.replace(/\n/g, "<br>") + "</td></tr>" +
      "</table>" +
      "</div></div>";
      
    // Lähetä sposti info@crossfitrosteri.fi. Reply-to on asiakkaan sähköposti
    MailApp.sendEmail({
      to: "info@crossfitrosteri.fi", 
      subject: subject,
      htmlBody: htmlBody,
      replyTo: email
    });
    
    return ContentService.createTextOutput("Success").setMimeType(ContentService.MimeType.TEXT);
  } catch (error) {
    return ContentService.createTextOutput("Error").setMimeType(ContentService.MimeType.TEXT);
  }
}

Vaihe 3: Julkaise verkkosovelluksena

1. Klikkaa oikeasta yläkulmasta sinistä napista Ota käyttöön (Deploy) -> Uusi käyttöönottotyyppi (New deployment).
2. Valitse ratas-ikonista tyypiksi Verkkosovellus (Web app).
3. Aseta "Kuka voi käyttää" (Who has access) kohtaan: Kuka tahansa (Anyone).
4. Klikkaa "Ota käyttöön". (Google saattaa pyytää antamaan luvat tunnukselle – salli luvat).
5. Kopioi saamasi "Verkkosovelluksen URL".

Vaihe 4: Lisää URL Elementoriin

Etsi Elementorin HTML-vimpaimesta JS-koodin alusta rivi const ROSTERI_SCRIPT_URL = '...'; ja korvaa se saamallasi linkillä. Tallenna Elementor sivu ja kokeile!

Huom: Kun lomake toimii, voit poistaa Elementorin HTML-widgetistä osiot <div id="admin-instructions">...</div> ja <div id="admin-modal">...</div> jotta ohjeet eivät näy asiakkaille.