HTML code – Subscription form

You can copy the following HTML code to an editor of your choice and then adapt it. Detailed information indicating which places need to be adapted in the HTML code, can be found in the section HTML code explanations – Subscription form.
Copy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="de">
<head>
<title>Newsletteranmeldung - 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>Anmeldung zum Newsletter</h1>
        <p>Unser kostenloser Newsletter informiert Sie monatlich über neue Produkte und aktuelle Entwicklungen.</p>

        <div class="container">
        <form action="https://web.inxmail.com/[Mandantenname]/subscription/servletv2" method="post" id="displayform">
                    <input type="hidden" name="INXMAIL_SUBSCRIPTION" 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>
                <label>Anrede
                        <select name="Anrede">
                            <option value="male">Herr</option>
                            <option value="female">Frau</option>
                            <option value="neutral">Divers</option>
                        </select>
                </label>
                   <label>Vorname
                        <input type="text" name="Vorname">
                   </label>
                   <label>Nachname
                        <input type="text" name="Nachname">
                   </label>
                <label>
                    <input type="checkbox" name="INXMAIL_TRACKINGPERMISSION">
                        Ja, ich bin damit einverstanden, dass mein personenbezogenes Nutzungsverhalten im Newsletter erfasst und ausgewertet wird, damit die Inhalte besser auf meine persönlichen Interessen ausgerichtet werden können. Über einen Link im Newsletter kann ich diese Funktion jederzeit deaktivieren.<br>
                   </label>
        <button class="g-recaptcha" data-sitekey="6Ld673sUAAAAANIr4kvsqp3F1i4iiOatKNVWVCL2" data-callback='onSubmit'>Anmelden</button>
            </form>
    </div>
</body>
</html>