HTML code – Subscription form for multiple newsletters

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 following section HTML code explanations – HTML code – Subscription form for multiple newsletters.
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
96
97
<!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>
</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/servlet" METHOD="post">
                <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_SUBSCRIPTION" value="[Mailingliste 1]">Mailingliste 1
                </label>
                <label>
                    <input type="checkbox" name="INXMAIL_SUBSCRIPTION" value="[Mailingliste 2]">Mailingliste 2
                </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>
                <label>
                    <input type="submit" name="Submit" value="Anmelden">
                </label>
            </form>
        </div>
</body>
</html>