Landingpage erstellen ( Zielseite) oder Landing Page, Landing Page, vereinfacht den Weg des Nutzers zum gewünschten Ziel weitestgehend. Eine solche Seite soll die Grundinstinkte einer Person beeinflussen und sie zu gezielten Aktionen ermutigen: Klicken, Anrufen, Bestellen, Kaufen "jetzt".

Landing Pages eignen sich am besten für die Durchführung von Werbekampagnen für eine bestimmte Dienstleistung oder ein Angebot zu einem einzigartigen (niedrigen) Preis sowie für die Gewinnung von Zielgruppen über kontextbezogene Werbesysteme von Google AdWords, Yandex.Direct, soziale Netzwerke und E-Mail-Newsletter:

Was ist eine Landingpage?

Landing Page ist eine separate Seite, die verwendet wird für:

• der Verkauf eines bestimmten Produkts oder einer bestimmten Dienstleistung;
• Erstellen einer Abonnementbasis.

Wenn Sie sich entscheiden, eine Landingpage zu erstellen, müssen Sie die notwendigen Einfluss-Trigger verwenden, die den Benutzer zu einer schnellen Entscheidung drängen ( ein Produkt kaufen, Informationen eingeben, um einen Rabatt zu erhalten, an einem Kurs, Webinar usw. teilnehmen..).

Eine Landingpage ist aus Sicht des Nutzers eine Seite, auf der er nach dem Anklicken eines Informanten, Banners, Werbebeitrags etc. erscheint. Eine Landing Page unterscheidet sich grundlegend von einem Online-Shop. Um ein Produkt zu verkaufen und eine Werbekampagne durchzuführen, wird eine separate Seite erstellt und verschiedene Einflussauslöser angewendet.

Landingpage-Typen:

• Autonom. Dies ist die gebräuchlichste Art von Landingpage. Die Hauptaufgabe besteht darin, den Benutzer zum Kauf oder zu einer bestimmten von der Seite empfohlenen Aktion zu motivieren;
• Microsite. Eine kleine, oft separate Site, die aus nicht mehr als 5 Seiten besteht und Informationen zu einem Produkt oder einer Dienstleistung enthält;
• Hauptseite. Verwendet für die Zielseite eine oder mehrere Ressourcenseiten;
• Lando-Site. Eine Ressource, die vollständig aus unabhängigen Zielseiten besteht:

Landingpage-Typen

• Werbung. Enthält eine große Menge an Text-, Grafik- und Videoinformationen über den Dienst;
• Viral. Werbung wird als Artikel oder Spiel getarnt. Es handelt sich oft um E-Mail, soziale Netzwerke, Chats;
• Landing Lead Pages... Entwickelt, um Informationen über die Zielgruppe zu sammeln, enthalten in der Regel ein Minimum an Informationen.

Kompetent ausgearbeitet Zielseite ermöglicht es Ihnen, die Konversion von Besuchern zu echten Käufern zu erhöhen.

Warum brauchen wir eine Landingpage?

Der Hauptzweck der Landingpage ist der Verkauf. Die Landingpage enthält einen Verkaufstext, eine Präsentation eines Produkts oder einer Dienstleistung, einen Call-to-Action. Landing Page ist ein großartiges Werkzeug für Schnellstart Dienstleistungen oder Waren im Internet. Auf Landingpages können Sie Abonnenten und Anfragen zur Bereitstellung von Diensten usw. sammeln.

Wenn Sie Ihr Produkt / Ihre Dienstleistung richtig präsentieren, präsentieren Sie sich gut, zeigen Sie Stärken auf und passen Sie auch den Verkehrsfluss an ( Werbung in sozialen Netzwerken, kontextbezogene Werbung usw.), müssen Sie nur Anfragen von Ihren Kunden sammeln und ihnen das beworbene Produkt / die beworbene Dienstleistung verkaufen.

Vorteile der Verwendung einer Landing Page

Die Landing Page hat im Vergleich zu regulären Ressourcenseiten, die Dienstleistungen oder Waren anbieten, eine Reihe von Vorteilen:

• Ausrichtung auf eine bestimmte Zielgruppe. Die Landingpage soll nicht viele Lösungen haben, bei denen der Benutzer wählen muss, sondern ein einzigartiges Angebot, dem man nur schwer widerstehen kann;
• Hohe Konversion. Laut Statistik kann die Nutzung von Landingpages zu Werbezwecken die Konversion um 10-15% steigern;
• Vollständige Informationen über das angebotene Produkt / die angebotene Dienstleistung, jedoch ohne zusätzliche Übergänge und Links;
• Die Möglichkeit, Kontakte von Besuchern zu sammeln und die Datenbank potenzieller Kunden aufzufüllen, die später Informationen über bevorstehende Aktionen / Gewinnspiele erhalten können;
• Niedrige Kosten für die Erstellung einer Landingpage. Auch unerfahrene Geschäftsleute können es sich leisten, eine Landingpage zu erstellen und damit Produktnischen zu testen, um mit dem Verkauf im Internet zu beginnen:

Wo und wie werden Landing Pages verwendet?

Sie können eine Landung intern machen oder Startseite eine Unternehmensressource, eine einseitige Site, eine Seite in einem sozialen Netzwerk. In letzter Zeit wird es immer beliebter ( Offline-Seiten) für Schlüsselprodukte, während das Unternehmen bereits über eine Unternehmenswebsite verfügt. Dies wird von juristischen und medizinischen Unternehmen, Banken, Mobilfunkanbietern und vielen anderen durchgeführt.

Wo werden Landingpages verwendet?

• In Werbekampagnen mit Pay-per-Click-Werbung (PPC) in Yandex.Direct, Google AdWords, Begun. Gleichzeitig wird der Verkehr auf Zielseiten umgeleitet, die für Schlüsselanfragen optimiert sind;
• In Banner-Werbekampagnen, sofern das Bildmaterial auf thematischen Ressourcen platziert wird, die für die Zielgruppe bestimmt sind. So wird beispielsweise Bannerwerbung für neue Produkte im Bereich Elektronik auf Nachrichtenportalen im Segment für Spezialisten im Bereich IT-Technologien geschaltet;
• In Newslettern und Marketing-E-Mails, die einen Link zur Zielseite enthalten. Zum Beispiel Mailings für einen Online-Shop unter Berücksichtigung der vorherigen Einkäufe des Benutzers;
• Durchführung von Kampagnen in Blogs, innerhalb derer der Nutzer auf die Zielseite der Ressource weitergeleitet wird, mit deren Inhaber der Blogger vorläufig einen Partnerschaftsvertrag zur Platzierung von Werbebannern, Posts, PR-Artikeln abschließt;
• Social-Media-Kampagnen ( VKontakte, Facebook, Twitter usw.) oder auf beliebtem Medienhosting ( z. B. YouTube, Flickr usw.). Nutzer werden auf die Landingpage eines Werbetreibenden weitergeleitet, der mit der ausgewählten Medienressource eine Vereinbarung über die Platzierung von Werbemitteln hat:

Grundlegende Möglichkeiten zum Erstellen einer Landing Page

• Kostenlose Vorlagen und Landingpage-Generatoren. Im Web gibt es jetzt viele Optionen für kostenlose Vorlagen und Konstruktoren, mit denen Sie eine Landingpage erstellen können. Der beliebteste Dienst. Dies ist eine großartige Option für Unternehmen mit kleinem Budget, aber mit Spezialisten für Marketing und Design.
• Kontakt zu Spezialisten. Sie können Text für eine Landingpage bei einem Texter, die Designentwicklung – bei einem Designer und die Integration in die Engine – bei einem Programmierer bestellen. Gleichzeitig sollte zu den Mitarbeitern des Unternehmens ein Vermarkter gehören, der das Projekt in allen Phasen kontrolliert. Zu den Vorteilen dieser Methode gehören relativ geringe Kosten und ein ziemlich hohes Ergebnis, die Nachteile sind das Risiko von Fehlern bei der Auswahl der Spezialisten;
• Outsourcing-Agentur. Bei dieser Methode zur Erstellung einer Zielseite wird eine Agentur kontaktiert, die die Konkurrenzanalyse durchführt, ein Konzept auswählt, eine Werbekampagnenstrategie entwickelt, das Problem der Integration mit der Engine löst und das Projekt startet. Sie benötigen lediglich einen Auftrag zur Erstellung einer Landingpage und die Agentur übernimmt die Entwicklung einer „schlüsselfertigen“ Landingpage. Die Vorteile dieser Methode sind eine hohe Effizienz und Zeitersparnis, die Nachteile sind höhere Kosten als in früheren Versionen;
• Behalten Sie Spezialisten bei, die sich damit befassen. Das ist das teuerste und das teuerste effektive Methode... Unser eigenes Team, bestehend aus einem Designer, Texter, Vermarkter und Layoutprogrammierer, wird Ihr Produkt / Ihre Dienstleistung vollumfänglich auf den Markt bringen.

