9 Best Practices für das Popup-Design, die Kunden zum Kauf animieren

Es gibt immer noch viele Kontroversen um Pop-ups. Einige Leute mögen sie nicht, während andere sie gerne benutzen; Aber eines ist sicher, Popups konvertieren, und sie sind hier, um zu bleiben!

Popups sind – wenn sie richtig verwendet werden – schwer zu übersehen und sind daher der beste Weg, um brandneue oder wiederkehrende Besucher dazu zu bringen , auf Ihren Call-to-Action (CTA) zu reagieren.

Die gute Nachricht ist, dass Sie kein Experte auf diesem Gebiet sein müssen, um das beste Popup-Design zu erstellen, um mehr Besucher anzusprechen und Ihre Benutzererfahrung zu verbessern.

Es gibt bestimmte Regeln und Praktiken , die Sie befolgen können, um eine gute Popup-Kampagne zu erstellen.

Ein Leitfaden zu Best Practices für das Popup-Design

Die Befolgung der Best Practices für das Popup-Design und die Verwendung einer zuverlässigen Popup-Builder-App machen es ganz einfach, hochinteressante Popups für Ihre Marke/Ihren Shop zu erstellen.

Aus diesem Grund teilen wir mit Ihnen die neun Best Practices zum Entwerfen eines Popups, das sowohl optisch ansprechend als auch überzeugend ist. Darüber hinaus haben wir einige Beispiele für Pop-up-Designs von verschiedenen Marken beigefügt, um zu zeigen, wie die Tipps in Aktion funktionieren.

9 Tipps zur Steigerung der Konversionsraten mit effektiven Popup-Designs

Wenn Sie sich fragen, wie Sie Ihr Popup-Design verbessern, Ihre Konversionsrate und Ihr Geschäftswachstum steigern können, finden Sie hier einige hilfreiche Tipps für den Anfang:

1. Identifizieren Sie Ihre Ziele und ergreifen Sie Maßnahmen

In erster Linie sollten Sie herausfinden, was Ihre Ziele sind . Die Wahrheit ist, dass Ihre Popup-Designs nicht genau sein können, wenn Sie nicht wissen, was Sie von ihnen erwarten.

Es ist wichtig, Ihre Geschäftsziele zu kennen, bevor Sie mit der Gestaltung Ihres Popups beginnen, damit das Design darauf ausgerichtet werden kann.

• Umsatz steigern.
• Wachsende E-Mail-Liste.
• Werbung für Produkt/Dienstleistung.
• Warenkorbabbruch reduzieren.

Sie können für jedes Popup unterschiedliche Ziele haben, aber bestimmten Taktiken folgen, um sie für das beste Ergebnis zu optimieren.

In diesem Artikel gehen wir auf jede dieser Taktiken ein und geben einige Tipps, wie Sie sie am effektivsten in Ihre Popups implementieren können.

2. Stellen Sie sicher, dass Ihr Call-to-Action auffällig ist

Machen Sie es einfach, aber faszinierend!

Ihr Call-to-Action (CTA) ist der Schlüssel zur Konversion, wenn es um das Popup-Design geht.

Es ist der Teil Ihres Popups, der Kunden dazu ermutigt, eine bestimmte Aktion auszuführen, z. B. die Eingabe ihrer E-Mail-Adresse oder das Hinzufügen eines Produkts zu ihrem Warenkorb.

Wenn der CTA nicht auffällig ist, werden Ihre potenziellen Kunden ihn höchstwahrscheinlich ignorieren – was den gesamten Zweck der Verwendung von Popups überhaupt zunichte macht. Zum Beispiel ist das Popup-Design dieses Hubspots, das für seinen Blog wirbt, ein gutes Beispiel für einen einfachen, aber einprägsamen Aufruf zum Handeln.

Es gibt ein paar Dinge, die Sie tun können, um sicherzustellen, dass Ihr CTA auffällt:

3. Seien Sie kurz, aber überzeugend mit Ihrer Kopie

Sag wenig, aber gut!

Da Sie nur wenige Sekunden Zeit haben, um Ihren Besucher zu beeindrucken , ist Kürze für ein erfolgreiches Popup-Design unerlässlich.

