HTML-Code - Anmeldeformular für mehrere Newsletter

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 - HTML-Code Anmeldeformular für mehrere Newsletter .
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>Newsletter subscription - HTML form</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>Subscribe to our newsletter</h1>
        <p>Our free monthly newsletter informs you about new products and current developments.</p>

        <div class= "container">
            <form ACTION="https://web.inxmail.com/[organisation]/subscription/servlet" METHOD="post">
                <input type="hidden" name="INXMAIL_HTTP_REDIRECT" value="[URL for landing page "Success"]"/>
                <input type="hidden" name="INXMAIL_HTTP_REDIRECT_ERROR" value="[URL for landing page "Error"]"/>
                <input type="hidden" name="INXMAIL_CHARSET" value="UTF-8"/>
                <label>Email*
                    <input type="text" name="email">
                </label>
                <label>Salutation
                    <select name="Salutation">
                        <option value="male">Mr</option>
                        <option value="female">Ms</option>
                        <option value="neutral">Divers</option>
                    </select>
                </label>
                <label>First name
                    <input type="text" name="First name">
                </label>
                <label>Last name
                    <input type="text" name="Last name">
                </label>
            <label>
                    <input type="checkbox" name="INXMAIL_SUBSCRIPTION" value="[mailing list 1]">Mailing list 1
                </label>
                <label>
                    <input type="checkbox" name="INXMAIL_SUBSCRIPTION" value="[mailing list 2]">Mailing list 2
                </label>
                <label>
                    <input type="checkbox" name="INXMAIL_TRACKINGPERMISSION">
                    Yes, I agree that my personal using behaviour in this newsletter is seized and evaluated, so that the contents can be better aligned to my personal interests. Via a link in the newsletter I can deactivate this function at any time.<br>
                </label>
                <label>
                    <input type="submit" name="Submit" value="Subscribe">
                </label>
            </form>
        </div>
</body>
</html>