HTML-Code - Anmeldeformular

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 Abschnitt Erläuterungen zum HTML-Code - Anmeldeformular .
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>