Standardmäßig ist unser Upsell-Pop-up sehr schlicht und nicht aggressiv. Das liegt daran, dass wir der Meinung sind, dass ein sauberes und einfaches Design am besten zur Konversion beiträgt.
​

Sie können es jedoch immer noch besser machen, indem Sie die Anpassungsoptionen in der App nutzen oder noch weitergehende Stilanpassungen vornehmen.

Mit benutzerdefiniertem CSS können Sie praktisch jedes Element im Pop-up ändern. Dazu ist jedoch ein gewisses Grundverständnis von CSS erforderlich. Für den Einstieg in CSS empfehlen wir die Lektüre des W3Schools CSS-Tutorials.

Um den CSS-Code anzupassen, gehen Sie im oberen Menü auf Pop-up anpassen und suchen Sie den Abschnitt Erweiterte Anpassung. Fügen Sie dort Ihren benutzerdefinierten CSS-Code ein.

Im folgenden Beispiel haben wir die Schriftgröße vergrößert und die Farbe aller Schaltflächen geändert:

Nachfolgend finden Sie einige schnelle benutzerdefinierte CSS-Codes, die Ihnen den Einstieg erleichtern.

Ändern Sie die Hintergrundfarbe, die Schriftfarbe, die Rahmenfarbe und die Schriftgröße der Fügen Sie Schaltflächen hinzu und die Hintergrundfarbe der Fügen Sie Schaltflächen hinzu, wenn Sie die Maus bewegen:

Ändern Sie die Hintergrundfarbe, Schriftfarbe, Rahmenfarbe und Schriftgröße der Schaltfläche Continue : und die Hintergrundfarbe der Schaltfläche Continue bei Hover:

Ändern Sie die Hintergrundfarbe der übergeordneten Produktlinie:

Ändern Sie die Schriftgröße des Pop-up-Titels, des Bestellnamens (.Product-Name) und des Upsell-Produkts:

Ändern Sie die im Pop-up verwendete Schriftart:

Nachfolgend finden Sie eine Übersicht der Klassen, die für die Anpassung zur Verfügung stehen:

Brauchen Sie Hilfe dabei? Zögern Sie nicht, uns per Chat oder E-Mail zu erreichen: [email protected] ;)

Viel Spaß beim Upselling,

Digismoothie-Team