So erstellen Sie mit ElementsKit eine Landingpage für eine Weihnachts- und Neujahrskampagne

how to design a landing page for new year

Wussten Sie, dass eine werbespezifische Zielseite eine generische Webseite um 115% übertreffen kann?

Ja, das ist das Schöne an der Verwendung spezifischer Landingpages auf verschiedenen Festivals.

Festtage sind für jedes Unternehmen hektisch. Es ist die Zeit, in der die meisten Geschäftsinhaber den höchsten Web-Traffic und die höchste Conversion-Rate erwarten.

Heute entwerfen wir mit ElementsKit eine Landingpage für die kommende Weihnachts- und Neujahrskampagne!

Geh jetzt!

Was ist eigentlich eine Landing Page?

Kurz gesagt: Landing Pages sind der Ort, an dem Ihre Besucher „landen“. Im digitalen Marketing bezeichnet eine Landingpage eine bestimmte Webseite, die speziell für eine Marketingkampagne erstellt wird.

Typischerweise sind die Landingpages so konzipiert, dass sie die Benutzer zu einer Aktion wie dem Kauf eines Produkts, dem Ausfüllen eines Formulars, der Anmeldung für einen Newsletter usw. anregen.

Und eine Landingpage wird nur dann erfolgreich sein, wenn die Besucher diese spezifischen Aufgaben nach dem Besuch der Seite ausführen.

Benötige ich eine Landing Page für die Weihnachts- und Neujahrskampagne?

Oh ja!

Für die Weihnachts- und Neujahrskampagne benötigen Sie auf jeden Fall eine spezielle Landingpage. Wenn Sie planen, im Rahmen dieser Festivalkampagne ein Produkt oder eine Dienstleistung zu verkaufen, ist es höchste Zeit, eine spezielle Landingpage zu entwerfen. 

Warum?

Wegen dem "Paradoxon der Wahl“. 

Das heißt, je mehr Möglichkeiten man den Menschen gibt, desto problematischer wird es, eine Entscheidung zu treffen, geschweige denn zu handeln.

Lassen Sie mich zum besseren Verständnis ein einfaches Beispiel zeigen.

Angenommen, Sie haben geplant, im Rahmen Ihrer bevorstehenden Kampagne ein Produkt zu verkaufen. Das Design der Zielseite fordert die Benutzer jedoch nicht dazu auf, das Produkt zu kaufen. Möglicherweise werden die Besucher aufgefordert, die Blogs zu besuchen, sich die Social-Media-Kanäle anzusehen oder etwas anderes.

Mit jeder Aktion entfernen Sie die Absicht des Besuchers von Ihrem primären Ziel. Und ich glaube nicht, dass das eine kluge Entscheidung ist!

Okay, was sollte ich auf einer Landingpage einfügen?

Sie haben sich also entschieden, eine Landingpage für Ihre Weihnachts- und Landingpage in Ihre Website einzubinden. In diesem Fall müssen Sie die Kernfunktionen einer Landingpage kennen.

Lassen Sie mich die Kernfunktionen einer Landingpage mit Ihnen teilen. 

  • Eine auffällige Überschrift
  • Eine einflussreiche Unterüberschrift
  • Ein attraktives Heldenbild
  • Eine klare Erläuterung Ihres Angebots
  • Ein effektiver FAQ-Bereich
  • Ein kraftvoller Aufruf zum Handeln
  • Einfachste Kontaktmethode

Dies sind die Kernfunktionen einer Landingpage. Stellen Sie sicher, dass alle diese Elemente auf Ihrer Landingpage vorhanden sind.

Beginnen wir also mit der Gestaltung einer Landingpage für die Weihnachts- und Neujahrskampagne

Das Entwerfen einer Landingpage ist nur dann viel einfacher, wenn Sie über die entsprechenden Tools verfügen. Wir werden auch einige Tools verwenden, um das Design unserer Weihnachts-Landingpage zu vereinfachen. Diese sind – 

  • Elementor-Seitenersteller und
  • ElementsKit Elementor-Add-on

Das ist es!

Fahren wir mit dem Schritt-für-Schritt-Prozess der Gestaltung einer auffälligen Landingpage für Weihnachten und Neujahr fort.