Seien Sie mit Ihrem Exemplar überzeugend; Konzentrieren Sie sich auf die Vorteile Ihres Produkts oder Ihrer Dienstleistung und verwenden Sie starke Worte, um Aufmerksamkeit zu erregen.

Nutzen Sie Social Proof und Community-Engagement, um Ihre Botschaft zu verstärken, und machen Sie deutlich, was Sie anbieten.

Mit einem gut gestalteten Popup-Design können Sie Menschen davon überzeugen, Maßnahmen zu ergreifen und Ihre Konversionsrate zu verbessern.

Hier ist ein Beispiel für ein kurzes und überzeugendes Popup von Lego. Ein Navigations-Popup, das beim ersten Besuch der Website angezeigt wird, lädt Sie ein, den E-Store oder die Spielzone zu besuchen.

Kein Verkauf, nur nützliche Infos und eine kurze Nachricht! Obwohl die CTAs unterschiedlich sind, sind sie außerdem auffällig und dienen demselben Zweck, die Richtung anzugeben.

4. Wenden Sie Kontrast an, um mehr Aufmerksamkeit auf Ihre Nachricht zu lenken

Eine der besten Möglichkeiten, um sicherzustellen, dass Ihr Popup-Design gesehen und umgesetzt wird, ist das Anwenden von Kontrast .

Verwenden Sie Farben, die sich auf dem Farbrad gegenüberstehen, um das wichtigste Element Ihres Popups bei Ihren Zuschauern hervortreten zu lassen.

Ein hervorragendes Beispiel für diese Technik in Aktion ist das Ultra Beauty Floating Bar Popup.

Die rosa Farbe dieses Popups steht im Kontrast zum weißen Hintergrund der Website, harmoniert jedoch mit dem Stil der Website. Auch die Überschrift "Verpassen Sie nicht den Spaß!" ist kurz, aber auslösend.

Wenn Sie also sicherstellen möchten, dass die Leute Ihre Nachricht sehen, sollten Sie eine kontrastierende Farbe für Ihren Call-to-Action-Button oder Ihr gesamtes Popup verwenden .

Es kann nur der Unterschied sein, ob man Aufmerksamkeit bekommt oder ignoriert wird!

5. Verwenden Sie kreative Bilder und machen Sie das Beste aus ihnen

Holen Sie das Beste aus dem Platz heraus, den Sie haben, indem Sie Ihren Popups relevante Bilder und verschiedene Formen hinzufügen. Je einzigartiger ein Popup ist, desto wahrscheinlicher wird es auffallen. Hier ist ein Beispiel für ein Popup-Fenster für eine COVID-19-Antwortbenachrichtigung mit verwandten und auffälligen Bildern:

Die Verwendung verwandter Bilder und Grafiken ist eine großartige Möglichkeit, Aufmerksamkeit zu erregen, und ist im Allgemeinen effektiv, um Menschen dazu zu bringen, Ihr Popup wahrzunehmen.

6. Passen Sie Ihr Popup-Design an Ihren Website-Stil an

Pop-ups können Ihnen dabei helfen, Menschen dazu zu bringen, auf Ihre Nachricht zu achten, wenn sie gut gestaltet sind. Sie müssen es jedoch mit Stil tun!

Die Anpassung des Designs Ihres Popups an den Gesamtstil Ihrer Website ist für die Identität Ihrer Marke von entscheidender Bedeutung.

Dadurch erscheint das Popup eleganter und hebt sich vom Rest des Inhalts auf Ihren Seiten ab.

Mit Adobe Color können Sie ein passendes Popup-Design erstellen. Sie können einen Screenshot Ihrer Website oder der Seite hochladen, auf der das Popup erscheinen wird, und Adobe Color schlägt einfach Farben vor, die zu Ihrer Website passen.

Dann können Sie diese Farben in das Design Ihres Popups integrieren, um ein zusammenhängendes Aussehen zu schaffen.

Dies ist ein Beispiel für das Exit-Intent-Popup von Popupsmart , das die potenziellen Kunden perfekt anspricht und zur Markenidentität und zum Stil der Website passt.

7. Fragen Sie nicht nach zu vielen Informationen

Wenn alles, was Sie brauchen, um einen Kunden zu kontaktieren, seine E-Mail-Adresse ist, warum sollten Sie ihn dann mit so vielen Feldern belästigen?

