HTML-Code Abmeldeformular
Sie können den nachfolgenden HTML-Code in einen Editor Ihrer Wahl kopieren und anschließend anpassen. Detaillierte Hinweise, welche Stellen im HTML-Code von Ihnen angepasst werden müssen, finden Sie im folgenden Abschnitt Erläuterungen zum HTML-Code - Abmeldeformular .
<!DOCTYPE html>
<html lang="de">
<head>
<title>Newsletterabmeldung - HTML-Formular</title>
<meta charset="UTF-8">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
}
input[type=text], select {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 10px;
resize: vertical;
}
.container {
width: 720px;
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
button {
background-color: #4b4241;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top: 15px;
}
button:hover {
background-color: #00a19c;
}
label {
display: block;
margin-bottom: 5px;
}
</style>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
function onSubmit(token) {
document.getElementById("displayform").submit();
}
</script>
</head>
<body>
<h1>Abmeldung von unserem Newsletter</h1>
<p>Hier können Sie sich von unserem Newsletter abmelden.</p>
<div class="container">
<form action="https://web.inxmail.com/[Mandantenname]/subscription/servletv2" method="post" id="displayform">
<input type="hidden" name="INXMAIL_UNSUBSCRIPTION" value="[Listenname]">
<input type="hidden" name="INXMAIL_HTTP_REDIRECT" value="[URL für Landeseite "Erfolg"]"/>
<input type="hidden" name="INXMAIL_HTTP_REDIRECT_ERROR" value="[URL für Landeseite "Fehler"]"/>
<input type="hidden" name="INXMAIL_CHARSET" value="UTF-8"/>
<label>E-Mail*
<input type="text" name="email">
</label>
<button class="g-recaptcha" data-sitekey="6Ld673sUAAAAANIr4kvsqp3F1i4iiOatKNVWVCL2" data-callback='onSubmit'>Abmelden</button>
</form>
</div>
</body>
</html>