Schritt #1: Machen Sie sich bereit mit Ihren Werkzeugen

Wir haben bereits erwähnt, dass Sie zum Entwerfen Ihrer Zielseite den Elementor-Seitenersteller und das ElementsKit-Add-on benötigen. Installieren und aktivieren Sie einfach diese Plugins auf Ihrer WordPress-Website und schon kann es losgehen. 

Schritt #2: Öffnen Sie eine leere Seite

Um eine neue Seite zu öffnen, bewegen Sie den Mauszeiger auf Seiten > Neu hinzufügen. Es wird eine leere Seite für Ihre Website erstellt. Jetzt werden Sie eine fettgedruckte Schaltfläche mit der Aufschrift „Bearbeiten mit Elementor“. Klicken Sie auf diese Schaltfläche und Ihr Beitrag wird zum Elementor-Seiteneditor weitergeleitet.

Öffnen einer neuen Seite

Wenn Sie die Elementor-Seite erhalten, bedeutet dies, dass Ihre Leinwand einsatzbereit ist.

Schritt #3: Fügen Sie ein Heldenbild des Videos hinzu

Das Heldenbild ist ein großes Bildbanner, das sich oben auf Ihrer Webseite befindet. Dieses Bild stellt einen Überblick oder eine Stimmung von Ihnen dar Aktionsangebot.

Nur wenige Leute möchten vielleicht ein Video in den Heldenbereich einfügen. Wenn Sie sich entscheiden, auch ein Video auf der Landingpage hinzuzufügen, achten Sie darauf, dass es kürzer ist und Ihr Angebot klar beschreibt. 

Denken Sie daran, dass visuelle Inhalte für die Landingpages wichtig sind. Machen Sie es also so perfekt wie möglich. 

Um dem Heldenbereich ein Element hinzuzufügen, ziehen Sie das Bild-Widget per Drag-and-Drop auf die Leinwand und laden Sie das ausgewählte Bild auf die Zielseite hoch. 

Stellen Sie nach dem Hochladen die Breite Ihres Bildes auf 100 ein. Sie finden den Abschnitt „Breite“ auf der Registerkarte „Stil“ des Elementor-Widget-Bedienfelds.

Ein Heldenbild hinzufügen

Profi-Tipps: Stellen Sie sicher, dass das Heldenbild lebendig aussieht, eine weihnachtliche Atmosphäre erzeugt und die Aufmerksamkeit des Besuchers im Handumdrehen auf sich ziehen kann.

Das menschliche Gehirn kann die Informationen von Bildern verarbeiten 60.000 Mal schneller als textbasierte Informationen.

Schritt #4: Fügen Sie eine Beschreibung Ihres Produkts oder Ihrer Dienstleistung hinzu

Nachdem Sie das Heldenbild hinzugefügt haben, ist es an der Zeit, eine detaillierte Beschreibung des Produkts oder der Dienstleistung hinzuzufügen, die Sie Ihren potenziellen Kunden anbieten. 

Angenommen, Sie bieten Rabatte auf zwei Produkte an. Erstellen Sie also eine Doppelstruktur für den neuen Abschnitt.

Fügen Sie nun eine Überschrift, eine Textbeschreibung über das Texteditor-Widget und eine Call-to-Action-Schaltfläche hinzu. Um den Abschnitt ansprechender zu gestalten, können Sie ihm eine entsprechende Hintergrundfarbe hinzufügen.

Werfen wir einen Blick auf den Schritt-für-Schritt-Prozess.

  1. Fügen Sie eine passende Überschrift hinzu

Zuerst fügen wir einen neuen Abschnitt mit einer zweispaltigen Struktur hinzu. Anschließend fügen wir den Titel mithilfe des Überschriften-Widgets hinzu.

Hinzufügen der Produktüberschrift

Bei Bedarf können Sie Ihrer Produktüberschrift auch einen relevanten Link hinzufügen.

2. Fügen Sie den Textkörper hinzu

Der Textkörper ist der Ort, an dem Sie die Beschreibung Ihres Angebots hinzufügen. Stellen Sie sicher, dass die Beschreibung einen vollständigen Überblick über Ihr Produkt oder Ihre Dienstleistung bietet.

