{"id":7371,"date":"2016-03-17T09:36:31","date_gmt":"2016-03-17T09:36:31","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=7371"},"modified":"2020-04-02T13:28:20","modified_gmt":"2020-04-02T13:28:20","slug":"passe-deine-landing-page-in-einem-rutsch-an","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/passe-deine-landing-page-in-einem-rutsch-an\/","title":{"rendered":"Passe Deine Landing Page in einem Rutsch an!"},"content":{"rendered":"

Was muss man alles tun als ein technisch nicht versierter User, um eine benutzerdefinierte Landeseite auf die Beine zu stellen? Wenn Ihr nicht in die Abh\u00e4ngigheit von mehreren Menschen geraten m\u00f6chtet, die daf\u00fcr zust\u00e4ndig sind (Webdesigner, Codierer, Programmierer usw.), testet gern unsere 5 neue Landing Page Vorlagen mit einem <\/strong>Drag-and-Drop-Builder<\/strong>, um benutzerdefinierte Designs in einer halben Stunde zu erstellen.<\/p>\n

In erster Linie sind diese funktionsreichen Landeseiten mit Drag-and-Drop-HTML-Editor<\/strong> f\u00fcr den Endanwender gedacht, dem HTML oder CSS<\/em> Wissen fehlt. Es gibt keine Notwendigkeit, sich mit dem Backend zu besch\u00e4ftigen - die Anpassung findet nur im Frontend statt. Neben dem Endanwender werden auch professionelle Entwickler diese Vorlagen n\u00fctzlich finden, da sie den gesamten Prozess auf ein Minimum reduzieren.<\/p>\n

Also, was ist der HTML-Builder<\/strong> \u00fcberhaupt? Dieser raffinierte Customizer ist mit HTML, CSS, JavaScript<\/em> gebaut und eine einzige PHP-Datei soll das Markup exportieren, das Ihr erstellt habt. Sobald Ihr sein Admin-Panel betritt, werdet Ihr ein Burger-Men\u00fc mit verschiedenen vordefinierten Bl\u00f6cken auf der linken Seite sehen. Sie k\u00f6nnen diese Bl\u00f6cke auf dem Canvas durch Ziehen und Ablegen bewegen, ihre Position auf die gleiche Weise \u00e4ndern und in einem Rutsch einzeln oder alle l\u00f6schen. Was die Bearbeitung abgeht, k\u00f6nnt Ihr Links, Bilder, Videos, Symbolen, Titel, Text<\/em> und einige andere Elemente anpassen,<\/p>\n

Nun lasst uns die Typen von vordefinierten Bl\u00f6cken und Styling-Optionen<\/strong> erkunden, die Ihr beim Aufbau Ihrer Landeseite benutzen k\u00f6nnt. Denkt bitte daran, dass ihre Zahl in jeder Vorlage variiert. Ihr k\u00f6nnt alle zur Verf\u00fcgung stehenden Bl\u00f6cke verwenden, um eine lange, informative Seite zu bauen oder nur einige von ihnen, um es k\u00fcrzer zu halten. Es liegt an Euch.<\/p>\n

\n

Intro-Bl\u00f6cke<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Die Landeseite Vorlagen mit Drag-and-Drop-Builder<\/strong> bieten 5 bis 7 Intro-Blocklayouts, die Ihr abh\u00e4ngig vom Euren Ziel w\u00e4hlen k\u00f6nnt. Es gibt elegante M\u00f6glichkeiten, die Aufmerksamkeit der Kunden auf Produktdetails zu lenken, sie zu motivieren, einen Newsletter zu abonnieren, ein Gef\u00fchl der Dringlichkeit mit einer Countdown-Funktionalit\u00e4t verursachen, usw.<\/p>\n

* * *<\/p>\n

Navigationsbl\u00f6cke<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

In Bezug auf die Navigation k\u00f6nnt Ihr 3 bis 11 Varianten w\u00e4hlen, abh\u00e4ngig davon, welche Vorlage Ihr verwendet. Es stehen transparente, farbige, dunkle und helle Hintergr\u00fcnde zur Auswahl. Der Navigationsblock Eurer Landeseite kann auch das Logo Eures Unternehmens, Men\u00fcpunkte,\u00a0 Social-Media-Icons oder Registrierungstaste enthalten.<\/p>\n

* * *<\/p>\n

Besondere Eigenschaften und Funktionsbl\u00f6cke<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Damit Ihr die Vorteile und Eigenschaften\u00a0Eurer Produkte hervorheben k\u00f6nnt, bieten diese Vorlagen 5 bis 11 verschiedene Layouts. Ordnet die Informationen in einer Zeile oder Spalte (n), versorgt sie falls n\u00f6tig mit Icons, erw\u00e4hnt die Titel oder erg\u00e4nzt sie sogar mit kurzen Beschreibungen - die Optionen sind wirklich unbegrenzt. Dar\u00fcber hinaus k\u00f6nnt ihr den Hintergrund sauber lassen oder ein Bild darauf hinzuzuf\u00fcgen.<\/p>\n

* * *<\/p>\n

Call-to-Action-Bl\u00f6cke<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Es gibt 5 bis 8 Varianten f\u00fcr den Aufbau eines Call-to-Action-Blocks. CTA-Tasten zum Thema Kunden-Feedback oder Aufruf zu einem Kauf k\u00f6nnen entweder farbig oder transparent dargestellt werden. Ihr k\u00f6nnt wahlweise nur Beschriftungen oder ein paar Zeilen von inspirierendem Text hinzuf\u00fcgen. Einige vordefinierte Layouts stellen Kontaktdaten auch dar. Dar\u00fcber hinaus kann der CTA-Block Eurer Landeseite einen bunten Hintergrund oder ein Bildhintergrund haben.<\/p>\n

* * *<\/p>\n

Allgemeine Inhaltsbl\u00f6cke<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Diese Vorlagen kommen mit 5 bis 11 Layouts zum Aufbau eines allgemeinen Inhaltsblocks. Ihr k\u00f6nnt die wichtigsten Prinzipien Eures Unternehmens kompakt in Listen, Akkordeons etc. anzeigen lassen. Es gibt auch Karussells, mit denen Ihr die Mitglieder Eures Teams vorstellen und zuk\u00fcnftige Ereignisse enth\u00fcllen k\u00f6nnt. Einige Bl\u00f6cke verf\u00fcgen \u00fcber ein Split-Layout, mit dem Ihr die Aufmerksamkeit gleichzeitig auf zwei Inhaltstypen lenken k\u00f6nnt.<\/p>\n

* * *<\/p>\n

Farbenbox-Typen<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Um Eure Inhalte anzuzeigen, k\u00f6nnt ihr aus 3 bis 4 Farbenbox-Typen w\u00e4hlen, die in 2 bis 4 Abschnitte aufgeteilt sind. Einige von ihnen verf\u00fcgen \u00fcber bunte Hintergr\u00fcnde und Bildhintergr\u00fcnde, Beschriftungen, kleine Texte w\u00e4hrend andere eher minimal aussehen und nur Icons und Titel enthalten.<\/p>\n

* * *<\/p>\n

Galeriestile<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Stellt Eure Projekte in einer von 2 bis 5 quadratischen Galerien, die zur Verf\u00fcgung stehen. Ihr k\u00f6nnt Beschreibungen oberhalb der Bilder setzen, sie darunter anzeigen lassen oder \u00fcberhaupt ohne Text pr\u00e4sentieren. Die Bilder k\u00f6nnen in 1 bis 2 Reihen oder in 2 bis 3 Spalten angeordnet werden.<\/p>\n

* * *<\/p>\n

Formularbl\u00f6cke<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Mit diesen Vorlagen bekommt Ihr 6 bis 8 Bl\u00f6cke f\u00fcr Registrierungs-, Kontakt- und Anmeldeformulare. Als Hintergrund eines Formularblocks k\u00f6nnt Ihr mehrere Stilen w\u00e4hlen\u00a0 dunkel, hell, bunt etc.). Einige Block-Funktionen haben nur ein Formular, w\u00e4hrend andere auch mit zus\u00e4tzlichen Details wie soziale Symbole, Z\u00e4hler, Textabsatz usw. kommen.<\/p>\n

