Zum Inhalt springen
Dokumentation

Landingpage von Hand

Installiere UI Blocks, lege ein Layout an und baue eine komplette Landingpage Block für Block, ohne KI und ohne Code.

Nicht jede Seite braucht einen KI-Assistenten. Mit dem Plugin UI Blocks baust du eine komplette Landingpage selbst: Block auswählen, Felder ausfüllen, speichern. Jede Überschrift, jedes Bild und jeder Button lässt sich später im selben Panel wieder ändern.

Lieber erst zuschauen? Hier ist der ganze Ablauf in unter fünf Minuten (auf Englisch):

Voraussetzungen

Du brauchst eine Neleto-Seite, deren Ersteinrichtung abgeschlossen ist. Falls du noch keine hast, bringt dich die Einrichtung in ein paar Minuten dorthin. Dein Benutzer braucht die Rolle developer oder admin, um Plugins zu installieren und Components zu verwalten.

UI Blocks installieren

Öffne im Admin-Bereich Plugins und klicke auf Store. Such ui-blocks und installiere es. Nach einem Moment erscheint es in deiner Plugin-Liste mit dem Status running. Das machst du nur einmal pro Seite. Mehr zu Plugins: Plugins.

Components hinzufügen

UI Blocks bringt seine Blöcke als Component-Vorlagen mit. Geh zu Developer-tools → Components, klick auf + New from template und füge die Vorlagen hinzu, die diese Seite verwendet:

  • Navigation und Footer für das Layout
  • Hero, Stats und Feature Grid für die Seite
  • Section und Text element für längeren Text

Mehr zu Components: Components.

Layout anlegen

Ein Layout enthält alles, was sich alle Seiten teilen. Geh zu Layouts, leg ein neues Layout an und gib ihm einen Namen. Ein neues Layout enthält bereits den Platzhalter für den Seiteninhalt. Füge darüber die Navigation ein (Markenname, ein paar Links und ein Button) und darunter den Footer mit deiner Copyright-Zeile. Speichern.

Ein Layout ist kein Muss: Du könntest Navigation und Footer auch direkt auf die Seite setzen. Aber sobald du eine zweite Seite anlegst, sparst du dir mit dem Layout die doppelte Arbeit, und wenn du das Menü im Layout änderst, ändert es sich auf jeder Seite. Mehr zu Layouts: Layouts.

Seite anlegen

Geh zu Pages und klick auf + New. Setz in den Seiteneinstellungen die Route auf /, damit sie deine Startseite wird, gib ihr einen Titel, stell den Status auf Public und wähle das Layout, das du gerade angelegt hast. Speichern. Mehr zu Seiten: Pages.

Seite bauen

Ab hier ist es für jeden Abschnitt derselbe Handgriff: auf + Add section klicken, einen Block auswählen und seine Felder im Panel rechts ausfüllen.

  1. Hero: eine kleine Zeile darüber, die Überschrift, ein Satz, ein oder zwei Buttons und ein Bild aus deinen Dateien. Im selben Panel wählst du die Anordnung und die Farben.
  2. Stats: eine Überschrift und vier Kennzahlen, jeweils Wert und Beschriftung.
  3. Feature Grid: was du anbietest. Jeder Eintrag hat ein Icon, einen Titel und einen kurzen Text. Die Icons kommen von Tabler: tipp einen Namen wie table oder tool ein.
  4. Section mit einem Text element: die längere Geschichte, geschrieben in einem normalen Texteditor.
  5. Noch einmal Feature Grid, diesmal mit dem Icon quote: die Namen deiner Kunden als Titel und was sie gesagt haben als Text.
  6. Section mit einem Text element: wie man dich erreicht, mit Adresse, E-Mail und Öffnungszeiten.

Speicher die Seite und öffne deine Website. Alles darauf ist einer dieser Blöcke, und du bearbeitest es genauso: Seite im Page-Builder öffnen, Block auswählen, Feld ändern, speichern.

Die Texte aus dem Video

Damit baust du genau die Seite aus dem Video nach. Das Unternehmen ist erfunden; die Texte sind wie im Video auf Englisch.

Layout

  • Navigation: brand Harbor & Pine · links Work, Process · button Contact
  • Footer: © 2026 Harbor & Pine · Hafenstraße 12 · 24937 Flensburg

Page

  • Route: /
  • Title: Harbor & Pine — Handmade furniture
  • Status: Public · Layout: the one you just made

1 · Hero

  • Eyebrow: Workshop in Flensburg · since 2012
  • Heading: Furniture built to be kept.
  • Sub text: We design and build solid-wood tables, shelves and kitchens by hand — one piece at a time, made to fit your room and to last for decades.
  • Primary button: Plan your piece → #contact
  • Secondary button: See our work → #work
  • Image: any photo of a table or a workshop

2 · Stats

Heading: A small workshop with a long memory

ValueLabel
14years in the workshop
380+pieces delivered
100%solid wood, no veneer
3people who build everything

3 · Feature Grid — what we build

  • Heading: What we build
  • Intro: Three things, done properly. Every piece starts with a visit to your home and a sketch on paper.
IconTitleText
tableTables & desksDining tables, desks and benches in oak, ash or walnut — sized to your room, finished with oil, not lacquer.
toolKitchens & built-insFitted kitchens, wardrobes and wall units that use every centimetre — planned with you, built here, installed by us.
refreshRepair & restorationYour grandmother's chest of drawers deserves a second life. We repair, refinish and re-join old pieces instead of replacing them.

4 · Section with a text element — how a piece gets made

How a piece gets made

It starts with a visit. We measure the room, look at the light and the floor, and talk about how you actually live — who sits where, what gets spilled, what has to survive a move. From that we draw a sketch and quote a fixed price. No surprises later.

Then the wood. We buy whole boards from two sawmills in Schleswig-Holstein, let them rest in the workshop for a few months, and pick each one for its grain before a single cut. Joints are cut by hand where it matters and by machine where it doesn't — we're craftsmen, not romantics.

Six to ten weeks later we bring it to you, set it up, and leave a small tin of the same oil we used. Once a year, one evening with a cloth, and the piece will outlive us both.

5 · Feature Grid with the quote icon — what customers say

  • Heading: What our customers say
  • Intro: Three of the 380. We'd rather you heard it from them.
IconTitleText
quoteMaren K., Flensburg“The table is the one thing in our flat that every guest touches first. Four years, two kids, zero regrets.”
quoteJonas & Lea, Kiel“They planned the kitchen around how we cook, not around a catalogue. The quote was the price we paid.”
quoteDr. H. Petersen, Husum“My grandfather's desk came back looking like it had simply aged well. I didn't think that was possible.”

6 · Section with a text element — contact

Plan your piece

Tell us what you need and roughly where it should go. We'll come by, measure, and send you a sketch with a fixed price within a week — free, no obligation.

Harbor & Pine · Hafenstraße 12, 24937 Flensburg hello@harborandpine.example · +49 461 000 00 00

Workshop hours: Tuesday to Friday, 9–17. Saturdays by appointment.