Best Practices für mobile Popups: 9 Tipps zum Entwerfen von Popups, die konvertieren

Hier ist ein nicht ganz so geheimer Tipp, von den Lippen eines sich selbst identifizierenden Telefonsüchtigen direkt an Ihre Ohren: Die Leuteklebenan ihren Telefonen. Es ist im Grunde ein lebenswichtiges Organ. Lüge nicht, du bist einer von uns.

Wenn Sie immer noch denken, dass mobile Geräte nur für soziale Medien und GPS-Navigation gedacht sind, denken Sie noch einmal darüber nach. Verbraucherkaufenauf ihren Handys und Tablets. Bis 2021 werden schätzungsweise 54 % des E-Commerce über Mobilgeräte abgewickelt. Und 55 % der Verbraucher haben etwas online gekauft, nachdem sie es in sozialen Medien entdeckt haben (denken Sie daran, dass die Instagram-Anzeigen, für die Sie bezahlen, direkt auf Ihre mobile Website gehen!).

Dieser wird Sie umhauen: Für Shopify-Händler entfielen während des BFCM 2019 69 % des Umsatzes auf Mobilgeräte.

Es gibt also enorme Möglichkeiten für Ihre mobile Website, Ihr bester unerschlossener Verkäufer zu sein. Viele E-Commerce-Shops sind misstrauisch gegenüber der Verwendung mobiler Popups, weil sie befürchten, gegen die Regeln von Google in Bezug auf aufdringliche Interstitials (TLDR) zu verstoßen; Google bestraft Websites mit aufdringlichen mobilen Popups, indem sie sie in den Suchrankings herabstufen, es sei denn, das Popup ist ein notwendiger Bestandteil der Website. wie Altersüberprüfung oder Cookie-Disclaimer).

Google möchte nur sicherstellen, dass Popups die Benutzererfahrung nicht beeinträchtigen. Macht Sinn, oder? Bedeutet das, dass Sie auf Ihrer mobilen Website keine Popups bereitstellen können? Absolut nicht. Sie müssen es nur so tun, dass Ihre Besucher die gewünschten Informationen leicht sehen können. Grundsätzlich möchten Sie nicht, dass Ihr Popup „aufdringlich“ ist, was bedeutet:

1. Es sollte nicht den gesamten Bildschirm einnehmen und dadurch den Benutzer daran hindern, den Inhalt Ihrer Website anzuzeigen, oder;

2. Wenn es sich um ein Vollbild-Popuphandelt, sollte es erst erscheinen, nachdem der Benutzer nach unten gescrollt oder einige Seiten besucht hat, um sein Interesse an Ihren Inhalten zu zeigen.

Hinweis: Es ist in Ordnung, wenn ein Pop-up sofort erscheint, wenn es für den Betrieb Ihrer Website erforderlich ist, wie z. B. ein Cookie-Haftungsausschluss, eine Altersüberprüfung oder eine Länderüberprüfung:

Hier sind ein paar Tipps zum Erstellen hocheffektiver mobiler Popups, die Besucher in Kunden verwandeln.

1. Wählen Sie ein kompatibles Format

Wenn Sie befürchten, dass die Google-Polizei Ihre Website wegen aufdringlicher Popups herabstufen könnte, können Sie dem einfach abhelfen, indem Sie ein Format wählen, das weniger Platz auf dem Bildschirm einnimmt (auch bekannt als weniger aufdringliche Optionen). Leisten sind beispielsweise auf mobilen Geräten einfach zu sehen und nehmen nur sehr wenig Platz auf dem Bildschirm ein. Diese sind besonders nützlich, um kostenlosen Versand oder Rabatte anzuzeigen, die Sie auf mehreren Seiten anbieten möchten, wie im Beispiel unten von Mollyjogger:

Wenn Sie alternativ ein Begrüßungs-Popup verwenden, sind Flyouts der richtige Weg. Diese Arten von Popups beginnen mit einem Teaser in der Ecke oder am unteren Rand des Bildschirms und erweitern sich dann, wenn der Benutzer klickt, wie dieser von Hardcore Carnivore:

Was auch immer Sie tun, stellen Sie sicher, dass es mobilfreundlich ist, indem Sie die Abmessungen so skalieren, dass sie am besten auf ein Telefon und nicht auf einen Computerbildschirm passen. Im Popup-Editor von Privy können Sie aus Vorlagen auswählen, die speziell für Mobilgeräte optimiert sind, also sollte dies ziemlich einfach sein! Es ist auch einfach, Ihre Desktop-Popups in eine mobile Vorlage zu kopieren und von dort aus zu überarbeiten.

2. Oder gehen Sie groß, aber seien Sie taktvoll

Ich verstehe es. Vollbild-Popups sehen gut aus. Wenn Sie sie verwenden möchten, können Sie die Google-Richtlinie zu aufdringlichen Interstitials einhalten, indem Sie größere Popups erst auslösen, wenn ein Nutzer anhaltendes Interesse an Ihren Inhalten bekundet hat. Dies könnte ein durch Scrollen ausgelöstes Popup auf halber Höhe der Homepage bedeuten, wie dieses von CROSSNET:

Es könnte auch bedeuten, dass ein Popup ausgelöst wird, das erst erscheint, nachdem der Kunde einige Seiten der Website besucht hat.

Und um diese Popups unauffällig zu halten, machen Sie es einem Benutzer immer leicht, sie zu schließen, indem Sie das X groß genug machen, damit Benutzer es auf einem Touchscreen leicht anklicken können.

3. Segmentierung ist dein Freund

Je personalisierter Ihre Nachricht ist, desto höher ist die Wahrscheinlichkeit, dass der Besucher konvertiert. Versuchen Sie also, das Einkaufserlebnis auf Ihre unterschiedlichen Zielgruppen zuzuschneiden, wie zum Beispiel:

1. Brandneue Website-Besucher (wie der von Epicured unten)

2. Serielle Browser, die noch nie gekauft haben

3. Käufer, die ihren Einkaufswagen verlassen haben

4. Treue Kunden oder Stammkäufer

5. Besucher, die von sozialen Medien auf Ihre Website verwiesen wurden

6. Befindet sich in einem bestimmten geografischen Gebiet

Je nachdem, in welche Kategorie der Besucher fällt, können Sie Ihre mobile Anzeige auf diejenige zuschneiden, die am relevantesten ist.

4. Machen Sie Ihren CTA direkt und klar

Mobile Popups sind klein, also müssen sie ein klares Ziel haben, mit einem Design, das es in sich hat. Der CTA sollte eine offensichtliche Aufforderung sein, was Ihre Kunden tun sollen, wie Goldie's No-Nonsense-Fly-Out. Wenn Benutzer verwirrt sind, wischen sie einfach weg, ohne zu konvertieren.

Nicht nur die Worte sollten klar sein, sondern auch der CTA sollte auffallen. Verwenden Sie eine kontrastierende Farbe wie das elektrische Cyan von Magic Spoon und machen Sie die Schaltfläche groß genug, damit Sie sie leicht anklicken können, wenn Sie einen kleinen Touchscreen verwenden.

5. Wählen Sie Ihre Worte

Telefone sind die Geräte, auf denen Ihre Kunden wahrscheinlich die kürzeste Aufmerksamkeitsspanne haben, also halten Sie mobile Popups ziemlich kurz und bündig. Es geht darum, Ihre Worte sorgfältig zu wählen und sie zum Tragen zu bringen.

Denken Sie zunächst daran, dass Sie nicht viel Platz zum Arbeiten haben und Ihre Benutzer möglicherweise keine jungen Augen haben. Größerer, minimaler Text hat die größte Wirkung, wie dieser von HELM Boots:

6. Denken Sie an Ihre Formularfelder

Kein Kunde möchte das Gefühl haben, einen ausführlichen Aufsatz zu schreiben, wenn er sich für Ihre Marketing-E-Mails anmeldet, also verlangen Sie nicht zu viel von ihm. Ein Smartphone wird häufig für schnelle, asynchrone Kommunikation und Aktionen verwendet, sodass Ihre Benutzer möglicherweise nicht die Geduld haben, viele Informationen einzugeben.

Denken Sie über die wichtigsten Formularfelder für Ihre Marketingstrategie nach und nehmen Sie sich die Zeit, sich die Benutzererfahrung vorzustellen. Benötigen Sie gerade etwas anderes als ihre E-Mail? Ist es sinnvoll, nach einer Telefonnummer zu fragen, damit Sie in wenigen Minuten eine Marketing-Textnachricht senden können, während der Kunde noch mit seinem Telefon beschäftigt ist? Was ist benutzerfreundlicher: Optionsfelder oder Dropdown-Menüs? Fragen Sie nur nach dem, was Sie brauchen, und machen Sie es Ihren Kunden so einfach wie möglich, Ihnen die gewünschten Informationen zu geben.

Seven Rock Life reduzierte seine Formularfelder, indem es nur nach der E-Mail-Adresse und Telefonnummer seiner Besucher fragt, was ihnen die Möglichkeit gibt, eine Follow-up-Textmarketingkampagne zu starten.

7. Spielen

Vielleicht fragen Sie sich jetzt einige Dinge. Gibt es zum Beispiel etwas Einzigartiges, das Sie für Ihre mobilen Popups tun können? Verbringt Rachel ihreganzeFreizeit damit, im Internet nach großartigen Popup-Beispielen zu suchen? Die Antwort auf beide ist ja (Nerd-Alarm!!).

Um Ihre mobilen Kampagnen aufzupeppen, probieren Sie einen Spin-to-Win aus, um ein fesselndes Benutzererlebnis zu schaffen, das die Gamification nachahmt, an der die Leute bereits gerne auf ihren Handys teilnehmen. Es macht vielleicht nicht annähernd so viel Spaß wie Candy Crush, aber es wird funktionieren. Dieses Popup von Ballwash passt perfekt zu ihrer augenzwinkernden Markenstimme:

8. Verwenden Sie eine Exit-Intent-Strategie

Sie möchten nicht, dass Ihre mobilen Besucher abprallen, ohne in einen Kontakt umgewandelt oder einen Kauf getätigt zu haben. Wenn sie weg sind, ist es sehr schwer, sie zurückzubekommen. Verwenden Sie also Ihre Marketingstrategie, um mit ihnen auf Augenhöhe zu bleiben, während sie sich auf Ihrem Gebiet befinden, indem Sie ein Exit-Intent-Popup bereitstellen, das ausgelöst wird, wenn ein Benutzer im Begriff ist, Ihre Website zu verlassen. Hier locken Sie sie mit einem Angebot im Austausch für ihre E-Mail-Adresse, in der Hoffnung, dass es den Deal besiegelt, oder Sie zumindest weiterhin in Kontakt bleiben können, um zukünftige Einnahmemöglichkeiten zu erhalten.

Dieser von Piccolina erscheint auf der Checkout-Seite und wird ausgelöst, wenn ein Besucher einen Artikel in seinem Einkaufswagen hat, diesen aber gerade verlässt. Das Ziel hier ist es, den Verkauf mit einem Rabatt in ihrem Posteingang zu speichern:

9. Vermeiden Sie Bilder

Ich weiß, ich weiß. Normalerweise sind wir von einem Popup mit einem erstaunlichen Produktfoto besessen. Aber auf dem Handy sieht es nur beschäftigt aus (ganz zu schweigen davon, dass Fotos viel Platz beanspruchen, den Sie nicht haben). Entscheiden Sie sich stattdessen für ein schlichtes Design mit hohem Kontrast und lassen Sie die Produktbilder auf Ihrer Website für sich sprechen. So hat Newton Baby kleine Änderungen an der Desktop-Version seines Popups vorgenommen, um es zu einem mobilfreundlichen Flyout zu machen:

Fazit: Seien Sie dort, wo Ihre Kunden sind

Wenn Sie keine Popups haben, die speziell für Mobilgeräte entwickelt wurden, verpassen Sie etwas.

Jetzt, da Sie eine Reihe von Beispielen von Marken gesehen haben, die es richtig machen, sollten Sie ein wirklich gutes Gespür dafür haben, was am wichtigsten ist.

Und wenn Sie noch mehr Inspiration brauchen, gehen Sie von Ihrem Telefon aus zu einigen Ihrer Lieblingswebsites und sehen Sie sich an, wie deren mobile Popups aussehen.

Mit diesen 9 Tipps sind Sie bereit, mobile Popups zu erstellen, mit denen die Leute tatsächlich interagieren werden. So können Sie mehr Menschen ansprechen. Und für mehr Umsatz sorgen.

Themen:
E-Commerce-Marken
E-Commerce-Marketing
Website-Konvertierung