30. März 2015

Gastbeitrag: Pop-Up für Anmeldeformulare Einfache und flexible Modal Fenster für WordPress

   8 Kommentare

Share on Facebook15Tweet about this on Twitter7Share on Google+0Share on LinkedIn0Email this to someone

Anmeldeformulare, die sich über den Seiteninhalt legen, erfreuen sich immer größerer Beliebtheit – bei Webmastern. Hier stellen wir euch das Plugin „Modal Dialog“ vor, mit welchem ihr solche Pop-Ups erstellt und euren Besuchern anzeigt. Das klappt sowohl für Newsletter-Anmeldeformulare als auch für den Inhalt von anderen Seiten.

Modal-Dialog

Einrichtung

Das kostenfreie Plugin Modal Dialog ist im offiziellen WordPress Verzeichnis verfügbar und hat fast durchgehend gute Bewertungen.

Modal-Dialog-backend1Nachdem ihr das Plugin wie üblich installiert und aktiviert habt, erstellt ihr euer erstes Modal Pop-Up. Stellt am besten ein, dass das Pop-Up bei mobilen Endgeräten deaktiviert wird. Zusätzlich könnt ihr hier noch einstellen, wer die Dialoge bearbeiten darf.

 

Modal-Dialog-backend2

Jetzt könnt ihr euer erstes Pop-Up anpassen.

Grundeinstellungen

Neben einem Namen und der Einstellung ob das Pop-Up im Moment aktiv ist,  legt ihr hier den anzuzeigenden Inhalt fest.

Es gibt zwei Möglichkeiten:

  1. Den Inhalt einer Internetadresse
  2. Text oder HTML

Modal-Dialog-backend3

Nachdem ihr definiert habt, wann das Pop-Up erscheinen soll, können wir es bereits testen:

Modal-Dialog-Frontend1

Sichtbarkeit

Das Plugin bietet ausreichend Anpassungsmöglichkeiten und zum Beispiel die Option, das Fenster nach einer gewissen Zeit automatisch wieder zu schließen oder erst anzuzeigen, nachdem jemand ein Kommentar geschrieben hat.

Modal-Dialog-backend4

Cookie-Einstellungen

Während des Testens passiert es, dass das Modal Fenster nicht angezeigt wird. Das hat den Grund, dass das Plugin ein Cookie setzt, um wiederkehrenden Besuchern nicht jedes Mal das Pop-Up anzuzeigen. Cookie-Einstellungen lassen sich ebenfalls individuell anpassen. Damit das Testen leichter fällt, ist hier der Button „Delete All Cookies“ praktisch, um die Cookies zu löschen.

Layout

Typisch für Modal Fenster wird der Hintergrund durch einen fast transparenten Farb Layer überdeckt. Die Transparenz sowie den gewünschten Farbcode könnt ihr an die eigene Seite anpassen. Ebenso empfiehlt es sich das Pop-Up in der Mitte mitscrollen zu lassen und die Breite und Höhe manuell vorzugeben:

Modal-Dialog-backend6

Und schon sieht unser Dialog passender aus:

Modal-Dialog

Das Plugin ist einfach zu konfigurieren und lässt sich sehr gut an die eigenen Bedürfnisse anpassen. Egal, ob ihr eine Newsletter-Anmeldung oder wichtige Neuigkeiten einbinden möchtet.

Zielgerichtete Pop-Ups

Für die einzelnen Beiträge können individuelle Modal Fenster festgelegt werden. Dadurch wird das Problem umgangen, dass die Modal Fenster immer den gleichen Text enthalten. Zudem ist das empfehlenswert, wenn ihr standardmäßig keine Pop-Ups anzeigen lassen möchtet. Mit dieser Option ist es sehr einfach, einen Modal Dialog für einen bestimmten Artikel zu erstellen und eure Leser damit noch besser abzuholen.

Modal-Dialog-backend7

Fazit: Modal Dialog ist ein hilfreiches Plugin, mit dem ihr individuelle Modal Fenster für eure WordPress-Seite erstellt.

Share on Facebook15Tweet about this on Twitter7Share on Google+0Share on LinkedIn0Email this to someone
Mark Hinderer

Mark Hinderer

WordPress begeistert seit dem Kubrick Theme schreibt Mark WordPress Tutorials für www.wprockstars.de.
Mark Hinderer

Letzte Artikel von Mark Hinderer (Alle anzeigen)

Du willst up-to-date bleiben?

Trage dich jetzt in unseren kostenlosen Newsletter ein, um stets die aktuellsten Neuigkeiten rund um Wordpress zu erhalten.

Wir geben deine Daten nicht weiter! Wir hassen Spam genauso wie du!

8 Kommentare

Reaktionen auf diesen Beitrag

    • “ erfreuen sich immer größerer Beliebtheit – bei Webmastern“

      Das bringt es auf den Punkt. Bei den Besuchern leider genau das Gegenteil. Ich sehe das jetzt immer häufiger bei anderen Kollegen und ich muss sagen, es nervt. Kann schon sein dass dadurch eine höhere Conversion-Rate bei den Formularen vorliegt, aber ein wenig sollte man schon auf den Besucher achten.

      Lg

    • Günter

      Hallo Pressengers,

      auch wenn ich das Tool nicht anwende – vielen Dank für den ausführlichen Artikel, wie auch für alle anderenl!!!

      LGG

    • Burkhard

      Hallo,
      ich bin mit der Konfiguration nach über einer Stunde gescheitert.
      Mein Ziel, nur auf der Startseite ein Pup-Up , habe ich nicht erreicht und erfolglos aufgegeben.
      Es erfolgte immer eine Anzeige auf allen Seiten.
      Schade …..

      Frohe Ostern!

      • Hallo Burkhard,
        um ein Modal Fenster nur auf der Startseite anzuzeigen, reichen diese zwei Einstellungen unter dem Punkt „Visibility“:
        – Display on front page
        – Only show on specific pages and single posts

        Wenn diese beiden Punkte angehakt sind, dann wird das Modal Fenster nur auf der Startseite angezeigt.
        Wenn es damit immer noch nicht funktioniert:
        1. Prüfen, ob die aktuellste Version installiert ist
        2. Ein neues Modal Fenster anlegen, damit sichergestellt ist, dass keine alten Einstellungen aktiv sind.

        Viele Grüße
        Mark

    • Xenia

      Ich finde das auch äußerst nervig und aufdringlich, vor allem dann, wenn es nicht möglich ist, das Fenster zu schließen und man die Inhalte gar nicht betrachten kann, ohne sich anzumelden oder was auch immer zu klicken. Solche Websites besuche ich nur ein mal und nie wieder.

      Es würde mich mehr interessieren womit man dieses Fensterchen, was man hier unten rechts sieht („Werde fit in WordPress“), erstellt? Das ist dezent, stört nicht beim lesen und man hat trotzdem die Möglichkeit es zu benutzen, wenn man es möchte.

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.