Wenn dieses Tutorial ist nicht genau was Sie suchen und Sie noch Fragen oder Vorschläge haben – lassen Sie uns wissen. Helfen Sie uns bitte um besser zu dienen!

Ihr Name

Emailadresse

Ihre Nachricht (benötigt)

captcha

Ausgewählte Vorlagen

JS Animated. Wie aktiviert man Newsletters und das Anmeldeformular

Das Support-Team stellt Ihren das neue Tutorial vor, das zeigt, wie aktiviert man das Anmeldeformular auf der HTML Webseite.

JS Animated. Wie aktiviert man Newsletters und das Anmeldeformular

Wenn Sie mit Ihren Webseitenbesuchern in Verbindung nicht nur per Kontaktformular bleiben möchten, dann können Ihre Kunden noch Newsletters erhalten.

Beschreibung

JS Animated.How_to_activate_subscription_form_1

Fügen Sie diesen HTML Code zum Seiteninhalt hinzu, um das Anmeldeformular auf der Webseite darzustellen:

       	<form id="subscribe-form">
              <div class="success">Your subscription request<br> has been sent!</div>
                <fieldset>
                <label class="name">
                    <input type="text" value="Enter Name:">
                    <span class="error">*This is not a valid name.</span></label>
                <label class="email">
                    <input type="email" value="Enter Email:">
                    <span class="error">*This is not a valid email address.</span></label>
                <div class="btns"><a href="#" class="button" data-type="submit">Submit</a></div> </fieldset>
        </form>                       
	
JS Animated.How_to_activate_subscription_form_2

HTML Struktur des Anmeldeformulars kann geändert werden. Die einzige Bedingung besteht darin, dass die Anfangsdaten innerhalb von Tags label mit den Klassen, die Ihrer Art entsprechen, sein müssen. Es gibt standardmäßig die folgenden Klassen / Arten:

  • name – Benutzername. Überprüfung: Zahlen sind verboten, mindestens 2 Zeichen;
  • email – E-Mail-Adresse des Benutzers;

Auch der Tag label, der oben genannt wurde, kann Elemente span mit Klassen errorenthalten, die Fehlermeldungen enthalten (wenn die Daten in Feldern falsch eingegeben wurden).

Um das Anmeldeformular zu aktivieren, machen Sie das Folgende:

  1. Fügen Sie das Skript des Anmeldeformuar (aus dem Beispiel unten) zum Bereich <head> der HTML Datei hinzu:

                	<script type="text/javascript" src="js/jquery.min.js"></script>
                    <script type="text/javascript" src="js/sForm.js"></script>
    		
    JS Animated.How_to_activate_subscription_form_3
  2. Kopieren Sie den Ordner “bat” in den Stammkatalog Ihrer Webseite. Der Ordner “bat” muss eine Datei enthalten: MailHandler-sub.php .

  3. Initialisieren Sie das Anmeldeformular für das Ereignis $(window).load() : am Ende der Datei sForm.js :

                	$(window).load(function(){
                      $('#subscribe-form').sForm({
                        ownerEmail:'#',
                        sitename:'sitename.link'
                      })
                    })	
            
    JS Animated.How_to_activate_subscription_form_4
  4. Nutzen Sie die folgenden Optionen für die Initialisierung:

    • ownerEmail – E-Mail-Adresse, an die die Details gesendet werden;
    • sitename – Web-Adresse, die das Anmeldeformular enthält:
    JS Animated.How_to_activate_subscription_form_5

Wenn die Anmeldung erfolgreich durchgeführt wurde, erhalten der Inhaber der Website und der Webseitenbesucher zwei separate Newsletters über erfolgreiche Anmeldung. Die E-Mail-Adresse des Inhabers der Webseite wird die Adresse aus der Datei sForm.js, und die E-Mail-Adresse des Webseitenbesuchers ist die Adresse, die er in dem Anmeldeformular angegeben hat:

JS Animated.How_to_activate_subscription_form_6

Sie können auch das ausführliche Video-Tutorial nutzen:

JS Animated. Wie aktiviert man Newsletters und das Anmeldeformular
 
Online-Chat
We help you to choose the right product.
Chat starten