HTML code – Unsubscription 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 following section HTML code explanations – Unsubscription 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
<!DOCTYPE html>
<html lang="de">
<head>
<title>Newsletter unsubscription – 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>Unsubscription from our newsletter</h1>
    <p>You can unsubscribe from our newsletter here.</p>

    <div class="container">
        <form ACTION="https://web.inxmail.com/[organisation]/subscription/servlet" METHOD="post">
            <input type="hidden" name="INXMAIL_UNSUBSCRIPTION" value="[list name]">
            <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>
                <input type="submit" name="Submit" value="Unsubscribe">
            </label>
        </form>
    </div>
</body>
</html>