Kann ich selbst eine Landing Page erstellen?

Sie können selbst eine Landingpage erstellen, benötigen jedoch bestimmte Kenntnisse im Bereich Webentwicklung, -analyse und -design. Wenn Sie keine solche Erfahrung haben, verwenden Sie Dienste, die vorgefertigte Vorlagen anbieten, in denen Sie nur den Text ausfüllen und eine Domain und ein Hosting einrichten müssen.

Wenn Sie selbst eine Landingpage erstellen, sparen Sie Geld und Zeit. Im Netzwerk finden Sie Ressourcen mit Vorlagen zu verschiedenen Themen, die Anweisungen für schnelle Installation und Software Bearbeitung ermöglichen. Die Kosten für solche Kits können viel niedriger sein als der Preis für die Entwicklung einer Landingpage in einer spezialisierten Agentur:

Ist es möglich, kostenlos eine Landing Page zu erstellen?

Da das Interesse an Landing Pages stetig wächst, bieten Entwickler immer wieder neue Tools zum Erstellen von Landing Pages auf Basis von Templates an. Hier ist eine Liste der beliebtesten Methoden und Dienste:

• Du kannst eine kostenlose Landingpage erstellen, wenn du dich bei Wix registrierst;
• Sie können eine Landingpage mit Adobe Photoshop erstellen;

Die dritte Option ist am besten für Anfänger mit minimalen Vorkenntnissen geeignet, die keine Zeit damit verbringen möchten, komplexe Webprogrammiersysteme zu erlernen.

Zielseitenoptimierung

Eine Landingpage zu erstellen ist die halbe Miete, es ist wichtig, sie richtig zu optimieren. Einseitige Seiten haben einen, aber ziemlich wesentlichen Nachteil - Suchmaschinen es ist ziemlich schwierig, sie zu finden. Mehrseitige Ressourcen haben eindeutige Titel, kompetente Verlinkung und eine komplexe Struktur mit Seitengewichten usw.

Die Architektur einer One-Page-Site ermöglicht keine qualitativ hochwertige interne Optimierung im klassischen Sinne, um die Site für die Anforderungen von Suchmaschinen zu "schärfen". Um dieses Problem zu beseitigen, gab es eine Lösung von Google - Layout mit JavaScript und der PushState-Methode.

Um Ihre Zielseite zu optimieren, sollten Sie Folgendes tun:

• teilen Sie die Zielseite in Blöcke auf;
• jeder Block sollte seinen eigenen eindeutigen Indikator, Titel, Beschreibung und Titel, URL erhalten.

Das heißt, jeder Block muss die gleichen Eigenschaften haben wie jede einzelne Seite der Site, während Suchroboter wird Ihre Site als mehrere einzigartige Seiten wahrnehmen. Landingpage-Besucher bemerken diese Entscheidung möglicherweise nicht, nur die aufmerksamsten werden bemerken, dass sich beim Scrollen auf der Seite die URL und der Titel ändern. Um ein solches Projekt umzusetzen, benötigen Sie gewisse Kenntnisse im Bereich SEO und Layout mit JavaScript.

Der beste Service für die Erstellung Ihrer ersten Landingpage. Ein Satz von ein paar Dutzend einseitigen Vorlagen zeigt Ihnen die besten Möglichkeiten zum Gestalten und Einreichen eines Angebots. Mit dem Editor können Sie in wenigen Minuten eine effektive Seite aus vorgefertigten adaptiven Blöcken zusammenstellen. Die Hauptsache ist, die Abschnitte in eine logische Reihenfolge zu bringen und das Angebot schön zu präsentieren. Bilder, Registerkarten, ein Timer für Werbeaktionen, Bewertungen, eine visuelle Karte, Mitteilungen einschließlich der Bestellung eines Rückrufs und vieles mehr sind vollständig vorhanden.

Das Landingpage-Menü unterstützt Ankerlinks für Schneller Zugang zu den Abschnitten. Parallax-Effekt, großformatige Blöcke mit schöner Präsentation von Bildern und Videohintergründen helfen dabei, eine reichhaltige und nützliche Seite zu erstellen. Pop-up-Fenster ermöglichen es Ihnen, die Aufmerksamkeit der Besucher auf Werbeaktionen zu lenken. Kostenlose Verbindung SSL baut das Vertrauen der Kunden auf, die Ihnen persönliche Informationen über das Formular senden. Das optimale Rezept: Wählen Sie die Vorlage, die dem Thema am nächsten kommt, füllen Sie diese mit Ihren Inhalten und veröffentlichen Sie sie, ohne strukturell etwas zu ändern.

Vorteile:

• Ideal für Unternehmer, die nicht an der Website-Entwicklung beteiligt sind;
• Eine große Auswahl an Profil-Widgets;
• Ein solides Kommunikationspaket: Berater, Anrufbestellung, soziale Netzwerke, Formulare, Pop-ups, Mailinglisten, CRM;
• Responsive Templates, deren Struktur sich ideal zum Einreichen von Landing Pages eignet;
• Leichtes Lernen - von 1 Stunde bis 1 Tag;
• Extrem erschwingliche Kosten.

Nachteile:

• Es gibt keine integrierten Tools zur Conversion-Analyse. Kann durch Analysen von Drittanbietern kompensiert werden;
• Der Tarif, mit dem Sie online bezahlen können, ist deutlich teurer als der "Premium", der sich hervorragend zum Zusammenstellen von Landingpages eignet.

1. Premium (4 $ / Monat) - eine Reihe von Hauptfunktionen.
2. Premium + (8 $ / Monat) - Premium-Vorlagen und erweiterte Statistiken.
3. Shop ($ 9,6 / Monat) - Warenkorb, Annahme von Zahlungen.
4. Pro (12 $ / Monat) - Zugang zur Codebearbeitung.

Möchten Sie einen Rabatt erhalten? Aktivieren Sie den Aktionscode UGUIDE-25 und sparen Sie -25% bei der Zahlung für einen beliebigen Tarifplan.

Landing Page Builder uLanding → ausführliche Überprüfung Unsere Wahl!

Spezialisierter Designer von Landingpages. Entwickelt zum Testen von Marketinghypothesen, Traffic-Arbitrage und zum Geldverdienen mit Angeboten von Web-Unternehmern. Sowohl für Anfänger als auch für erfahrene Benutzer geeignet. Mit dem Editor können Sie Seiten aus vorgefertigten Abschnitten und Widgets sammeln und sie nacheinander nacheinander hinzufügen. Ihre Auswahl ist ausreichend: Preis, Bewertungen, Etappen, Zeitleiste, Timer, Tabelle, Überschriften, Schaltfläche, Galerie, Ihr HTML-Code, Rückruf, Live-Chat, Social-Media-Panels und andere.

Effektive Designstrukturen für souveräne Verkäufe, gespickt mit Übergangseffekten, werden auf allen Bildschirmen korrekt angezeigt. Das Highlight des Dienstes ist die hervorragende Darstellung statistischer Informationen. Prozentuale Conversion, Sales Drop Points, Traffic nach Quelle, etc. - alles ist für Anfänger verständlich und für erfahrene Webmaster ausreichend detailliert. SSL-Verbindung ist kostenlos. Durch das Hinzufügen von Pop-ups können Sie noch mehr Leads erhalten. Ein einfach zu bedienender und effizienter Konstruktor.

Vorteile:

• Die Darstellung statistischer Daten, die für jeden verständlich sind;
• Komfortable Schnittstelle zum gleichzeitigen Testen mehrerer Seiten mit detaillierter Statistik zu den Ergebnissen;
• Die Möglichkeit, eigenen Code in das Seitenlayout einzufügen;
• Es gibt einen eingebauten Laden (Ecwid);
• Landingpage-Archivierung und schnelle Wiederherstellung sind verfügbar;
• Schaffung Backups mit 1 Klick;
• SMS mit Benachrichtigungen sind kostenlos;
• Integriert in das amoCRM-Bedienfeld;
• Einfach zu bedienender Editor;
• Responsive Vorlagen in guter Qualität, außerdem wird die getrennte Bearbeitung von Versionen für PC und Smartphone unterstützt;
• Gute technische Unterstützung.

Nachteile:

• Eine kleine Anzahl vorgefertigter Vorlagen;
• Einige vorgefertigte Abschnitte (nicht zu verwechseln mit Widgets).

Kosten pro Monat bei Zahlung für das Jahr:

1. Initial (6,15 USD / Monat) - 1 Projekt, 5 Zielseiten, unbegrenzte SMS-Benachrichtigungen, technischer Support rund um die Uhr.
2. Business (10,25 $ / Monat) - 3 Projekte, 30 Landingpages, Live-Chat mit technischem Support.
3. Fortgeschritten (17,10 $ / Monat) - 10 Projekte, 1000 Landing Pages.

Wix Landing Page Builder → Detaillierte Übersicht

Wix ist ein Website-Builder zum Erstellen reichhaltiger, abwechslungsreicher Designs und eines kompletten Satzes an Marketing-Gimmicks. Sie können eine einprägsame, einzigartige Vorlage zeichnen oder eine der vielen vorgefertigten Optionen verwenden – geben Sie Ihren Inhalt ein und die Seite ist bereit für die Veröffentlichung. Eine umfangreiche Palette von Anwendungen ermöglicht es Ihnen, Effekte, Timer, Pop-ups, Bewertungen, Integrationen in soziale Medien, animierte Besucherzähler, Geschenkkarten und schöne Formulare hinzuzufügen Rückmeldung, Abonnements sammeln, einen Termin vereinbaren usw. im Sinne der Aufgabe.

Ein reichhaltiger Satz an Widgets, eingebautem Grafikeditor, Animationen, Symbolsätzen, Bitmap-Formen und Bildlaufeffekten ermöglicht es Ihnen, eine helle Zielseite zu erstellen, die eine hohe Konvertierung fordert. Um mit dem Kundenstamm zu arbeiten, gibt es ein integriertes CRM, die Möglichkeit, das Marketing anzupassen und Mailings auszulösen, um die Ergebnisse zu analysieren - Google Analytics. Verwendung Wix-Code ermöglicht es Ihnen, einen Zeitplan für die Datenausgabe in Abhängigkeit von Tageszeit, Region und anderen Dingen einzurichten. Die Struktur der Landingpage wird durch Ankerlinks zu den Layoutbereichen umgesetzt.

Vorteile:

• Leistungsstarker Seitenlayout-Editor;
• Hohe Qualität und Vielfalt an vorgefertigten Vorlagen;
• Viele Widgets, Multimedia-Elemente auf Lager;
• Die Möglichkeit, Online-Zahlungen zu akzeptieren;
• Integriertes CRM für die Kontaktbearbeitung;
• Viele Marketing-Apps;
• Automatisieren von Seitenverhaltensskripten mit Wix Code;
• Ein vollständiges Paket von Kommunikationsanwendungen: Chat, Anrufbestellung, Mailings, Pop-ups, Kommentare, Synchronisierung mit Social-Media-Feeds und mehr;
• Möglichkeit, der Site Ihren eigenen Code hinzuzufügen: HTML / CSS, JavaScript.

Nachteile:

• Anfänger benötigen Zeit, um den Hauptteil der Funktionen des Editors zu beherrschen - er ist praktisch, aber aufgrund der Anzahl und Tiefe der Einstellungen nicht am einfachsten zu bedienen.
• Einige der nützlichen Funktionen sind nur in Form von Anwendungen verfügbar - sie sind im Editorbereich nicht standardmäßig enthalten, Sie müssen die Anwendung auswählen und aktivieren.
• Es gibt keine integrierten Tools zur Conversion-Analyse – Verkaufstrichter, A/B-Tests, Überwachung nach Region/Traffic-Quelle. Dies wird kompensiert, indem analytische Systeme an die Seite angeschlossen werden.

Kosten pro Monat bei Zahlung für das Jahr:

1. Connect Domain (123 Rubel / Monat) - Domain-Verbindung, Schlüsselfunktionalität.
2. Combo (249 Rubel / Monat) - kostenlose Domain, Entfernung von System-Copyrights.
3. Unbegrenzt (375 Rubel / Monat) - erweiterter Speicherplatz, kostenpflichtige Apps Bonus.
4. eCommerce (488 Rubel / Monat) - viel Speicherplatz, Einkaufswagen, Online-Zahlungen akzeptieren.
5. VIP (751 Rubel / Monat) - Mailinglisten plus Site-Audit von einem Wix-Experten.

LPGGenerator Landing Page Builder → Detaillierte Überprüfung

LPGenerator ist einer der leistungsstärksten spezialisierten Landingpage-Builder. Im Grunde ist es perfekter Service in deiner Nische. Die relative Komplexität des Editors wird durch die enormen Möglichkeiten zur Individualisierung des Designs und der Funktionalität der Seiten kompensiert. Über 250 professionelle Vorlagen aus 22 Kategorien. Ein durchdachter und flexibler Prozess, eine Seite von Grund auf neu zu zeichnen, Sie können den Code der Layouts manuell bearbeiten und Ihren eigenen hochladen. Auf der Landingpage befindet sich eine Produktvitrine mit Paginierung – ein hochwertiger Mini-Store.

Ein komplettes Set an Tools für Conversion-Analyse und Marketing (umfassende Statistiken, A/B-Tests, Sales Funnel, Traffic-Quellen, Conversion-Ziele, CRM, Mailings usw.) ermöglichen es Ihnen, die maximale Wirkung aus Ihren Seiten herauszuholen. Der Editor ist visuell, es gibt viele Widgets, es gibt einen praktischen Abschnittskonstruktor, die Überwachung von Seitenversionen mit Konversionsanalyse usw. Das Publikum des Systems sind Webstudios und erfahrene Entwickler. Für Neulinge gibt es die „Lead Generation Academy“ – ein leistungsstarker Kurs, der für die meisten Nutzer nützlich sein wird.

Vorteile:

• Große Auswahl an Vorlagen und die Möglichkeit, eigene hochzuladen;
• Das ultimative Toolset zur Analyse und Steigerung der Konversion;
• Unterstützung für viele Anwendungen von Drittanbietern und Synchronisierung mit Diensten;
• Integriertes hochwertiges CRM;
• Durchdachtes Schaufenster eines One-Page-Stores mit einer Reihe von Einstellungen;
• Ereignisbenachrichtigungen per SMS;
• Ein ausgezeichnetes Tutorial für Anfänger und darüber hinaus;
• Optional können Sie Dienste von Entwicklern bestellen.

Nachteile:

• Teure Paketpläne für die Profis;
• Vergleichsweise Komplexität der Nutzung - es steckt zu viel drin.

Kosten pro Monat bei Zahlung für das Jahr:

1. Basic (558 Rubel / Monat) - 1 Domain, 3 Seiten.
2. Advanced (1662 Rubel / Monat) - 5 Domänen, 50 Seiten.
3. Unbegrenzt (2799 Rubel / Monat) - alles ist unbegrenzt.
4. Corporate, White Label (11011 Rubel / Monat) - eigenes Branding für 15 Konten, verbesserter technischer Support.

UCoz Landing Page Builder → Detaillierte Überprüfung

uCoz ist eine gute Wahl für fortgeschrittene Entwickler. Damit Sie mit Code arbeiten können, gibt es einen Template-Designer, in dem es einfach ist, eine Blockstruktur einer einseitigen Seite aufzubauen. Für Anfänger ist es am besten, eine Premium-Vorlage zu verwenden, davon gibt es viele und alles ist da: schönes Design, richtige Struktur, Funktionalität (Formulare, etwas bestellen, Vitrine usw.). Darüber hinaus hilft Ihnen ein fortschrittliches Statistikerfassungssystem, die Seitenleistung zu verfolgen und zu fördern, da kontextbezogene Werbung direkt über das Bedienfeld gesteuert werden kann.

Der Editor unterstützt die Anbindung von PHP-Skripten von Drittanbietern und das Laden eigener Vorlagen. Wenn Sie Erfahrung haben, ist das Sammeln einer Landingpage eine Sache von 1-2 Abenden. Der Dienst unterstützt die Synchronisierung mit sozialen Netzwerken, Online-Chats, Formularerstellern, einem Dienstrechner und anderen nützlichen Dingen. Die Seitenanpassung erfolgt hauptsächlich durch Bearbeiten des Codes, obwohl es auch einen visuellen Editor gibt. Dies ist eine Option für diejenigen, die wissen, wie man Landing Pages gestaltet, oder für Anfänger, die eine Seite basierend auf einem Premium-Geschenkdesign veröffentlichen möchten.

Vorteile:

Nachteile:

• Relativ hohe Komplexität der Entwicklung;
• Unter den Standardvorlagen gibt es keine einseitigen Vorlagen;
• Die Notwendigkeit von Code-Ownership zumindest auf einer grundlegenden Ebene.

Kosten pro Monat bei Zahlung für das Jahr:

1. Minimum (2,39 $ / Monat) - reduziertes Banner, FTP-Zugang, 1 GB Speicherplatz.
2. Basic (4,79 $ / Monat) - Banner-Entfernung, 2 GB Speicherplatz, Premium-Unterstützung, HTTPS, Yandex.Fids.
3. Optimal (6,39 $ / Monat) - 10 GB Speicherplatz, Premium-Vorlage und kostenlose Domain.
4. Store (7,99 $ / Monat) - 10 GB Speicherplatz, Online-Shop-Modul.
5. Maximum (12,79 USD / Monat) - 20 GB Speicherplatz, Live-Chat des technischen Supports.

PlatformaLP Landing Page Builder → Detaillierte Überprüfung

PlatformaLP ist ein spezialisierter Landingpage-Builder. Etwa fünfzig coole Vorlagen, eine Reihe von Standard-Widgets sowie Profil-Widgets wie Zähler / Tabs / Dekorationen / Spoiler und ein visueller Editor, mit dem Sie die Struktur und den Inhalt jedes Seitenbereichs für Desktop- und mobile Formate separat flexibel anpassen können. Es gibt einen Korb - Sie können online verkaufen. Unterstützt HTML-Einfügung sowie die Integration von Drittanbieterdiensten - Bitrix24, amoCRM, GetResponse, RoboKassa, MailChimp, Yandex.Kassa, JustClick, Mailer, Unisender, SendPulse und LeadVertex.

Multi-Landing Pages werden unterstützt: Sie können mehrere Varianten der Landing Page zur Demonstration in verschiedenen Regionen erstellen. Die Leistung kann durch A/B-Tests gemessen werden, analytische Daten können von Google oder Yandex bezogen werden. Sie können auch die Reaktionen der Landingpage zum Verhalten des Besuchers hinzufügen - Pop-ups verschiedener Inhalte beim Verlassen der Seite, Scrollen zur Fußzeile, Wiedereintritt, Bewerbung abschicken, Formular ausfüllen usw. Das ist basierend auf der Arbeit mit Cookies (es gibt eine Nachricht zur Zustimmung zu deren Verwendung). Sie können Lazy Load für Bilder aktivieren (beschleunigen das Laden von Seiten), Animationen hinzufügen und Google Fonts verwenden.

Vorteile:

• Ein ausgezeichneter Satz von Widgets und vorgefertigten Blöcken mit verschiedenen Funktionen;
• Bequemlichkeit und Flexibilität der Abschnittseinstellung;
• Unterstützung für Mehrfachlandungen;
• Popup-Fenster für bestimmte Szenarien des Client-Verhaltens;
• Eingebauter Speicher;
• Separates Setzen von Meta-Tags für soziale Netzwerke;
• Benachrichtigungen über Bewerbungen per Mail und SMS.

Nachteile:

Monatliche Kosten:

1. Micro (490 Rubel / Monat) - 1 Domain, 1 Seite, Telegrammbenachrichtigungen.
2. Economy (790 Rubel / Monat) - 1 Domain, 10 Seiten, SSL, 100 SMS.
3. Business (1390 Rubel / Monat) - 5 Domains, 50 Seiten, Multi-Landing, A/B-Test, Integrationen, Warenkorb, Multi-User-Modus.
4. Business + (1990 Rubel / Monat) - 5 Domains, 50 Seiten, akzeptiert Zahlungen.

Erweiterungspakete für Businesspläne:

1. +390 Rubel / Monat (Business) - +5 Domains, + 50 Seiten.
2. +590 Rubel / Monat (Business +) - +5 Domains, + 50 Seiten.

Ucraft-Landingpage-Konstruktor → ausführliche Überprüfung

Ein Service, der sich gut zum Zusammenstellen von Landingpages eignet. Zwei Dutzend qualitativ hochwertige Profilvorlagen, ein praktischer visueller Editor sowie die Möglichkeit, eine Landingpage kostenlos auf Ihrer Domain zu veröffentlichen. Eine Reihe von Widgets und vorgefertigten Blöcken reicht aus, um Seiten mit einer klassischen Struktur zu veröffentlichen, und eine mäßig flexible Anpassung hilft, das Design zu dekorieren. Sie können einfach den Standardinhalt in den Vorlagenabschnitten durch Ihren eigenen ersetzen und die Seite veröffentlichen.

Unterstützte Integrationen 16 nützliche Dienste(PayPal, Google, MailChimp usw.), Standard-SEO-Einstellungen und die Annahme von Online-Zahlungen. Sie können die Lagervorlage mit den im Kit enthaltenen Designerwerkzeugen erheblich ändern. Für Anfänger ist ein Spickzettel zum Website-Fortschritt mit einer Liste von Aufgaben und Links zu den Bereichen des Control Panels nützlich, in denen sie gelöst werden. Hinzu kommen Effekte, die Möglichkeit der Teamentwicklung, die flexible Konfiguration von Schriftarten und Seitensprachen. All dies ist in einer schönen und einfachen Benutzeroberfläche verpackt.

Vorteile:

• Die Möglichkeit, eine einseitige Seite kostenlos mit Ihrer eigenen Domain und SSL zu veröffentlichen;
• Viele vorgefertigte Blöcke, responsives Design;
• Unterstützung für mehrsprachige Websites und Teamentwicklung;
• Die Möglichkeit, Online-Zahlungen zu akzeptieren;
• Eingebauter Logo-Maker, Designer-Tools;
• Ein Fortschritts-Spickzettel für Anfänger.

Nachteile:

• Mangel an integrierten Tools zum Sammeln von Statistiken und zur Analyse der Konversion;
• Fehlen einiger typischer Lande-Widgets wie z. B. eines Zählers.

Kosten pro Monat bei Zahlung für das Jahr:

1. Pro Website (₽670 / Monat) - 1 Website, mehrsprachig, Blog, SEO, Integrationen, technischer Support rund um die Uhr, Entfernung der Marke Ucraft; Hinzufügen von HTML / CSS / JS, 50 Produkte für einen Online-Shop, über 70 Zahlungs- und Liefermethoden;
2. Pro Store (₽1400 / Monat) - unbegrenzte Anzahl von Produkten, provisionsfreier Verkauf, mehrere Währungen, Echtzeit-Tracking, unbegrenzter Speicherplatz, Rabattcoupons und Mengenrabatte, Store-Verwaltung über iOS und Android, Möglichkeit zur Deaktivierung von Steuern, Umkehr der Mehrwertsteuer Gebühren;
3. Unbegrenzt (₽2600 / Monat) - völliges Fehlen eines Limits in allem, Verkauf bei eBay, Facebook, Yandex.

LPMotor Landing Page Builder → Ausführliche Überprüfung

LPMotor ist ein spezialisierter Service, der die Erstellung einer Landingpage von Grund auf, vorgefertigte Blöcke oder die Verwendung von responsiven Vorlagen (ca. 100 Stück, die Qualität ist ausgezeichnet) anbietet. Visueller Editor ermöglicht es Ihnen, jedes Element separat zu bearbeiten, Positionen anzupassen, Blöcke, Abschnitte und Abschnittsvorlagen in beliebiger Reihenfolge zu kombinieren, deren Aussehen im Detail anzupassen, Übergänge zwischen Blöcken zu erstellen (Abschrägung, Abrundung, Ecke), Effekte hinzuzufügen und einzelne Blöcke vor der Anzeige auszublenden am PC oder mobile Geräte Oh. Praktisch für Anfänger.

Es gibt ein integriertes CRM von guter Qualität, die Möglichkeit, Varianten derselben Seite zu testen (A / B-Test) und einen Auto-Sales-Funnel - eine Schnittstelle zum Einrichten automatischer Aktionen, wenn der Benutzer ein bestimmtes Szenario abschließt (ausgefüllt ein Formular - einen Brief erhalten usw.). Popup-Fenster und viele Integrationen werden unterstützt: Jivosite, VK, Facebook, MailChimp, UniSender, GetResponse, Yandex.Kassa / Money, JustClick, amoCRM, PayPal, RoboKassa, Bitrix24, Yagla und andere. Das eingebaute Statistikerfassungssystem ist anständig. Sie können den Empfang von Benachrichtigungen über Bewerbungen per SMS an Mail oder Telegram konfigurieren. Es gibt Anti-Spam.

Vorteile:

• Cooler Editor, flexible Anpassung einzelner Elemente und Abschnitte;
• Unterstützung für eine große Anzahl von Integrationen;
• Eingebauter Funnel Builder, CRM, A / B-Tests und Statistiksammlung;
• Gute Vorlagen, Anpassungen, Tools zum Erstellen von Designs von Grund auf neu;
• Möglichkeit der getrennten Bearbeitung der mobilen und Desktop-Versionen der Seite;
• Das Einfügen von HTML-Code wird unterstützt;
• Es gibt einen integrierten Shop mit Warenkorb und Online-Zahlungsannahme.

Nachteile:

• Das Deaktivieren der Signatur "LPMotor" in der Fußzeile kostet zusätzliche 600 Rubel pro Jahr für jede veröffentlichte Seite. Dies ist ein separater Service und nicht in Paketpaketen enthalten.
• Während der Arbeit können Sie die Vorlage nicht ändern;
• Der Schablone fehlt ein Countdown-Timer;
• Der automatische Trichter wird gegen eine zusätzliche Gebühr separat angeschlossen.

Kosten pro Monat bei Zahlung für das Jahr:

1. Nano (360 Rubel / Monat) - 1 Domain, 10 Sites, volle Funktionalität.
2. Mini (540 Rubel / Monat) - 3 Domains, 50 Sites;
3. Standard (720 Rubel / Monat) - 10 Domain, 100 Sites;
4. Unbegrenzt (2400 Rubel / Monat) - eine unbegrenzte Anzahl von Domains und Seiten, ohne Dienstsignatur.