Beschreibung hinzufügen

3. Fügen Sie einen CTA-Button ein

Ein überzeugender CTA-Button erhöht die Chance, Besucher in Kunden umzuwandeln. Versuchen Sie also, einen auffälligen CTA-Button hinzuzufügen, der die Aufmerksamkeit des Besuchers richtig erregt.

Hinzufügen einer CTA-Schaltfläche

4. Hintergrundfarbe hinzufügen

Das Hinzufügen einer kontrastreichen Hintergrundfarbe erhöht die Möglichkeit einer Benutzerkonvertierung. Stellen Sie vor der Auswahl einer Farbe für Ihr Produkt sicher, dass sie gut mit der Farbe Ihres Produkts harmoniert. 

Um die Hintergrundfarbe hinzuzufügen, wählen Sie den Seitenabschnitt aus und wechseln Sie zur Registerkarte „Stil“. Klicken Sie nun auf die Option Hintergrund und wählen Sie einen der Hintergrundtypen aus. Die verfügbaren Hintergrundtypen sind „Klassisch“, „Verlauf“, „Video“ und „Diashow“.

Für die Gestaltung der Seite habe ich übrigens die klassische Variante gewählt. Sie können das Gleiche jedoch auch für den Hover-Bereich ändern.

Hintergrundfarbe hinzufügen

Sie können so viele Produktbeschreibungen entwerfen, wie Sie möchten, indem Sie die gleichen Schritte ausführen. Versuchen Sie jedoch, eine einzuschließen auffälliger Header und Unterüberschrift zu diesem Abschnitt.

Sie können jedoch auch Fügen Sie eine Preistabelle hinzu durch den Vergleich mehrerer Pakete oder Ihrer Produkte. Es vermittelt potenziellen Zielgruppen eine klare Vorstellung von Ihren Produkten und erhöht die Kaufwahrscheinlichkeit.

Schritt #5: Fügen Sie einen KnowledgeBase-Abschnitt hinzu

In der Wissensdatenbank, auch FAQ-Bereich genannt, müssen Sie häufig gestellte Fragen zu Ihrem Produkt oder Ihrer Kampagne hinzufügen. Versuchen Sie, diesem Abschnitt etwa 4/5 Fragen und Antworten hinzuzufügen.

Wissensdatenbank hinzufügen

Stellen Sie beim Entwerfen der Wissensdatenbank sicher, dass Sie Fügen Sie eine Kontaktmethode hinzu dort. Es sorgt für eine einfachere Kommunikation zwischen Besuchern und Webmastern.

Schritt #6: Fußzeile hinzufügen

Als letzten Schritt fügen wir eine Fußzeile auf der Landingpage hinzu. Die Fußzeile enthält den Urheberrechtsbereich, Rückerstattungsrichtlinien, Geschäftsbedingungen, Datenschutzrichtlinien usw. Ich empfehle Ihnen jedoch, für die Fußzeile eine andere Hintergrundfarbe als für die Zielseite zu verwenden.

Und dabei geht es um die Gestaltung der Landingpage für die Weihnachts- und Neujahrskampagne.

Nun, wie sieht das endgültige Aussehen unserer Landingpage aus?

Ja! Wir haben gerade die Gestaltung unserer Landingpage für die Weihnachts- und Neujahrskampagne abgeschlossen. Wie ist also das Endergebnis insgesamt?

Ok, schau mal –

Ist es nicht faszinierend?

Ja ist es!

Um eine bessere Ansicht zu erhalten, schauen Sie sich die Live-Version unserer Landingpage an.

Haben Sie Lust, unsere Vorlage als Ihre Landingpage zu verwenden? 

Sie können dies innerhalb von Sekunden tun! Laden Sie einfach unsere JSON-Datei herunter, importieren Sie sie in die Elementor-Vorlagenbibliothek und fertig! Werfen wir einen Blick auf den gesamten Prozess.

Zuerst, Laden Sie die JSON-Datei über den Download-Button unten herunter.

Zweitens, Erstellen Sie einen neuen Beitrag oder eine neue Seite über das WordPress-Dashboard. Standardmäßig wird es auf der geöffnet Gutenberg-Herausgeber. Sie müssen die Seite jedoch im Elementor-Seitenersteller öffnen, um die JSON-Datei zu importieren.

