Pop-up! – das ist Zeigen;
2 Plug-ins im Kurztest

Lesedauer so 3 Min.
Lernzeit ein wenig mehr 2022-Mai 2021-Dezember like

Info echo

Ist der Classic-Editor schon zu kennen? –

"Advanced Editor Tools – ist so klasse!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo

Anklickt Classic-Editor mit Advanced Editor Tools

"Advanced Editor Tools – ist das ausgezeichnete!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo

Klassischen Editor anwenden! – und …

"Advanced Editor Tools – ist so sehr gut !"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo

… die Welt gehört dem, der sie genießt.

"Advanced Editor Tools – und tut sehr gut!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo

Advanced Editor Tools aktive Installationen: 2+ Millionen

"Advanced Editor Tools – ist so fabelhaft!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo

Ansprechend! – so gehts hier zur Lancierung

"Advanced Editor Tools – ist de luxe!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo

… und NEU! – Classic Widgets

"Classic Widgets – sind so grandiose!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo

Werkraum ist Werkraum und Frontend ist Frontend

Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker

"Advanced Editor Tools – ist so fein!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Von wegen selben eigen Erfolg ist so Pop-up nicht. Tja, das mit den Pop-ups ist meist mit Kritik belegt. Und ja, so Pop-up sollten nicht zur Eigenwerbung sein, das ist nicht das. Bitteschön, wenn mal Angebot von News-Letter oder so solls recht sein. Der Lebendigkeit der Website ist es allemal, aber mit bedacht.

So bspw für Umfrage, welche dann jeden anspricht, da ist ein Pop-up schon sehr von Nutzen! Denn, so Umfrage in Seitenleiste, die ignoriert fast jeder. Wir alle haben es eilig, wenn man sucht, da gehts dann ab, da … da und DA! – und WEG. 'Erkenne dich selbst'. Also letzter ist nur so Beispiel von Wegen wofür so Pop-up. Das ist dann jedem seiner Kreativität. – viel Erfolg!

Inhaltsverzeichnis

Plug-in Boxzilla

Des Zusammenhangs ist Easy-Fancybox.

Mit Plug-in Boxzilla ist das Pop-up beim Besuch der Website, scrollings u. a. So beim Besuch der Website ist das als Begrüßung und so bspw zu einer Umfrage einladet! Das Voten selbst ist da gleich im Pop-up von Vorteil. Und durch ein Cookie hat das im weiter der Website nicht zu sein. Es kommt ganz gut das Pop-up im Vorhinein, als wenn man schon die Seite verlassen möchte und noch mal aufgehalten ist.

Einstellung Boxzilla

Der Pop-ups, die Einstellung und Erstellung inkl. das mit Cookies ist sehr übersichtlich und so ist man bald eingearbeitet.

Hervorzuheben ist das "Auto-show box?". Das ist, von welcher Scolltiefe entsprechend der Website das Pop-up öffnet, bspw:

Yes, when at element:
- #comments also so nach ID oder
- .nav-links nach Class.

Das herauszufinden ist der Website Rechtsklick und dann 'Seitenquelltext ansehen'.

Weiter so CSS für Boxzilla

/* Boxzilla overlay background */
.boxzilla-overlay {
    background: #355cab !important;
    opacity: 0.2 !important;
} 

/* Boxzilla Scrollbar small */
.boxzilla::-webkit-scrollbar {
    width: 6px;
}
.boxzilla::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}
.boxzilla::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/* Boxzilla POPUP schütteln */
.boxzilla {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: wobble;
}
@keyframes wobble {
    from {
        transform: none;
    }
    15% {
        transform: translate3d(-21%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        transform: translate3d(18%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        transform: translate3d(6%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        transform: none;
    }
}

Plug-in Popup Maker

Boxilla hat der Dateigröße in etwa nur 10 % von 'Popup Maker' das so 4.1 MB.

U. a. von Vorteil Popup Maker

Das Folgende ist nur so individuelle augenfällig und ist eigentlich nicht zu gewichten.

Mit Plug-in Page Loading Effects. … und so ladet Boxzilla danach. Der Vorteil hingegen ‚Boxzilla' kommt das Plug-in Popup Maker mit Page Loading Effects.

Intuitiv sind die Einstellungen

Der Erstellung von Pop-ups sind mit Pop-up Maker ähnlich von Boxzilla. Doch zur Individualität ist es eher anspruchsvoll.

Gut zu Wissen ist da eben auch der Themen und diese sind jeweils für sich zu formatieren.

Das zum Testen …

Der Free Version ist das zum Testen im Backend nach dem Abspeichern nur einmal möglich. So nach jeder Änderung des Popu-ps ist das wieder einmal möglich.

Oder so testen?

Das nun der Einstellungen ist erst zu verstehen, wenn man das Plug-in vor sich hat. Dann aber …

Auslöser / Ereignis: 'Beim Schließen des Popups'.
'Targeting' eine Beitrags-ID eintragen, welche so zum TEST.

Weiter in anderem Browser, als das Backend angemeldet ist, dann den Beitrag aufzurufen. So ohne das Pop-up zu schließen ist nach jeder Änderung dort des Frontendtestseite der Browser neu zu laden. So ist auch jede Änderung gleich nachzuvollziehen. Das Fluchten des Inhalts von so Pop-up kann nämlich anspruchsvoll werden. – so einfach es auch sein kann.

Der Umfrage so Exit Pop-up?

Bspw mal Umfrage "Wie gut findest du so ein Exit Pop-up?" Da war beim Verlassen der Seite das Pop-up mit der Einladung zum Voten. Und dazu musste erst noch zu der Seite mit dem Poll geklickt werden. Sehr umständlich das und dennoch war relativ kurzer Zeit das Ergebnis. Also der Umfrage "Wie gut findest du so ein Exit-Pop-up?"Von 23 Stimmen das