Die Kosten für den Anschluss eines Autoverkaufstrichters (Testzeitraum – 7 Tage):

• Woche - 990 Rubel.
• Ein Monat - 2390 Rubel.
• Jahr - 14.990 Rubel.

Flexbe Landing Page Builder → Detaillierte Überprüfung

Flexbe ist ein Service, der entwickelt wurde, um Landing Pages nur aus vorgefertigten Blöcken zusammenzustellen. Für Anfänger geeignet. Es gibt ungefähr 20 Vorlagen, gute Qualität, adaptive Blöcke. Für jeden Abschnitt können Sie einen Satz angezeigter Elemente auswählen und das Design leicht anpassen. Vorgefertigte Abschnitte reichen aus, um eine klassische Landingpage-Struktur aufzubauen. Mehrere Schriftpaare stehen zum schnellen Wechseln zur Verfügung, es gibt Parallax- und Distanzierungseffekte, Verlaufs- und Fading-Einstellungen, Anker im Menü werden unterstützt. SSL-Verbindungen

automatisch beim Hinzufügen einer Domain. Sie können Ihren HTML-Code in die Seite einfügen.
Der Dienst unterstützt die Integration von Anwendungen von grundlegender Bedeutung (amoCRM, Bitrix24, CallbackHunter, Jivosite, GetResponse, UniSender), die Erstellung von Multi-Landings / Geolandings und stellt den Zugriff auf die API bereit. Die Annahme von Online-Zahlungen ist über Yandex.Kassa, RoboKassa und eine Tinkoff-Karte möglich. Sie können Post verbinden Google-Dienste, Mail.ru und Yandex. Darüber hinaus gibt es ein integriertes CRM- und Statistikerfassungssystem auf mittlerer Ebene. Sie können das Anzeigeformat der Seite beim Teilen in sozialen Netzwerken anpassen. Es gibt eine mobile iOS / Android-Anwendung und Popup-Einstellungen.

Vorteile:

• Extrem einfache Zusammenstellung / Konfiguration von Seiten aus vorgefertigten Blöcken;
• Eingebautes CRM, Statistiken, A / B-Tests;
• SSL automatisch verbunden;
• Schnittstelle zum Arbeiten mit Popup-Fenstern;
• Unterstützung bei der Integration wichtiger Dienste für die Landingpage;
• Benachrichtigungen per SMS und Mail über neue Bestellungen;
• Möglichkeit, Seitenadministratoren hinzuzufügen.

Nachteile:

• Knapper Satz vorgefertigter Vorlagen;
• Integriertes CRM ist so lala;
• Fehlen einzelner Elemente / Widgets (nur vorgefertigte Abschnitte);
• Grundlegende Designanpassung.

Kosten pro Monat bei Zahlung für das Jahr:

1. Ab (525 Rubel / Monat) - 1 Domain, 10 Seiten, 250 SMS, SSL.
2. Geschäft (1050 Rubel / Monat) - 5 Domains, 50 Seiten, 500 SMS, Multi / Geolanding, A / B-Tests;
3. Ultra (2100 Rubel / Monat) - Domains und Seiten sind nicht begrenzt, 1000 SMS, 5 zusätzliche. Benutzer.

Mobirise Landing Page Builder → Ausführliche Überprüfung

Mobirise - kostenloses Programm(Mac, Windows, Android), mit dem Sie Landing Pages aus vorgefertigten Blöcken zusammenstellen können. Vorlagen werden durch Erweiterungen dargestellt - bezahlte Sätze (20-40 USD) von Blöcken, die für eine bestimmte Aufgabe (Geschäft, Geschäft, Anwalt, Portfolio, Restaurant usw.) geschärft sind. Es gibt 4 kostenlose Vorlagen aus der Box. Es gibt auch Erweiterungen zum Hinzufügen von Social-Media-Integrations- und Kommentartools, Übersetzer, Soundcloud, Google Analytics, SEO-Tools und von den kostenpflichtigen - ein Icon-Pack, einen Warenkorb mit PayPal, einen Seitencode-Editor und einen Bild-Slider.

Die Menge der Blöcke (Anzahl, Struktur, Zweck) hängt von der ausgewählten Vorlage ab. Jeder Abschnitt kann angepasst werden, indem die angezeigten Elemente, Farben, Effekte, Größen und mehr ausgewählt werden. Im Allgemeinen sogar auf kostenlose Vorlage Es gibt viele Blöcke - davon gibt es mehr als genug, um eine normale Landingpage mit allen Chips zu erstellen (Bewertungen, Vorteile, Spalten, Registerkarten, Zeitleisten, Timer, Multimedia, Preis, Karte, soziale Netzwerke und alles andere). Seiten reagieren standardmäßig. Grundlegende SEO-Einstellungen sind enthalten. Um Seiten zu veröffentlichen, müssen Sie Hosting und eine Domain kaufen. Wir empfehlen Ihnen, bei allen kostenpflichtigen Erweiterungen auf die Packung zu achten.

Vorteile:

• Die Anwendung ist für die kommerzielle Nutzung kostenlos;
• Ein reichhaltiger Satz adaptiver Blöcke in der Lagerlieferung;
• Einfaches Zusammenstellen und Bearbeiten des Seitendesigns;
• Erweiterungen erhöhen den Umfang des Programms erheblich;
• Eingebaute FTP-Schnittstelle zum Hochladen / Aktualisieren von Dateien auf dem Hosting.

Nachteile:

• Es ist notwendig, ein Hosting / eine Domain separat zu mieten;
• Das Aktualisieren der Zielseite erfordert funktionierende Projektdateien auf dem PC;
• Das vollständige Fehlen von Tools zum Sammeln von Statistiken und zur Analyse der Konvertierung aufgrund des Formats des Site-Builders in Form einer Anwendung (Sie können die Seite mit externen Diensten verbinden).

Preis:

1. Die Kosten für eine Seite entsprechen dem Betrag, der für die Anmietung eines Hostings und eines Domainnamens erforderlich ist (ca. 20-30 USD / Jahr).
2. Die Kosten für das vollständige Erweiterungspaket betragen 197 US-Dollar - alle Vorlagen und Integrationen.

Schritt-für-Schritt-Aktionsplan

Der Zweck der Zielseite besteht darin, den Besucher zu interessieren und ihn dazu zu bringen, die von Ihnen geplante Aktion auszuführen. Basierend auf dieser Arbeit müssen Sie Blöcke in der Reihenfolge aufbauen, die in Ihrem speziellen Fall die maximale Wirkung erzielt. Jeder der oben genannten Zielseitenersteller kann diese Formel implementieren. Manchmal können Sie den Demo-Inhalt der Vorlage einfach durch Ihre eigenen Daten ersetzen, indem Sie gute Seite,- die Struktur dieser Entwürfe wird nicht von der Decke genommen, sie werden mit Sachkenntnis zusammengestellt.

Dennoch gibt es allgemein anerkannte Richtlinien für das Sammeln von Landingpages. Alles ist schon lange verifiziert – was funktioniert und was nicht. Obwohl Sie für jeden konkreten Fall einzeln testen müssen, um die Nuancen zu polieren, um zu glänzen (vertauschte Schaltflächen / Blöcke, Akzentfarbe, Hauptschrift, Angebotstext, die Anzahl der Felder im Formular, die Position des Blocks der sozialen Netzwerke - all das kann eine Rolle spielen, Sie müssen nach einer guten Kombination suchen). Im Allgemeinen ist das Schema zum Erstellen einer Zielseite in allen Konstruktoren ungefähr gleich:

Algorithmus zum Erstellen einer Landingpage

1. Registrierung im Konstrukteur.
2. Auswahl einer Vorlage mit passendem Thema und/oder Struktur.
3. Hinzufügen fehlender und Entfernen unnötiger Blöcke für Ihre Aufgabe.
4. Eigene Bestandsinhalte bearbeiten (Texte, Zahlen, Bilder, Links) und neu hinzugefügte Abschnitte von Grund auf neu ausfüllen.
5. Anpassung des Designs - Farben, Effekte, Schriftarten, Hintergründe, Elementformen und mehr.
6. Ausfüllen der SEO-Parameter.
7. Anbindung der notwendigen Integrationen (Zahlungssysteme, soziale Netzwerke, Mailings, Analysen, Statistiken, Live-Chat, Rückruf, etc.).
8. Zahlung für den Tarifplan und die Domain-Verbindung.
9. Veröffentlichen Sie die Seite.

Was soll es sein?

Die Art und Reihenfolge der Abschnitte ist von größter Bedeutung. Die Quintessenz ist, dass der Besucher beim Scrollen durch die Seite mit dem Wunsch infiziert werden sollte, Ihrem Angebot zu folgen. Und TU es. Welche Blöcke sollten verwendet werden, um das Ziel zu erreichen? In welcher Reihenfolge? Es gibt kein hundertprozentiges Erfolgsrezept für eine Seite aus einer Nische, aber etwas kann man festhalten:

• Hut - ein hochwertiges Bild oder Bildtelefon zum Thema, eine Überschrift, die die Essenz des Vorschlags vermittelt, ein Logo, ein Ankermenü und möglicherweise hier eine Schaltfläche (CTA - Call-To-Action, Call-to-Action). ) - abonnieren, kaufen, herunterladen, zu oder gehen.
• Der zweite Block kann ein Countdown-Timer bis zum Ende einer Aktion mit einem CTA-Button sein. Sie können auch eine Beschreibung Ihres Angebots (und danach - CTA) - Text sowie ein Bild oder Video hinzufügen. Die Reihenfolge hängt davon ab, wie klar der Inhalt des Angebots aus dem Header hervorgeht – ob es notwendig ist, das Wesentliche zusätzlich zu zeigen oder es Zeit zum Handeln ist.
• Der Block der Vorteile des Vorschlags - Schießereien. Es kann als Slider (Karussell) oder als Icons mit umfangreichen und genauen Beschreibungen der Stärken des Angebots gestaltet werden. Bessere Icons mit Textsignaturen - so werden Informationen schneller wahrgenommen, ein Durchblättern entfällt.
• Produktbilder oder -videos in einem Format, das dem Seitenstil entspricht.
• Es kann einen Timer bis zum Ende des Angebots geben (wenn es nicht ganz oben war) oder Tarife, wenn es sich um einen Service handelt. Oder eine kurze Preisliste in Registerkarten (2-5 Positionen) für Produkte. Im Allgemeinen Preise anzeigen.
• Dann können Sie einen Block mit Kundenbewertungen in Tabs oder im Karussell-Format platzieren.
• Es kann einige Zahlen geben, die die Popularität Ihres Produkts zeigen: die Anzahl der Downloads, zufriedene Kunden, Abonnements, gespartes Geld, erhaltene Vorteile (je nachdem, worüber wir sprechen), gespeicherte Kätzchen und ähnliches.
• Formular - für eine Bestellung, ein Abonnement, eine Frage oder etwas anderes.
• Die Abdeckungskarte der Geografie Ihrer Aktivität ist eine Anzeige für die Beliebtheitsskala (es ist auch ohne möglich).
• Call to Action – Eine CTA-Schaltfläche neben einer Angebotszusammenfassung, einer geeigneten Illustration oder in einem anderen geeigneten Format.
• Fußzeile mit Logo, Angebotszusammenfassung, Büroadresse, Telefonnummer, Instant Messenger, Links zu sozialen Netzwerken, der Hauptseite, einem Blog und ähnlichem.

Je nach Art Ihres Vorschlags können Sie Veranstaltungspläne, Speisekarten, Antworten auf häufig gestellte Fragen, ein Teamfoto, einen Einkaufswagen mit Vitrine usw. verwenden. Es ist wichtig, die Anatomie der Seite zu respektieren. Zum Beispiel ist die Café-Karte Teil des Angebots, sie sollte knapp über der Mitte der Seite stehen, das Teamfoto sollte näher am Footer stehen, wie die FAQ. Alles ist logisch, aber die Essenz ist dieselbe.

Dank der Designer kann jeder schnell eine Landingpage veröffentlichen, die Einnahmen generieren kann. Es ist nicht nur die Bequemlichkeit des Formats, sondern auch in anderen Nuancen: die richtigen Vorlagen, die auf die Lösung des Problems zugeschnittene Funktionalität, die Bequemlichkeit des Sammelns von Statistiken, die Verfügbarkeit von technischem Support, FAQ und anderen Dingen.

UKit, uLanding und Wix sind für die meisten Neulinge optimal - sie produzieren gute Landing Pages. Preiswert, schnell und schön. Der leistungsstärkste Profildienst ist LPGGenerator. Die folgenden PlatformaLP und LPMotor sind ihm etwas unterlegen. uCoz kann alles gut, auch Landing Pages. Ucraft ist keine schlechte Option, Flexbe ist nett und einfach, Mobirise ist nicht jedermanns Sache.

Verlassen Sie sich nicht darauf, eine vollwertige Landingpage kostenlos zu veröffentlichen. Welchen Service Sie auch wählen, zahlen Sie für einen geeigneten Tarif - dies bietet eine Reihe von Vorteilen, beseitigt Probleme und erhöht am Ende die Konversion. Es gibt kein Universalrezept für eine perfekte Seite, aber Sie können eine gewichtete Durchschnittsstruktur anstreben und gute Gewinne erzielen.

Victoria Kuchinova

Das Hauptproblem der meisten modernen Landing Pages besteht darin, dass sie alle wie Durchschriften aussehen. Und wo ist Kreativität, Feuer, wo ist der Wahnsinn des Designs?

In dieser Sammlung habe ich interessante Chips und ungewöhnliche Effekte gesammelt. Einige davon wurden von den Entwicklern und Webdesignern von Texterra erstellt, andere wurden im Internet gefunden. Nicht ohne Beispiele für ekliges Design und regelrechte Shiza – am Ende des Artikels treffen Sie auf einen Killerhamster und eine Schneewittchen mit Eimer.

Schauen Sie, lassen Sie sich inspirieren, setzen Sie Ihre Lieblingsideen in die Tat um, mischen Sie sie mit Ihren eigenen und vergessen Sie nicht, A/B-Tests durchzuführen – das ist das einzig richtige Rezept, um Killer-Landingpages zu erstellen.

Und vor allem bedenken Sie, dass eine Landing Page kein autarkes Tool ist. Qualitativ hochwertiger Traffic wird für Conversions, Leads und Sales benötigt. Und es ist schwierig, es ohne umfassende Werbung zu bekommen.

Erweitertes Formular

Normalerweise verwenden einseitige Seiten ein Standard-Antragsformular mit mehreren Feldern. In den meisten Fällen muss der Kunde Kontaktinformationen angeben - Vor- und Nachname, E-Mail oder Telefonnummer. In einigen schwierigen Bereichen ist es jedoch besser, das Thema genauer zu erweitern. In Texterra wurde es so gemacht: In Form einer Landingpage auf dellservers.ru kann ein Client ein Modul, Parameter und Serveraufgaben auswählen. Kann Werte zurücksetzen, wenn etwas schief geht.

Wofür ist das? Der Inhaber der Landingpage bekommt seine Leads trotzdem - auch wenn das Formular nur zwei oder drei Felder enthält. Aber der Kunde wird daran interessiert sein, tiefer zu graben. Bestellen Sie nicht nur, sondern wählen Sie selbst Ihre eigene Option.

Zwei STA-Tasten

Auf der Landingpage des Aufgabenplaners wunderlist.com/ru gibt es zwei Calls to Action, die sich gegenseitig verstärken: „Create a free Konto"Und" Wunderlist herunterladen ". Nutzer klicken auf beide Links, die Conversions steigen und die Landingpage macht ihren Job perfekt.

Konkrete Zahlen (Ergebnisse)

Das ist nicht neu, aber es funktioniert immer noch. Zeigen Sie Ihren Kunden, was Sie in Zahlen erreicht haben: Das ist klarer als die abstrakten Phrasen „Wir sind die Besten“, „Wir haben Hunderte von abgeschlossenen Projekten“ und so weiter. Schauen Sie sich die Landingpage smartprogress.do an: Sie sehen sofort, wie viele Personen dem Projekt bereits beigetreten sind, wie viele Ziele sie sich gesetzt und wie viele Erfolge sie erreicht haben.

Personalisierung

Faceless Template Landing Pages - brr, was könnte langweiliger sein! Beleben Sie Ihre One-Page-Seite, fügen Sie Feuer hinzu, wecken Sie das Interesse Ihrer potenziellen Kunden. Auf der Seite der Dienstleistungen von Texterra zur Erstellung von Websites gibt es beispielsweise Fotos von Mitarbeitern, die direkt daran beteiligt sind. Ein Besucher tritt ein und sieht: Ja, meine Ressource wird nicht von abstrakten Entwicklern besetzt, sondern von ganz lebenden Svyatoslav, Polina, Artem und anderen.

Komfortables Antwortformular

Auf vielen Zielseiten und Websites können Sie eine Frage nur über ein Formular stellen. Und das heißt, Sie müssen Ihren Vor- und Nachnamen angeben, Ihre Telefonnummer hinterlassen und Email... Manchmal muss man sogar Captchas und Codes eingeben – Horror! Es ist klar, dass dies geschieht, um Leads zu erhalten. Aber es gibt noch eine andere Möglichkeit - wie auf der Landingpage "Cerebro Target". Wenn Sie bei VKontakte registriert sind, müssen Sie nichts ausfüllen - nehmen Sie es einfach und schreiben Sie es. Sowohl der Kunde fühlt sich wohl, als auch der Besitzer ist gut - der Kontakt bleibt bestehen, Sie können weiterarbeiten.

Kundenbewertungen