Die Reduzierung der Anzahl der Eingabefelder in einem Popup-Formular kann oft zu einer besseren Kundenerfahrung und -bindung führen.

Eine gute Faustregel ist, nur nach den Informationen zu fragen, die Sie benötigen. Dies erleichtert Ihre Customer Journeys und es ist wahrscheinlicher, dass sie das Formular ausfüllen.

Die Begrenzung der Anzahl der Eingabefelder in Ihrem Popup-Formular hilft Ihnen, die Benutzerfreundlichkeit zu verbessern und bessere Ergebnisse zu erzielen. Denken Sie daran, wenn Sie Ihr folgendes E-Mail-Popup entwerfen!

Dies ist ein gutes Beispiel; Forever 21 bietet in diesem Pop-up einen 20 % Rabatt-Gutschein im Austausch für eine E-Mail-Adresse an.

8. Machen Sie es sich einfach, Popups zu schließen

Es ist kein Geheimnis, dass Popups ziemlich lästig sein können, wenn sie falsch verwendet werden. Aber wissen Sie, was noch schlimmer ist? Popups schwer zu schließen!

Viele Vermarkter verwenden fälschlicherweise kleine, unauffällige, schwer anzuklickende „X“ , die Besucher frustrieren und sie dazu bringen, die Website zu verlassen. Oder noch schlimmer, sie beschließen , die Schließen-Schaltflächen ganz abzuschaffen , in der Hoffnung, dass die Besucher es selbst herausfinden werden.

Wenn Sie es Besuchern leicht machen, Ihre Popups zu schließen, bleiben sie mit Ihrer Website in Kontakt.

Es kann kein Ende geben, dass Leute Websites verlassen, nur weil sie ein lästiges Popup, das immer wieder auftauchte, nicht schließen konnten. Riskieren Sie nicht, Ihre Absprungrate auf diese Weise zu beschädigen!

Mit Popupsmart können Sie die Schließen-Popup-Schaltfläche so anpassen, dass sie dem Stil Ihrer Website entspricht, während sie für Besucher weiterhin zugänglich ist.

9. Erstellen Sie benutzerdefinierte mobile Popups

Wie wir alle wissen, wird mobiler Traffic immer wichtiger, und wenn Ihre Website nicht für mobile Geräte optimiert ist, verpassen Sie viele potenzielle Geschäfte.

Das Anpassen von Popups für verschiedene Geräte kann eine Herausforderung darstellen, stellt jedoch sicher, dass alle möglichen Kanäle und Zielgruppen erreicht werden.

Da Desktop-Benutzer einen größeren Bildschirm haben, können Sie Ihrem Popup weitere Elemente hinzufügen.

Auf der anderen Seite sind mobile Benutzer eingeschränkt, daher müssen Sie die Anzahl der Faktoren in Ihrem Popup reduzieren.

Popupsmart macht es einfach, zwischen Desktop- und mobiler Ansicht zu wechseln , sodass Sie die Elemente, die geändert werden müssen, einfach bearbeiten können.

Sie können auch separate Popups für verschiedene Geräte erstellen oder dasselbe Design für Ihr mobiles Popup verwenden.

Beginnen Sie jetzt mit der Gestaltung Ihrer hochkonvertierenden Popups!

Indem Sie diese Best Practices für das Popup-Design befolgen, können Sie ein ansprechendes Erlebnis für Ihre Marke schaffen, das zu zufriedenen Kunden führt.

Wenn Sie Ihr Popup auf diesen Prinzipien aufbauen, erhöhen Sie Ihre Chancen, mehr Conversions zu erzielen, und helfen Ihnen letztendlich, Ihre Branding-Ziele zu erreichen.

Darüber hinaus sind diese Praktiken nicht schwer zu befolgen, und Sie können sie gemäß Ihren Anforderungen improvisieren.

Es ist jedoch besser, sich daran zu erinnern, dass alles auf ein Ziel ausgerichtet sein sollte – Benutzer dabei zu unterstützen, die gewünschte Aktion auszuführen .

Gibt es weitere Best Practices, die Sie dieser Liste hinzufügen möchten? Lass es uns in den Kommentaren wissen!

Nachfolgend sind einige verwandte Artikel aufgeführt, die Ihnen bei Ihrer Recherche hilfreich sein könnten:

Verwandte Begriffe: