Squarespace-Landingpage-Beispiele: Was sie tun, um Besucher anzuziehen und zu binden

Squarespace, die allumfassende Plattform zum Erstellen von Websites, ist die Lösung Nummer eins für alle, die eine wirkungsvolle und stilvolle Online-Präsenz erstellen und ihre einzigartigen Geschichten mit der Welt teilen möchten.

Von so unterschiedlichen Einzelpersonen wie dem Klempner in der Main Street über den frenetischen Unternehmer, der die nächste lebensverändernde App entwickelt, bis hin zu Fortune-500-Unternehmen; Squarespace ist seit seiner Einführung im Jahr 2004 für über 1.000.000 zahlende Kunden der bevorzugte Website-Builder.

Obwohl Squarespace ein Website-Builder und keine Post-Click-Landingpage-Plattform ist, erkennt die Marke immer noch die Leistungsfähigkeit von Post-Click-Landingpages und die Bedeutung einer klaren, fokussierten Seite, um potenzielle Kunden in Kunden umzuwandeln.

Was ist eine Post-Click-Landingpage?

Eine Post-Click-Landingpage ist eine eigenständige Webseite, die dazu dient, Besucher zu einer bestimmten Aktion zu bewegen, z. B. zum Registrieren eines Kontos, Herunterladen eines Leitfadens oder Berichts, Kauf eines Produkts oder einer Dienstleistung, Registrierung für ein Webinar usw Besuchern, um Maßnahmen zu ergreifen, verwendet eine Post-Click-Landingpage eine Vielzahl von überzeugenden Elementen wie attraktive Überschriften, überzeugende Texte, soziale Beweise, visuelle Hinweise, starke CTAs und mehr.

Ein kurzer Blick auf die Squarespace-Aktionen

Anstatt auf Post-Click-Landingpages zu verlinken, verwendet die Marke häufig soziale Medien und bezahlte Suchanzeigen, um auf ihre Homepage, Blog-Artikel und Websites anderer Marken zu verlinken, die Squarespace erstellt hat.

Zur Veranschaulichung hier ein Tweet, der auf die Website von Tom Delavan verweist – erstellt von Squarespace:

Als nächstes folgt eine Google-Anzeige bei der Suche nach ihrem Markennamen, die nicht auf eine Post-Click-Zielseite verweist:

Und ein weiterer, der für den Suchbegriff "Website-Builder" auftauchte:

In beiden Fällen leiten die Anzeigen suchende Nutzer auf die Startseite der Marke – anstatt auf die Post-Click-Landingpages von Squarespace zu verlinken .

Werfen wir nun einen Blick auf ihre Post-Click-Landingpages, zusammen mit Kritiken.

So verwendet Squarespace Post-Click-Landingpages

Sehen Sie sich an, wie Squarespace nicht-traditionelle Post-Click-Landingpages verwendet, um für seine Dienste zu werben. Wir sagen „nicht-traditionell“, weil sie im wahrsten Sinne keine Post-Click-Landingpages sind. Sie enthalten oft Navigationslinks oben, Fußzeilenlinks und manchmal mehrere CTAs mit unterschiedlichen Zielen.

In den folgenden Beispielen werden jedoch Post-Klick-Zielseitenfunktionen und -merkmale verwendet, wie z. B. überzeugende Bilder, Leerräume und kurze Formulare.

Denken Sie daran, dass wir für kürzere Squarespace-Post-Click-Landingpages die gesamte Seite angezeigt haben. Bei längeren Seiten haben wir jedoch nur einen Teil der Seite angezeigt. Möglicherweise müssen Sie sich zu jeder Post-Click-Landingpage durchklicken, um einige der von uns besprochenen Punkte zu sehen. Außerdem werden einige der unten aufgeführten Beispiele möglicherweise einem A/B-Test mit einer anderen Version als der unten angezeigten unterzogen.

1. Um Anmeldungen zu generieren

Der folgende Facebook-Post (zusammen mit ihrem Super Bowl-Werbespot) ist Teil einer ganzen Kampagne mit John Malkovich, die darauf abzielt, die Leute dazu zu bringen, "Ihre Domain zu bekommen, bevor sie weg ist:"

Am Ende des Videos werden die Zuschauer auf die Homepage der Marke geleitet, wo sie ein Header-Banner finden, das mit einer Klickseite verlinkt ist. Dies ist die erste Seite der Squarespace / John Malkovich-Reihe:

Wenn potenzielle Kunden auf dieser ersten Seite auf die Schaltfläche "Kampagne anzeigen" klicken, werden sie zu dieser zweiten Seite der Serie weitergeleitet:

Der Zweck dieser Seiten besteht darin, die Leute für das Angebot aufzuwärmen und sie darauf vorzubereiten, sich für ein Squarespace-Konto anzumelden (Anmeldeseite unten gezeigt).

Was die Seiten gut machen:

• Die Verwendung von Schwarz strahlt eine professionelle, hochwertige Atmosphäre aus und verleiht eine Aura von Qualität.
• Die qualitativ hochwertigen Videos erhöhen den Vertrauenswert der Seite und erhöhen die Wahrscheinlichkeit, dass ein potenzieller Kunde daran interessiert ist, seine eigene Website mit Squarespace zu erstellen.
• Die scharfen Bilder sorgen für einen sehr High-End-Effekt. Die erste Seite enthält Bilder von John Malkovichs Gesicht, die wahrscheinlich mit den Emotionen der Menschen in Verbindung stehen. Die zweite Seite enthält Bilder seiner Squarespace-Website, die den Leuten die Qualität der Plattform zeigen.
• Beide Seiten machen eine großartige Arbeit, um eine Geschichte zu erzählen. Die beiden Videos auf der ersten Seite sind mit „Teil I“ und „Teil II“ beschriftet und führen in die Geschichte ein. Auf der zweiten Seite wird die Kampagne von John Malkovich gezeigt, die Interessenten davon überzeugt, „ihren nächsten Schritt zu machen“.
• „Holen Sie sich Ihre Domain, bevor sie weg ist“ vermittelt ein Gefühl der Dringlichkeit, das potenzielle Kunden zu einer schnellen Umstellung ermutigt.
• Der Preisvergleich auf der ersten Seite lässt potenzielle Kunden wissen, dass sie das beste Angebot erhalten, indem sie mit der Marke zusammenarbeiten, anstatt mit konkurrierenden Website-Buildern.
• Die Verwendung von Leerräumen auf beiden Seiten hilft, die Seiten zu organisieren und lenkt die Aufmerksamkeit auf wichtige Elemente der Seiten.

Was könnte A/B-getestet werden:

• Es gibt mehrere Exit-Links, darunter das Squarespace-Logo beider Seiten, die Footer-Links, Social-Share-Buttons unter den Videos und Johns Website-Link auf der zweiten Seite. Alle diese Links verringern die Conversion-Chance, da potenzielle Kunden die Seite verlassen können, bevor sie die endgültige Anmeldeseite erreicht haben.
• Alle CTA-Buttons könnten mehr mit dem Farbschema kontrastieren. Anstatt die Buttons mit einem einfachen weißen Rand zu gestalten, würde eine hellere Gestaltung mehr Aufmerksamkeit erregen und mehr Klicks erzielen.
• Der graue Text im weißen Abschnitt auf Seite 2 ist schwer zu lesen. Diese Kopie besser lesbar zu machen, würde die Augen für die Besucher weniger belasten.

Sobald ein Besucher auf den CTA „Start Your Free Trial“ auf Seite 2 klickt und eine Website-Vorlage auswählt, endet die Geschichte damit, dass die Besucher aufgefordert werden, sich über diese Seite für ein Konto anzumelden:

Die Überschrift und die CTA-Schaltfläche machen das Seitenziel deutlich, da die CTA-Schaltfläche „Anmelden“ lautet und beide Komponenten „Ihre Website erstellen“ lesen. Der CTA-Button hebt sich gut von dem schwarzen Hintergrund ab, aber die Kopie könnte verbessert werden. Vielleicht würde etwas wie "Melden Sie sich jetzt für mein kostenloses Konto an" oder "Meine kostenlose Website erstellen" mehr potenzielle Kunden zur Conversion zwingen.

Die Kopie unter der Überschrift bietet zwei verschiedene Vorteile für die Anmeldung: Keine Kreditkarte erforderlich und Benutzer können ihre Vorlage jederzeit ändern. Schließlich fordert das kurze 4-Felder-Formular nur grundlegende Informationen an, so dass es wahrscheinlich ist, dass potenzielle Kunden sich wohl fühlen, es auszufüllen.

2. Um Unternehmen bei der Erstellung von Logos zu unterstützen

Squarespace ist nicht nur auf die Erstellung von Websites spezialisiert, da ihre Plattform Marken auch bei der Erstellung von Firmenlogos unterstützt. Um Kunden zu gewinnen und Logos zu erstellen; Die Marke verwendet diese einfache, zielorientierte Seite:

Was die Seite gut macht:

• Die Überschrift bringt es direkt auf den Punkt und macht deutlich, dass die Erstellung Ihres Logos mit Squarespace nicht schwierig sein wird.
• Das 1-Feld-Formular fragt nur nach dem Firmennamen, was die Wahrscheinlichkeit erhöht, dass Interessenten das Formular ohne Zögern ausfüllen. Das Feld zieht die Aufmerksamkeit auf sich, da es im Vergleich zu anderen visuellen Elementen auf der Seite ein großes, fettes schwarzes Rechteck ist.
• Das Bild ermöglicht es den Leuten zu sehen, wie ihre Visitenkarte mit einem mit Squarespace erstellten Logo aussehen würde.
• Der Pfeil neben dem Formular führt die Besucher dorthin, wo sie als nächstes klicken müssen.
• Viel Weißraum lenkt die Aufmerksamkeit auf Überschrift und Form.

Was könnte A/B-getestet werden:

• Die Visitenkarte könnte in einer anderen Farbe getestet werden, da sie einen ähnlichen Weißton hat und die Karte auf den ersten Blick schwer zu erkennen ist.
• Die beiden Hyperlinks in der unteren Ecke könnten entfernt und mit eigenen Post-Click-Landingpages versehen werden, damit sich Interessenten hier auf die Erstellung eines Logos konzentrieren.
• Das Hinzufügen von Vorteilstext , um zu erklären, warum die Erstellung eines Logos mit Squarespace eine kluge Idee ist, kann dazu führen, dass mehr Menschen mit dem Prozess beginnen.

3. Um verschiedene Geschäftsnischen anzusprechen

In der Fußzeile der Homepage unter der Kategorie „Touren“ sind verschiedene Branchen aufgeführt: Online-Shops, Fotografen, Blogger, Künstler, Restaurants, Musiker, Hochzeiten und kleine Unternehmen.

Diese Seite ermutigt die Besucher insbesondere, einen Blog zu erstellen:

Was die Seite gut macht:

• Die Überschrift und die Unterüberschrift sprechen potenzielle Kunden auf überzeugende Weise direkt an. Durch die Verwendung des Wortes „Ihr“ fühlen sich die Leser stärker mit dem Angebot verbunden, während „keine Kreditkarte erforderlich“ der Seite mehr Überzeugungskraft verleiht.
• Der visuelle Pfeilhinweis informiert Besucher darüber, dass sich unter der Falte mehr befindet, die sie sehen sollten. Um es wirklich deutlich zu machen, sollte der Pfeil jedoch größer und fetter sein und sich nicht in den Hintergrund einfügen.
• Die Kopie verwendet verschiedene Formen des Wortes „Sie“, die direkt mit potenziellen Kunden sprechen und eine Verbindung zu ihnen aufbauen.
• Die Liste der durch Scrollen sichtbaren Vorteile ist eine nette Ergänzung, da sie verhindert, dass die Seite überladen erscheint und Platz für die relevanten Bilder lässt.
• Die Bilder von Kundendienstmitarbeitern und die Information der Zuschauer, dass sie rund um die Uhr verfügbar sind, versichern Interessenten, dass die Zusammenarbeit mit Squarespace eine gute Erfahrung ist.
• Die Verwendung von Leerzeichen hält die Seite organisiert und lenkt die Aufmerksamkeit auf wichtige Elemente wie die CTA-Schaltfläche „Erste Schritte“ und Vorlagenoptionen.

Was könnte A/B-getestet werden:

• Die CTA-Buttons könnten in einer auffälligeren Farbe getestet werden und die Kopie könnte wirkungsvoller umgeschrieben werden als „Get Started“. Bessere CTA-Texte wie „Helfen Sie mir, meinen Blog zu erstellen“ können bessere Ergebnisse erzielen.
• Die Navigation zwischen den Branchen lenkt einen Teil des Fokus von jeder Nische ab. Es kann effektiver sein, für jede Kategorie eine eigene Seite zu erstellen.
• Zahlreiche Exit-Links wie das Logo oben, Navigationslinks unten und Kundenbeispiele in der Mitte geben Interessenten zu viele Chancen, die Seite vor der Conversion zu verlassen.

4. Um eine Online-Community für Squarespace-Benutzer bereitzustellen

Die Plattform bietet ihren erfahrensten Benutzern die Möglichkeit, einer Online-Community von Fachleuten, dem sogenannten Circle, beizutreten. Mitglieder des Circle haben Zugang zu einer Fülle von Expertenwissen und optimierter Unterstützung durch andere Fachleute.

Den Link zur Squarespace Circle-Seite finden Sie im Abschnitt „Community“ der Fußzeile der Startseite:

Was die Seite gut macht:

• Leerzeichen unterteilen die Seite in Abschnitte, sodass sie organisiert und leicht lesbar bleibt.
• Die Verwendung von Weiß lässt die Seite poliert aussehen und vermittelt den Premium-Look, den viele Squarespace-Benutzer attraktiv finden.
• Der „Weitere Informationen“-CTA verwendet ein Anker-Tag, das beim Anklicken Besucher zu den Vorteilen der Community weiterleitet.
• Die Listen der Funktionen und Vorteile informieren potenzielle Kunden über den Beitritt zu dieser Community und helfen ihnen, dem Circle beizutreten.

Was könnte A/B-getestet werden:

• Mehrere ausgehende Links geben den Leuten zu viele Möglichkeiten, um von der Seite weg zu klicken.
• Die Farbe der CTA-Schaltfläche ist transparent, sodass die Schaltfläche mit einer kräftigen, kontrastierenden Farbe wie Orange umgestaltet werden kann.
• Die CTA-Kopie könnte überzeugender sein als „Join Now“. „Ich möchte dem Kreis beitreten“ könnte zu besseren Ergebnissen führen.
• Das Hinzufügen von Erfahrungsberichten von Circle-Mitgliedern kann hilfreich sein. Während es schön ist, die Funktionen und Vorteile aufzulisten, ist es noch besser, die Bestätigung von aktuellen Mitgliedern zu haben.

Welche Post-Click-Landingpages von Squarespace haben Sie inspiriert?

Die Mission von Squarespace ist es, „schöne Produkte herzustellen, die Menschen mit kreativen Ideen zum Erfolg verhelfen“. Die Marke vermittelt ihr einzigartiges Wertversprechen und die damit verbundenen Angebote auf vielfältige Weise, indem sie Post-Click-Landingpages und andere fokussierte Webseiten verwendet.

Beginnen Sie basierend auf diesen Kritikpunkten mit der Erstellung optimierter Post-Click-Landingpages für jedes Angebot, das Sie bewerben. Erweitern Sie Ihren Marketing-Stack mit einer erstklassigen Post-Click-Landingpage-Plattform wie Instapage. Melden Sie sich noch heute für eine Instapage Enterprise-Demo an.