Möchten Sie Ihren Webseitenbesuchern auch die Möglichkeit bieten, sich in dieser Form bei Ihrem Newsletter an- und abzumelden?

Newsletter - an- und abmelden

Mit dem nachfolgenden HTML- und JavaScript-Code können Sie dies zusammen mit der Newslettersoftware „PHPList“ umsetzen.

Zuvor müssen Sie erst „PHPList“ installieren und konfigurieren. Die Installationsanleitung finden Sie ebenfalls auf der Seite von „PHPList“. Anschließend bauen Sie den Quellcode auf einer Ihrer Webseiten ein. Jetzt brauchen Sie nicht mehr das An- und Abmeldeformular von „PHPList“ zu nutzen.

<script type="text/javascript">
    function checkform() {
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
        var address = document.forms['subscribeform'].elements['email'].value;
        if(reg.test(address) == false) {
            alert('Bitte geben Sie Ihre gültige Email-Adresse ein!');
            document.forms['subscribeform'].elements['email'].focus();
            return false;
        }
        else{
            document.forms['unsubscribeform'].elements['unsubscribeemail'].value=document.forms['subscribeform'].elements['email'].value;
           
        }
        if( document.forms['subscribeform'].elements['attribute1'].value=="") {
            alert('Bitte geben Sie Ihren Namen ein!');
            document.forms['subscribeform'].elements['attribute1'].focus();
            return false;
        }
        else{
            document.forms['unsubscribeform'].elements['attribute1'].value=document.forms['subscribeform'].elements['attribute1'].value;
            return true;
        }
    }
</script>
 
<div id="newsletter">
<form name="subscribeform" id="subscribeform" method="post" action="https://www.IHREDOMAIN.de/lists/?p=subscribe&amp;id=1">
<label for="subscriber_email" id="email">E-Mail Adresse</label>
<input name="email" size="28" class="inputboxBreit" style="border: 1px solid gray; margin-top: 40px;" maxlength="64" type="text" />
<script type="text/javascript">            
    addFieldToCheck('email','E-Mail Adresse');
</script>
<input name="htmlemail" value="1" type="hidden" /> 
<input name="list[1]" value="signup" type="hidden" />
<input name="subscribe" class="submit" onclick="return checkform();" value="Abonnieren" type="submit" />
</form>
</div>
 
<div style="margin-left: 100px; margin-top: -22px;">
<form name="unsubscribeform" id="unsubscribeform" method="post" action="https://www.IHREDOMAIN.de/lists/?p=unsubscribe"> 
<input name="unsubscribeemail" size="28" class="inputboxBreit" maxlength="64" style="display: none;" type="text" /> 
<input name="list[1]" value="signup" type="hidden" /> 
<textarea name="unsubscribereason" cols="40" rows="10" wrap="virtual" style="display: none;"></textarea> 
<input name="unsubscribe" class="submit" onclick="return checkform();" value="Abmelden" type="submit" /> 
</form>
</div>

Wenn Ihnen die Lösung weitergeholfen hat, würde ich mich über ein „Like” oder einen Kommentar sehr freuen. Danke!