Sie können Kunden bitten, ihre Eindrücke zu teilen und die erhaltenen Texte auf der Zielseite zu veröffentlichen. Der Haken ist jedoch, dass der Besucher in keiner Weise nachprüft - dies sind echte Bewertungen oder gefälschte. Gehen Sie lieber weiter und überzeugen Sie die Besucher davon. Auf der von Texterra entwickelten Landingpage huskypark.info werden die Worte von Kunden von Instagram mit Links zu ihren Konten zitiert. Alles ist fair - gehen Sie und sehen Sie.

Demonstration der Ergebnisse

3D-Grafik und Augmented Reality

Landingpage erstellt für die Qubi-App. Dies ist ein Spiel für Kinder ab 3 Jahren und Erwachsene. Die Essenz des Spiels ist einfach. Im ersten Schritt klebt der Benutzer einen echten Papier-, Karton- oder Holzwürfel nach dem vorgeschlagenen Schema.

Dann installiert er die Anwendung, öffnet sie auf seinem Smartphone und „schaut“ durch die Kamera des Geräts auf den Würfel.

Auf dem Bildschirm eines Smartphones oder Tablets erwacht der Würfel zum Leben. Der User spielt eine dreidimensionale Version von "Snakes", "2048", "Labyrinth". In diesem Fall müssen Sie das Spiel mit einem echten Würfel steuern. Um den Cube mit zwei Händen zu bedienen, benötigen Sie einen speziellen Smartphone-Ständer, den Sie selbst zusammenbauen können.

Das dreidimensionale Modell des Würfels ist in der Abbildung (gif) zu sehen.

Was der Kunde wollte

Der Kunde bat darum, eine Landingpage zu erstellen, die das Merkmal des Spiels hervorhebt: die Verwendung von dreidimensionaler Augmented Reality. Insbesondere wollte er die Wirkung der sich bewegenden Kanten eines dreidimensionalen Würfels sehen, dessen aktive Kante auf dem Bildschirm des Besuchergeräts eingeschrieben ist.

Was haben wir getan

Wir haben 3D mithilfe von CSS3 3D-Transformationen implementiert. Die Übergänge zwischen den Würfelflächen erfolgen mit reinem JavaScript mit Drag-and-Touch-Event-Tracking. Dank der ungewöhnlichen Übergänge zwischen den Bildschirmen bekommt der Benutzer ein Gefühl für die Dreidimensionalität des Bildschirms. Dies gilt insbesondere für die Arbeitsversion der Landing Page.

Für die endgültige Version der Landingpage haben wir eine realistischere Version des Würfels erstellt. Im Gegensatz zur Arbeitsversion erfolgt die Drehung des Würfels in der letzten Version von außen, nicht von innen. Das dreidimensionale Erlebnis wird durch Headline-Animationen verstärkt.

Die Landingpage ist vollständig responsiv.

Interaktive Auswahl an Innen- und Möbelfarben

Die Originalität der Landingpage "DSK.Color" ist die Möglichkeit, die Farbe von Möbeln und Einrichtungsgegenständen mithilfe einer interaktiven Palette selbstständig auszuwählen.

Die Firma DSK.Color lackiert jede Oberfläche in verschiedenen Farben. Sie können die Lackierung von Möbeln, Haushaltsgeräten, Fahrrädern, Musikinstrumenten und anderen Artikeln bestellen. Der Kunde kann jede Farbe wählen.

Die am meisten nachgefragte Dienstleistung ist das Lackieren von Möbeln und Einrichtungsgegenständen. Es macht etwa 80 % der Arbeit des Kunden aus.

Was der Kunde wollte

Der Kunde bat darum, eine helle und einprägsame Landingpage zu erstellen, "mit der Aufforderung, alles drumherum zu malen". Er hatte Ideen, 3D-Bilder von Möbeln zu machen, damit der Besucher "das gemalte Objekt aus verschiedenen Blickwinkeln sehen und drehen kann".

Was haben wir getan

Wir boten dem Kunden eine Idee: Dem Besucher die Möglichkeit zu geben, die Farbe von Möbeln und Einrichtungsgegenständen selbstständig zu wählen.

Dazu bot die Landingpage ein Bild eines Raumes, in dem der Besucher die Hauptobjekte mit einer sich per Klick öffnenden Palette malen kann. Basierend auf den ausgewählten Farben und Objekten kann der Benutzer die Kosten für Dienstleistungen berechnen. Der erste Prototyp sah so aus.

Dem Kunden gefiel die Idee sehr gut, also haben wir einen funktionierenden Prototyp der Landingpage erstellt. Darauf sah der Hauptteil schon so aus.

Wir haben mit dem Kunden vereinbart, die Möglichkeit zu lassen, den Tisch, die Stühle, die Tür und das Küchenset zu bemalen. Dies sind die wichtigsten Artikel, die das Unternehmen malt.

Nach der Einigung auf den Prototypen schlossen sich der Designer und der Layouter der Arbeit an. Der erste malte alle Elemente in svg (dies ist ein Grafikformat). Der zweite Satz und fügte den SVG-Bereichen eine Farbpalette hinzu. Danach haben wir ein modales Fenster implementiert. Mit seiner Hilfe kann der Benutzer die Farben und Objekte überprüfen und eine Anfrage für den Service senden.

Ausgefallene und gängige Preloader

Mit einem Preloader oder Spinner können Sie jede Zielseite bequemer und optisch ansprechender gestalten. In diesem Abschnitt sprechen wir über Preloader und sehen uns Beispiele dieser Elemente an, die von den Texterra-Spezialisten erstellt wurden.

Was ist ein Preloader und welche Aufgaben löst er

Preloader oder Spinner ist ein Zeichen, das auf dem Bildschirm erscheint, bevor die Seite geladen wird. Diese Elemente sehen Sie jeden Tag, wenn Sie im Internet surfen. Unten sehen Sie ein Beispiel für einen Preloader.

Der Preloader löst ein praktisches Problem: Er informiert den Nutzer, dass die Seite geladen wird, und ersetzt zudem das optisch unschöne Ladebild. Dies muss geklärt werden.

Aufgrund der technischen Eigenschaften von Browsern werden die Seiten von Websites ungleichmäßig geladen. Beim Laden kann das Layout "schweben". Wird die Seite für einige Sekunden und nicht für den Bruchteil einer Sekunde geladen, sieht der Nutzer eine Zeit lang ein unschönes Bild.

Preloader werden mit Standard-Frontend-Entwicklungstools implementiert: HTML, CSS, JavaScript und zusätzliche Bibliotheken und Frameworks, zum Beispiel jQuery, React.

Wie wir Landingpages mit Preloadern verbessern

Wir erstellen einzigartige Preloader, auch animierte. Hier sind einige unserer Arbeiten.

• Qubi

Für die Qubi-Landingpage haben wir einen Preloader erstellt, der das Navigationsmenü wiederholt. Dadurch kann der Benutzer verstehen, wie die Seite manipuliert wird, bevor sie geladen wird.

• Levellen

Auf der Website von Levellen Interiors haben wir einen Preloader in Form eines Firmenlogos verwendet. Dies ist ein zusätzliches Element des Brandings der Site.

Die Landingpage informiert über die Anmietung von Räumlichkeiten im Business Center. Das Hauptgeheimnis der Landingpage liegt im Abschnitt "Büros". Hier kann der Nutzer die Verfügbarkeit freier Büros auf jeder Etage des Gebäudes einsehen.

Wenn Sie mit der Maus über ein freies Büro fahren, erscheint die Schaltfläche "Details".

Durch Klicken auf die Schaltfläche wird der Benutzer auf eine Seite mit Informationen über das Büro und seine Fotos geleitet. Auf dieser Seite können Sie eine Anfrage für die Anmietung von Räumlichkeiten hinterlassen.

Implementierungsfunktionen

Unser Designer zeichnete die Formen der Büroräume, die Zeichnungen wurden im SVG-Format erstellt. Diese Zeichnungen werden den Grundrissen überlagert. Wenn der Site-Administrator im Control Panel feststellt, dass das Büro frei ist, beinhaltet das Skript die Anzeige des Bildes auf dem Plan und die Möglichkeit, auf die Seite mit Informationen und Bestellformular zu gehen. Wenn der Administrator feststellt, dass das Büro beschäftigt ist, schaltet das Skript das Bild der Figur auf dem Plan aus.

Das eigentliche Design

In diesem Beispiel gibt es keine komplizierten technischen Tricks und Designeffekte - die gesamte Landingpage zeigt ein wunderschönes Bild: Hintergrund, Farben, köstliche Fotos von Astrachan-Kaviar. Eine Seite astrahancaviar.ru– gutes Beispiel wie das Produkt dank des Designers gekauft werden möchte. Und iss es sofort!

Schließlich zum wunden Punkt - ein paar Beispiele für schreckliche Landingpages. Im Gegensatz dazu Facepalm, kraftlose Agonie und so weiter. Ich werde nicht beschreiben, was mit ihnen nicht stimmt - ich schlage vor, dass Sie diese Probleme selbst lösen. Ita-a-ak ...

Grüße, meine lieben Leser. Heute werden wir über die technischen Punkte sprechen, mit deren Hilfe wir uns steigern können Umsatzumwandlung ihre Waren oder Dienstleistungen. Einer der wichtigen Punkte ist eine durchdachte Landingpage mit Produkten. Die sogenannte Landing Page, über deren Erstellung wir weiter sprechen und vorgefertigte Seitencodes erhalten.

Was ist eine Landingpage? Dies ist die Seite, auf die Benutzer normalerweise gelangen, nachdem sie auf eine Anzeige geklickt haben. Erstellt für ein Angebot: ein Produkt, eine Dienstleistung oder ein Abonnement. Eine effektive Landingpage ist der Grundstein für erfolgreiches Internetmarketing. Das Produkt mag das beste auf dem Markt sein, die Anzeigen sind perfektioniert, aber ohne eine gute Zielseite liefern die Bemühungen nicht 100% des Ergebnisses. Sie erklärt den Besuchern, was angeboten wird und warum sie es wollen sollten. Ein Gefühl der Dringlichkeit trägt zu einer schnellen Entscheidungsfindung und dem Übergang des Benutzers in die Kategorie eines Kunden bei.

Wie erstelle ich eine Landingpage? Es ist falsch zu glauben, dass die Antwort in der Fähigkeit zum Satz liegt. Eine gute Landingpage ist das Ergebnis einer gut koordinierten Arbeit an Zielen, Text, Design und Code. Landing Pages, von denen im Folgenden Beispiele aufgeführt werden, helfen Anfängern, die Grundlagen der Arbeit mit Layout zu erlernen, ersetzen jedoch nicht Konvertierungstexte und das Verständnis der Zielgruppe. Sie können sie auch mit verschiedenen erstellen Konstruktoren Landingpage.

Bevor Sie also Ihre Landingpage erstellen, fragen Sie sich:

• Was wird eine Person tun, nachdem sie die Zielseite erreicht hat? Wird er etwas kaufen? Füllen Sie das Formular aus? Abonnieren Sie den Newsletter? Setzen Sie sich klare Ziele, bevor Sie Ihre Conversion-Rate verfolgen.
• Wer sind meine Konkurrenten? Tatsächlich sind dies drei Fragen: Wer, wie erfolgreich sind sie und wie können ihre Leistungen angewendet werden? Nachahmung ist die aufrichtigste Form der Schmeichelei. Wenn Konkurrenten tun, was funktioniert, wiederholen Sie dies auf Ihrer Website.
• Wer ist mein Publikum? Je besser Sie Ihre Nische und Ihr Zielpublikum verstehen, desto größer sind die Chancen, dass sich Ihre Bemühungen auszahlen.

Sie müssen alle Informationen bereitstellen, die Sie benötigen, aber nicht genug, um einen potenziellen Kunden zu überfordern und zu vertreiben.

Beispiele für die Erstellung einer Landingpage + Codierung für Dummies

Bevor wir zur Sache kommen, werfen wir einen kurzen Blick auf HTML und CSS. Wenn Sie wissen, wie sie funktionieren, können Sie eine Zielseite erstellen.

Html- Browser-Markup-Sprache für die Website-Visualisierung. Geschrieben mit Tags in spitzen Klammern, die den Inhalt definieren.

Das Tag öffnet sich (<>) und schließt () um die Füllung:

<тег>Inhalt

Zur punktgenauen Anpassung werden dem Namen folgende Attribute hinzugefügt:

<тег атрибут="значение">Inhalt

CSS - definiert, wie HTML-Elemente angeordnet werden. Besteht aus Selektoren, Eigenschaften und Werten:

# Selektor (Eigenschaft: Wert;)

Der Selektor stimmt mit dem Namen eines bestimmten Tags in HTML überein. Das Ändern von Werten und das Hinzufügen von Eigenschaften steuert das Erscheinungsbild. Sie können verschiedene Seiten erstellen, indem Sie verschiedene CSS-Stile auf denselben HTML-Code anwenden.

5 erste Schritte

Für ein schnelles Layout verwenden wir eine Vorlage mit minimalem Design basierend auf Bootstrap. Es ist ein System mit eigenen Selektoren, das weltweit verwendet wird, um das Layout zu beschleunigen.

Sieht bescheiden aus.

In mehreren Etappen entsteht aus diesem Fisch ein Ort für jeden Geschmack.

Verzeichnisstruktur im Ordner:

• index.html: Dies ist die Hauptdatei, die wir bearbeiten werden.
• /assets: Hilfsdateien befinden sich hier:
• / css: Verzeichnis enthält Bootstrap- und Symbolstile. Die zu bearbeitende Datei ist main.css.
• / img: Ordner für Site-Images.
• /fonts: Symbolfonts.
• /js: Javascript-Dateien für Bootstrap.

Schritt 1: Verwenden der Kopfzeile

Die Überschrift und die Zwischenüberschriften sind wichtige Punkte, um den Wert des Angebots klar zu vermitteln.

Lassen Sie uns den Titel und den Namen der Site ändern. Hier ist keine Satzfähigkeit erforderlich - Ihr Text wird an den gelb markierten Stellen auf dem Bildschirm geschrieben.

Schritt 2. Kürze ist die Schwester der Bekehrung. Hinzufügen von Vorteilen und Tarifen

Es dauert 4 Abschnitte:

• Leistungen;
• Preise;
• Bewertungen;
• Aufruf zum Handeln.

Lassen Sie uns den „Haupt“-Abschnitt des Hauptinhalts entwerfen, in den wir die erforderlichen Abschnitte einfügen:

…..
…..
…..
…..

Mit Füllung statt Punkten ausfüllen.

Der Abschnitt "Vorteile" erfordert diesen Code:

Vorteile

Schnell

Sicher

Sed diam nonummy

Profitabel

Elit, sed diam nonummy

Technisch

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

Sicher

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

Profitabel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

Technisch

Lorem ipsum dolor sit amet, consectetuer adipiscing

Sicher

Lorem ipsum dolor sit amet, consectetuer adipiscing

Profitabel

Lorem ipsum dolor sit amet, consectetuer adipiscing

Inhalt zur Verdeutlichung:

Es sieht zwar schlampig aus, aber es besteht kein Grund zur Panik, wir machen weiter.

Wir schreiben die Preise vor. Der Inhalt ändert sich wie im ersten Schritt. allgemeine Beschreibung mit Klasse „Tarife“ und drei Tarifen.

Tarifpläne

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Tarifnummer 1

$10

pro Monat / pro Person

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit


• Lorem ipsum dolor


• 10 Lorem ipsum

Bestellen

Tarif Nr. 2

$20

pro Monat / pro Person

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit


• Lorem ipsum dolor


• 10 Lorem ipsum

Bestellen

Tarifnummer 3

$30

pro Monat / pro Person

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit


• Lorem ipsum dolor


• 10 Lorem ipsum

Bestellen

Sieht so aus.

Wir sind zwar nicht am Erscheinungsbild der zukünftigen Zielseite interessiert, aber wir werden unten Beispiele für sich ändernde Stile betrachten.

Schritt 3: Vertrauenssignale und Aufruf zum Handeln

Durch gezielte Signale wird den Besuchern signalisiert, dass die Marke vertrauenswürdig ist. Signale können verschiedene Formen annehmen, aber die Klassiker sind Kundenrezensionen.

Kundenbewertungen

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo:

„Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."

„Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."

Lassen Sie uns einen Call-to-Action einrichten.

Profitieren Sie bei der Bestellung heute

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat:

Jetzt bestellen!

Bewertungen helfen potenziellen Kunden bei der Entscheidung, ein Produkt zu kaufen. Aus Gründen der Übersichtlichkeit benötigen wir Avatare, daher werden wir sie sofort an Ort und Stelle schreiben - unter jedem Zitat.

Schritt 4: Netzintegration und mobilfreundlich

Wir brauchen Bootstrap-Container, um das Grid zu injizieren. Es ist wichtig, sich die Gesamtzahl der erlaubten Spaltensegmente zu merken - 12. Die Klasse bestimmt die Breite der Inhaltsanzeige. Der Vorteil dieses vorgefertigten Grids besteht darin, dass Container reaktionsschnell konzipiert und sofort auf mobile Geräte anwendbar sind. Detaillierte Beschreibung auf der offiziellen Seite. Das Gitter sieht so aus.

Wir werden den Inhalt von "main" in einen Container packen. Dazu steht es in seinem oberen Teil:

.

Wenn Sie möchten, dass der Block die volle Breite des Bildschirms ausfüllt, wird der Container darin eingefügt. Hier wird es ein Jambotron und ein Aufruf zum Handeln sein.

Alle Elemente, die übereinander positioniert werden müssen, umhüllen wir mit Zeilentrennern.