Be first to know about artist announcements, latest info, competitions and more!

Stay in the Loop

Keep up to date with In The Park presents - Follow us on socials

Signup for updates

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sign Up Form</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
body {
font-family: 'Montserrat', sans-serif;
background-color: #fff;
}

#mc_embed_signup {
background: #f9f9f9;
color: #333;
padding: 2rem;
border-radius: 12px;
max-width: 500px;
margin: 3rem auto;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

#mc_embed_signup label {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
font-size: 0.95rem;
}

#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"],
#mc_embed_signup select {
width: 100%;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #fff;
color: #333;
font-family: 'Montserrat', sans-serif;
font-size: 0.95rem;
box-sizing: border-box;
}

#mc_embed_signup input:focus,
#mc_embed_signup select:focus {
outline: none;
border-color: #C4DE5B;
box-shadow: 0 0 0 3px rgba(196, 222, 91, 0.3);
}

#mc_embed_signup .button {
background-color: #C4DE5B;
color: #333;
border: none;
padding: 0.75rem 2rem;
border-radius: 50px;
font-weight: 600;
font-size: 1rem;
text-transform: uppercase;
cursor: pointer;
transition: 0.25s ease;
}

#mc_embed_signup .button:hover {
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(196, 222, 91, 0.4);
}

.indicates-required {
font-size: 0.85rem;
margin-bottom: 1rem;
color: #777;
}

.asterisk {
color: #ff4081;
}

.sms-consent {
font-size: 0.8rem;
color: #555;
margin: 0.5rem 0 1rem;
display: flex;
gap: 0.5rem;
align-items: flex-start;
}

.sms-consent label {
font-weight: 400;
}

#mce-response {
margin-top: 1rem;
font-size: 0.9rem;
}
#mce-response.success { color: green; }
#mce-response.error { color: red; }
</style>
</head>

<body>

<div id="mc_embed_signup">
<form id="ajax-subscribe-form" novalidate>

<div class="indicates-required">
<span class="asterisk">*</span> indicates required
</div>


<label for="FNAME">First Name</label>
<input type="text" name="FNAME" id="FNAME">


<label for="LNAME">Last Name</label>
<input type="text" name="LNAME" id="LNAME">

<label for="EMAIL">
Email Address <span class="asterisk">*</span>
</label>
<input type="email" name="EMAIL" id="EMAIL" required>

<label for="SMSPHONE">
SMS Phone Number <span class="asterisk">*</span>
</label>
<input type="text" name="SMSPHONE" id="SMSPHONE" placeholder="+44 0000 000000" required>

<div class="sms-consent">
<input type="checkbox" name="mc-SMSPHONE-ack" id="mc-SMSPHONE-ack" value="true" required>
<label for="mc-SMSPHONE-ack">
By providing your phone number and checking this box, you agree to receive
promotional and marketing messages from In the Park.
Message and data rates may apply. Text STOP to cancel.
<a href="http://eepurl.com/jp28rM" target="_blank">Terms</a> ·
<a href="https://www.intheparkfestival.com/privacypolicy" target="_blank">Privacy Policy</a>
</label>
</div>

<label for="MMERGE3">Which show are you interested in?</label>
<select name="MMERGE3" id="MMERGE3">
<option value="">Click to choose</option>
<option value="Newcastle">Newcastle</option>
<option value="Liverpool">Liverpool</option>
<option value="All shows">All shows</option>
</select>

<input type="submit" class="button" value="Sign Up">

<div id="mce-response"></div>

</form>
</div>

<script>
/* ---------- Auto +44 Prefix ---------- */
const phoneInput = document.getElementById("SMSPHONE");

function normalizeUKPrefix() {
let val = phoneInput.value.trim();

// Leave other international numbers alone
if (/^\+\d{2,}/.test(val) && !val.startsWith("+44")) {
return;
}

// If empty → prefill +44
if (val === "") {
phoneInput.value = "+44 ";
return;
}

// Prevent duplicate +44+44
if (/^\+44\s*\+44/.test(val)) {
phoneInput.value = "+44 " + val.replace(/^\+44\s*\+44\s*/, "");
return;
}

// +447... → +44 7...
if (/^\+44\d+/.test(val)) {
phoneInput.value = val.replace(/^\+44/, "+44 ");
return;
}

// 07... → +44 7...
if (/^0\d+/.test(val)) {
phoneInput.value = "+44 " + val.slice(1);
return;
}

// 7... or 7123... → +44 7...
if (/^\d+/.test(val)) {
phoneInput.value = "+44 " + val;
return;
}
}

// Add prefix on focus + normalize on blur
phoneInput.addEventListener("focus", normalizeUKPrefix);
phoneInput.addEventListener("blur", normalizeUKPrefix);
</script>

<script>
/* ---------- Mailchimp AJAX (new audience) ---------- */
function submitToMailchimp(form) {
const response = document.getElementById("mce-response");
response.textContent = "Submitting...";
response.className = "";

const data = new FormData(form);
const params = new URLSearchParams(data).toString();

const url =
"https://cream.us5.list-manage.com/subscribe/post-json" +
"?u=4929781352cfc2aa530c794f9" +
"&id=d42add9d72" +
"&f_id=007dede0f0" +
"&" + params +
"&c=mcCallback";

const script = document.createElement("script");
script.src = url;
document.body.appendChild(script);

window.mcCallback = function(res) {
if (res.result === "success") {
response.textContent = "Thanks for signing up!";
response.className = "success";
form.reset();
} else {
response.textContent = res.msg || "Something went wrong.";
response.className = "error";
}
script.remove();
};
}

document.getElementById("ajax-subscribe-form")
.addEventListener("submit", function(e) {
e.preventDefault();

if (!this.checkValidity()) {
document.getElementById("mce-response").textContent =
"Please complete all required fields.";
document.getElementById("mce-response").className = "error";
return;
}

submitToMailchimp(this);
});
</script>

</body>
</html>