Öffnen einer neuen Seite über Elementor

Drittens, Klick auf das 'Vorlage hinzufügen'-Schaltfläche und importieren Sie Ihre heruntergeladene JSON-Datei über die Vorlage importieren Taste.

Importieren der Vorlage

Klicken Sie nun auf Einfügen Klicken Sie auf die Schaltfläche und die Vorlage wird zusammen mit den Designs und Texten auf Ihrer Seite eingefügt.

Einfügen einer Vorlage

Vorsicht: Das Einfügen der Vorlage kann etwas Zeit in Anspruch nehmen. Die Zeit hängt hauptsächlich von der Ressourcenmenge und dem Speicherlimit Ihres Servers ab. 

Zuletzt, Passen Sie Text und Design an Ihr Angebot an und veröffentlichen Sie es auf Ihrer Website.

10 tödliche Landingpage-Fehler, die Sie unbedingt vermeiden sollten

Wir alle wissen, dass Landingpages mit dem Ziel entwickelt werden, einen Besucher in einen zahlenden Kunden oder Lead zu verwandeln. Aber Ihren wertvollen Traffic auf eine nicht optimierte Zielseite zu lenken, ist nichts weiter als Zeitverschwendung. 

In diesem Abschnitt werde ich mich auf 10 tödliche Landingpage-Fehler konzentrieren, die jeder vermeiden sollte.

1. Zu viele CTA-Buttons verwenden

Der CTA, auch Call-to-Action-Button genannt, ist ein wichtiger Bestandteil von allem, was Sie online erstellen. Der einzige Zweck des CTA-Buttons besteht darin, die Besucher in zahlende Kunden umzuwandeln. Nur so können Sie Ihre Kunden davon überzeugen, sich zu bekehren. 

Warum also die Besucher mit zu vielen CTA-Buttons belästigen? Es verringert lediglich die Chancen, Ihr Ziel zu erreichen.

Neben der Reduzierung der Schaltflächenanzahl sollten Sie auch den Schaltflächentext berücksichtigen. Sie werden vielleicht überrascht sein, dass die meisten Leute nur traditionelle Schaltflächentexte wie „Hier klicken“, „Herunterladen“ oder „Senden“ verwenden.

Es mag Ihnen wie ein kleines Detail erscheinen, aber es hat große Auswirkungen auf das Benutzerverhalten. Versuchen Sie, statt der generischen Schaltflächentexte etwas anderes zu schreiben. Zum Beispiel –

  • ● Schnappen Sie sich den Deal
  • ● Bring mich dorthin
  • ● Fordern Sie Ihr kostenloses Exemplar an
  • ● Erleben Sie das Programm
  • ● Holen Sie sich Ihren Reiseführer

Versuchen Sie, Ihren Schaltflächentext zu variieren, anstatt diese traditionellen Texte zu verwenden.

2. Um den heißen Brei herumreden

Obwohl Besucher über den CTA-Button konvertiert werden, sollten Sie auch die schriftliche Kopie berücksichtigen. Stellen Sie sicher, dass der Text Ihrer Zielseite klar, prägnant und für die Benutzer leicht verständlich ist. 

Eine Studie zeigt, dass Menschen „im Handumdrehen“ entscheiden, ob sie auf einer Website Maßnahmen ergreifen sollen. Genauer gesagt dauert es etwa 50 Millisekunden, um diese Entscheidung zu treffen.

Sie haben also nur diesen winzigen Teil der Zeit, um Ihre Website-Besucher davon zu überzeugen, Ihr Produkt oder Ihre Dienstleistung zu kaufen. Wenn Sie einfach nur um den heißen Brei herumreden, ohne sich auf Ihre Kopie zu konzentrieren, ist das reine Zeitverschwendung.

Das bedeutet, dass Sie die Benutzer davon überzeugen müssen, innerhalb eines Augenblicks auf den Punkt zu kommen. Präsentieren Sie Ihr Angebot so, dass die Besucher etwas Wertvolles für sich finden. 

3. Unübersichtliches Seitenlayout

