LÄHETÄ VIESTI

OTA YHTEYTTÄ

Viesti lähetetty!

Kiitos yhteydenotostasi. Olemme sinuun yhteydessä mahdollisimman pian.

Yhteydenottolomakkeen asennusohje

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ä "Yhteydenotot").

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 viesti = data.viesti || "-";
    var aikaleima = new Date();
    
    // 1. TALLENNA GOOGLE SHEETSIIN
    sheet.appendRow([aikaleima, nimi, email, puhelin, viesti]);
    
    // 2. LÄHETÄ SÄHKÖPOSTI
    var subject = "Uusi yhteydenotto: " + nimi;
    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 yhteydenotto verkkosivujen kautta.</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; font-weight: bold; vertical-align: top;'>Viesti:</td><td style='padding: 10px;'>" + viesti.replace(/\n/g, "<br>") + "</td></tr>" +
      "</table>" +
      "</div></div>";
      
    // Lähetä
    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 Ota käyttöön (Deploy) -> Uusi käyttöönottotyyppi (New deployment).
2. Valitse ratas-ikonista Verkkosovellus (Web app).
3. Aseta "Kuka voi käyttää" (Who has access): Kuka tahansa (Anyone).
4. Klikkaa "Ota käyttöön" ja anna luvat.
5. Kopioi saamasi "Verkkosovelluksen URL".

Vaihe 4: Lisää URL Elementoriin

Etsi Elementorin HTML-vimpaimesta JS-koodin alusta rivi const YHTEYS_SCRIPT_URL = '...'; ja korvaa se saamallasi linkillä. Tallenna ja testaa!