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 .

Copy
<!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>