Wir wissen, dass es wichtig ist, wertvolle Informationen auf der Zielseite bereitzustellen. 

Das bedeutet jedoch nicht, dass Sie die Zielseite mit Informationen überladen sollen. Versuchen Sie, beim Entwerfen einer Seite nur die wichtigsten Informationen aufzunehmen. Überfordern Sie die Benutzer nicht mit Informationen.

Wenn die Zielseite wie eine endlose Textwand aussieht, werden die Benutzer Ihre Webseite definitiv verlassen, anstatt zu konvertieren. 

Ich weiß, es ist wichtig, die Benutzer über Ihr Angebot zu informieren. Aber versuchen Sie, es kurz und präzise zu halten. Wenn Sie die Zielseite mit vielen unnötigen Informationen überladen, verringern sich die Chancen, die Benutzer zu konvertieren, drastisch.

Denken Sie daran, dass Sie (maximal) 5 Sekunden Zeit haben, um einen Kunden zu konvertieren. Stellen Sie also sicher, dass der Kunde einen Überblick über diese Zeit hat. Andernfalls landen Ihre potenziellen Kunden auf der Website Ihrer Konkurrenz.

Willst du das?

4. Nicht genügend Informationen

Im vorherigen Abschnitt haben wir über das Aufräumen Ihrer Landingpage-Kopie gesprochen. Aber räumen Sie nicht so auf, dass den Besuchern nicht die eigentliche Botschaft vermittelt wird.

Wenn der Text Ihres Produkt- oder Dienstleistungsangebots zu vage ist oder das Angebot nicht richtig zum Ausdruck bringt, werden die meisten Besucher nicht zu Kunden.

Fügen Sie einfach eine aufmerksamkeitsstarke Überschrift ein, gefolgt von einer Unterüberschrift und einigen kontextbezogenen Texten. An diesen Stellen müssen Sie Ihre angebotsbezogenen Informationen platzieren.

Stellen Sie sicher, dass die Besucher eine klare Vorstellung von Ihrem Produkt bekommen und sich bei der Kaufentscheidung um nichts kümmern müssen.

5. Schlechte Typografie

Stellen Sie nach dem Entwerfen einer großartigen Zielseitenkopie sicher, dass die Kopie für die Besucher leicht verständlich ist. Damit der Text der Zielseite leicht lesbar und verständlich ist, müssen Sie für Ihr Design geeignete Schriftarten, Schriftgrößen, Farben, Designs usw. verwenden.

All diese Typografien haben einen enormen Einfluss auf die Lesbarkeit und das Benutzererlebnis. Darüber hinaus erschweren zu dicke oder zu helle Schriftarten die Lesbarkeit der Texte. Die Verwendung seriöser Typografie erhöht die Chancen einer Besucherkonvertierung.

6. Kein Bild/Bild mit geringer Qualität verwenden

Wenn ein Besucher auf einer Webseite landet, versuchen Sie, ihn mit etwas Einzigartigem zu fesseln. Und der beste Weg, dies zu erreichen, ist die Verwendung eines überzeugenden Bildes. Wissen Sie, eine Landingpage, die nur aus Text besteht, sieht ziemlich langweilig und uninspirierend aus.

Das heißt aber nicht, dass Sie jedes beliebige Bild auf der Zielseite verwenden dürfen. Wenn Sie eine Zielseite entwerfen, achten Sie darauf, dass Sie das beste Bild darauf setzen.

Ungefähr 65% der Menschen sind grundsätzlich visuelle Lerner

Wenn Sie ein Produkt oder eine Dienstleistung anbieten, sollten Sie darüber nachdenken, dem Produkt eine lächelnde Person beizufügen. Untersuchungen zeigen, dass nur eine lächelnde Person die Conversion-Rate um 102,51 TP3T steigern kann. 

Das lächelnde Gesicht zeigt an, dass Benutzer mit dem von Ihnen angebotenen Produkt oder der von Ihnen angebotenen Dienstleistung zufrieden sind. Es wirkt sich positiv auf die Konvertierung aus.

7. Überprüfen Sie die Farben