* * *<\/p>\n

Partner-Bl\u00f6cke<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Stattet Eure Landeseite mit einem Partner-Block aus, um einen seri\u00f6sen Look zu kreieren. Ihr k\u00f6nnt aus 2 bis 3 Varianten w\u00e4hlen (zwei Reihen von Logos mit Linien aufgeteilt, zwei Zeilen ohne Linien und eine einzige Zeile).<\/p>\n

* * *<\/p>\n

Preisbl\u00f6cke<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Ihr k\u00f6nnt die Preispolitik des Unternehmens in Kreisen oder in Tabellen anzeigen. Letzteres kann zeigen, was jedes Paket enth\u00e4lt, was einen leichteren Vergleich erm\u00f6glicht. In Bezug auf die visuelle \u00c4sthetik, k\u00f6nnt Ihr Euch f\u00fcr farbige, wei\u00dfe und unscharfe Bildhintergr\u00fcnde entscheiden. Es gibt 3 bis 6 Preisblock-Stile, die in diesen\u00a0 Landeseite Themes mit Drag-and-Drop-HTML-Editor zur Verf\u00fcgung stehen.<\/p>\n

* * *<\/p>\n

Z\u00e4hler<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Zahlen z\u00e4hlen<\/span> als\u00a0 leistungsstarke<\/span> Elemente<\/span> in der Psychologie des<\/span> Webdesigns<\/span>.<\/span> Also macht <\/span>Gebrauch<\/span> von dynamischen<\/span> Z\u00e4hlern<\/span>, um Eure Kunden mit neugierigen<\/span> Statistiken<\/span> zu beeindrucken.<\/span> Ihr k\u00f6nnt<\/span> aus 4-5<\/span> Layouts w\u00e4hlen<\/span>, wo<\/span> Z\u00e4hler<\/span> mit unterschiedlichen <\/span>Stilen und<\/span> Hintergrundbildern kommen.<\/span><\/span><\/p>\n

* * *<\/p>\n

\u00a0Bewertungsbl\u00f6cke<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Vermittelt mehr Glaubw\u00fcrdigkeit Eurer Zielseite mit Hilfe von Bewertungen. Jede Vorlage bietet 3 bis 4 Layouts zum Ausprobieren. Es ist m\u00f6glich, Bewertungen in mehreren Spalten zu organisieren oder sie eins nach dem anderen in einem Karussell anzeigen zu lassen. Sie k\u00f6nnen auch in Boxen eingerahmt werden, um ein Gef\u00fchl der Struktur dem gesamten Block zu verleihen. Die Autoren der Bewertungen kommen mit einem Namen, Positionen und Fotos. Optional k\u00f6nnt Ihr das Layout ohne ihre Fotos verwenden, wenn Ihr m\u00f6chtet.<\/p>\n

* * *<\/p>\n

Footerstile<\/strong><\/h3>\n

\"drag-and-drop<\/p>\n

Der letzte Schliff Eurer Landeseite ist ebenso wichtig wie ihre Einleitung. Die Vorlage bietet eine Vielzahl von Footerstilen, mit deren Ihr die effektivste M\u00f6glichkeit f\u00fcr Euer Projekt w\u00e4hlen k\u00f6nnt. Am unteren Ende der Landeseite k\u00f6nnt Ihr Eure Adresse, Telefonnummer, E-Mail, Arbeitszeiten und Links zu euren sozialen Konten hinzuf\u00fcgen. Statt Kontaktdaten k\u00f6nnen Ihr auch eine interaktive Karte powered by Google Maps-API verwenden. Wenn Ihr die Kontakte mit der Karte verkn\u00fcpfen m\u00f6chtet, ist eine solche M\u00f6glichkeit auch vorhanden. Den Hintergrund k\u00f6nnt Ihr abh\u00e4ngig von der Vorlage dunkel, hell oder bunt halten.<\/p>\n

* * *<\/p>\n

Und nun kommen die Landeseiten mit deren Funktionslisten.<\/p>\n

Responsives Landing Page Template f\u00fcr Handy-Reparaturservice<\/a><\/h3>\n

\"drag-and-drop<\/a><\/p>\n

Demo<\/a> | Mehr Info<\/a><\/p>\n