Seleziona un’opzione
Evento in presenza
Social
Passaparola
* Campi obbligatori
Grazie! Abbiamo ricevuto i tuoi dati. Ti contatteremo a breve.
.fg-optin { max-width: 560px; margin: 0 auto; font-family: inherit; color: inherit; }
.fg-optin * { box-sizing: border-box; }
.fg-optin .fg-row { display: flex; gap: 16px; }
.fg-optin .fg-row .fg-field { flex: 1; }
.fg-optin .fg-field { margin-bottom: 16px; }
.fg-optin label { display: block; font-size: 15px; font-weight: 600; margin-bottom: 6px; }
.fg-optin input[type=”text”],
.fg-optin input[type=”email”],
.fg-optin input[type=”tel”],
.fg-optin select {
width: 100%; padding: 12px 14px; font-size: 16px; font-family: inherit;
border: 1px solid #c9c9c9; border-radius: 8px; background: #fff; color: #222;
}
.fg-optin input:focus, .fg-optin select:focus { outline: none; border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26,115,232,.15); }
.fg-optin .fg-invalid { border-color: #d93025 !important; }
.fg-optin .fg-check { display: flex; gap: 10px; align-items: flex-start; margin: 4px 0 16px; }
.fg-optin .fg-check input { margin-top: 4px; width: 18px; height: 18px; flex-shrink: 0; }
.fg-optin .fg-check label { font-weight: 400; font-size: 14px; line-height: 1.5; margin: 0; }
.fg-optin .fg-check.fg-invalid label { color: #d93025; }
.fg-optin .fg-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.fg-optin button {
width: 100%; padding: 14px; font-size: 17px; font-weight: 700; font-family: inherit;
background: #1a73e8; color: #fff; border: 0; border-radius: 8px; cursor: pointer;
}
.fg-optin button:hover { filter: brightness(.95); }
.fg-optin button:disabled { opacity: .6; cursor: wait; }
.fg-optin .fg-error { color: #d93025; font-size: 14px; margin: 0 0 12px; }
.fg-optin .fg-note { font-size: 12px; opacity: .7; margin-top: 8px; }
.fg-optin .fg-success { padding: 24px; border-radius: 8px; background: #e6f4ea; color: #1e4620; text-align: center; }
@media (max-width: 520px) { .fg-optin .fg-row { flex-direction: column; gap: 0; } }
(function () {
/* ======== CONFIGURAZIONE ======== */
var WEBHOOK_URL = “https://hooks.zapier.com/hooks/catch/28773715/41v2e3s/”; // ← URL del tuo Catch Hook
var PRIVACY_URL = “https://www.iubenda.com/privacy-policy/62721473”; // ← link informativa (es. iubenda)
var REDIRECT_URL = “/grazie/”; // pagina di ringraziamento (lascia “” per mostrare il messaggio nel form)
/* ================================ */
var form = document.getElementById(“fg-optin-form”);
if (!form) return;
document.getElementById(“fg-privacy-link”).href = PRIVACY_URL;
var errorBox = document.getElementById(“fg-error”);
var btn = document.getElementById(“fg-submit”);
function showError(msg) { errorBox.textContent = msg; errorBox.hidden = false; }
function validate() {
var ok = true;
form.querySelectorAll(“.fg-invalid”).forEach(function (el) { el.classList.remove(“fg-invalid”); });
[“fg-nome”, “fg-cognome”, “fg-email”, “fg-fonte”].forEach(function (id) {
var el = document.getElementById(id);
if (!el.value.trim() || !el.checkValidity()) { el.classList.add(“fg-invalid”); ok = false; }
});
// Telefono facoltativo: validato solo se compilato
var tel = document.getElementById(“fg-telefono”);
if (tel.value.trim() && !tel.checkValidity()) { tel.classList.add(“fg-invalid”); ok = false; }
var gdpr = document.getElementById(“fg-gdpr”);
if (!gdpr.checked) { gdpr.parentElement.classList.add(“fg-invalid”); ok = false; }
return ok;
}
form.addEventListener(“submit”, function (e) {
e.preventDefault();
errorBox.hidden = true;
// Honeypot: se compilato è un bot → fingi successo e non inviare
if (document.getElementById(“fg-website”).value) { form.hidden = true; document.getElementById(“fg-success”).hidden = false; return; }
if (!validate()) { showError(“Controlla i campi evidenziati: sono obbligatori o non validi.”); return; }
var data = new URLSearchParams();
data.append(“nome”, form.nome.value.trim());
data.append(“cognome”, form.cognome.value.trim());
data.append(“email”, form.email.value.trim().toLowerCase());
data.append(“telefono”, form.telefono.value.trim());
data.append(“fonte”, form.fonte.value);
data.append(“consenso_gdpr”, “si”);
data.append(“consenso_data”, new Date().toISOString()); // prova del consenso (data/ora)
data.append(“pagina”, window.location.href); // pagina di provenienza
btn.disabled = true;
btn.textContent = “Invio in corso…”;
// form-urlencoded + no-cors = richiesta “semplice”, nessun blocco CORS lato browser
fetch(WEBHOOK_URL, { method: “POST”, mode: “no-cors”, body: data })
.then(function () {
if (REDIRECT_URL) { window.location.href = REDIRECT_URL; return; }
form.hidden = true;
document.getElementById(“fg-success”).hidden = false;
})
.catch(function () {
showError(“Si è verificato un errore di connessione. Riprova tra qualche istante.”);
btn.disabled = false;
btn.textContent = “Invia”;
});
});
})();