Ein weiteres großes Problem bei der Verwendung von Bildern ist die Auswahl der Farben. Versuchen Sie, das Bild durch die Verwendung einer einzigartigen Farbkombination so attraktiv wie möglich zu gestalten.

Ein weiteres großes Problem ist die Farbe des CTA-Buttons. Achten Sie beim Entwerfen eines CTA-Buttons darauf, dass er sich vom Hintergrund abhebt.

Wenn die CTA-Schaltfläche wie eine Tarnung mit Ihrem Hintergrund verschmilzt, wird sie nicht bemerkt, während ein Benutzer Ihre Zielseite durchsucht. 

Angenommen, der Hintergrund Ihrer Zielseite ist größtenteils weiß. Versuchen Sie in diesem Fall, die Schaltfläche in Schwarz zu verwenden.

Das Design wird nur dann erfolgreich sein, wenn die Farbe die Aufmerksamkeit Ihrer Besucher auf sich ziehen kann. Andernfalls ändern Sie die Farben so schnell wie möglich.

8. Verwendung längerer Formulare

Entwerfen eines Webformulars Es ist auf jeden Fall wichtig, die Anzahl der Leads zu erhöhen. Meistens werden Webformulare verwendet, um wichtige Informationen von Benutzern zu erhalten. 

Ein Landingpage-Formular sollte sich jedoch nicht wie das Ausfüllen eines Steuerformulars anfühlen. Das bedeutet, dass Sie nicht zu viele Eingabefelder in das Formular einfügen sollten. Versuchen Sie, es so einfach wie möglich zu halten.

Den Besuchern zu viele Fragen zu stellen, könnte die Benutzer verärgern. Untersuchungen zeigen, dass die Verwendung von drei Eingabefeldern die Chance maximiert, Leads zu gewinnen. Je mehr Eingabefelder Sie haben, desto weniger Reaktionen erhalten Sie auf dieser Zielseite.

Nun, möglicherweise benötigen Sie verschiedene Daten von den Benutzern. Also, was machst du dann?

In diesem Fall können Sie die mehrstufigen Formulare nutzen. Sammeln Sie zunächst nur die erforderlichen Informationen von den Benutzern. Anschließend erhalten Sie weitere Informationen.

So können Sie Informationen von Ihren Leads sammeln.

9. Schlechte mobile Erfahrung

Ungefähr 48% der Menschen surfen über ihr Smartphone im Internet. Wenn Ihre Website also nicht auf Mobilgeräte reagiert, verlieren Sie automatisch die Hälfte Ihrer potenziellen Kunden.

Wenn ein Smartphone-Besucher die Zielseite nicht richtig sehen kann, wie können Sie dann erwarten, dass er konvertiert? Stellen Sie daher sicher, dass Ihre Website vollständig für Mobilgeräte optimiert ist und reibungslos auf Smartphones und Tablets geladen werden kann.

Denken Sie daran, dass Ihre Besucher nicht so geduldig sind, wie Sie denken. Optimieren Sie also Ihre Landingpage für mobile Geräte und gewinnen Sie Ihre Besucher.

10. Langsame Ladegeschwindigkeit

47% Menschen Erwarten Sie, dass eine Webseite innerhalb von 2 Sekunden geladen wird. Und wenn die Seite auch nach 5 Sekunden nicht geladen wird, verlassen die Benutzer Ihre Zielseite. 

Das Entfernen jeder einzelnen Sekunde führt zu einem Verlust von 7% bei Ihrem Gesamtumsatz. Versuchen Sie also, die Ladezeit der Seite auf jeden Fall zu reduzieren.

Entfernen Sie beispielsweise die Schieberegler oder unnötigen JS-Dateien, um den Ladevorgang zu beschleunigen. Sie können jedoch auch CDN, auch bekannt als Content Delivery Network, verwenden Beschleunigen Sie Ihre Website.

Letzte Worte

Hier dreht sich alles um die detaillierten Schritte, Tools und Verarbeitung des Landingpage-Designs. Die Verwendung eines kampagnenspezifischen Landingpage-Designs ist ein wesentlicher Bestandteil des digitalen Marketings. 

Entwerfen Sie noch heute eine perfekte Landingpage und beobachten Sie, wie Ihre Conversion-Rate steigt!


Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert