DemandWP UI-Komponenten: Vorschau aller 50 Elemente

01

Einstieg & Vertrauen

Artikel-Hero & Lead

Article Hero / Lead Panel

Hero-Intro · Problemdefinition · Kontextblock

article_hero · Editorial

Ratgeber · Grundlagen

Eine klare Antwort beginnt mit einem guten Einstieg.

Dieser Lead ordnet Ausgangssituation, Nutzen und Lesepfad in wenigen Sätzen ein.

Angenehme Leselänge
Einfach erklärt

02

Einstieg & Vertrauen

Kurzantwort & Zusammenfassung

Summary / Quick Answer Box

Kurzantwort · TL;DR · Key Takeaways

quick_answer · Editorial

03

Einstieg & Vertrauen

Inhaltsverzeichnis

Table of Contents / Anchor Navigation

Inhaltsverzeichnis · Sticky Navigation

table_of_contents · Editorial

04

Einstieg & Vertrauen

Autor, Review & Aktualisierung

Author / Reviewer / Update Meta Box

Autorenbox · Expertenbox · Datenstand

QuellenExpertenreview

author_meta · Editorial

05

Einstieg & Vertrauen

Methodik & Transparenz

Trust / Methodology / Transparency Box

Quellenbox · Methodik · Unabhängigkeit

Quellen

methodology · Editorial

06

Einstieg & Vertrauen

Definition & Glossar

Definition / Glossary Block

Definition · Begriffserklärung · Mini-Lexikon

glossary · Editorial

07

Einstieg & Vertrauen

Erklär- & Wissensblock

Explanation / Knowledge Block

Funktionsweise · Prinzip · Hintergrundwissen

knowledge · Editorial

08

Einstieg & Vertrauen

Mythos & Missverständnis

Myth / Misconception Block

Häufige Missverständnisse · Mythos vs. Wahrheit

myth · Editorial

09

Entscheidung & Angebot

Entscheidungshilfe

Decision Helper / Recommendation Logic

Wenn-X-dann-Y · Entscheidungsbaum · Alternativen

decision_helper · Editorial

Entscheidungshilfe

Was ist dir am wichtigsten?

Empfehlung: Für einen unkomplizierten Einstieg passt die ausgewogene Variante.

10

Entscheidung & Angebot

Zielgruppen-Auswahl

Audience Fit / User-Type Selector

Für wen geeignet · Nutzertypen · Bedarfsmatrix

audience_selector · Editorial

Zielgruppen-Auswahl

Wähle deine Situation

11

Entscheidung & Angebot

Kaufkriterien-Matrix

Buying Criteria / Weighted Criteria Matrix

Kaufkriterien · Gewichtete Kriterienmatrix

criteria_matrix · Editorial

Wichtige Auswahlkriterien

Alltagstauglichkeit88%Sehr wichtig
Flexibilität72%Wichtig
Preis55%Abwägen

12

Entscheidung & Angebot

Vergleichsmodul

Comparison Module

Kurzvergleich · Detailvergleich · X vs. Y

Quellen

comparison · Editorial

Kriterium	Option Balance	Option Kompakt	Option Plus
Aufwand	Mittel	Niedrig	Höher
Flexibilität	Sehr gut	Gut	Maximal
Geeignet für	Die meisten	Einsteiger	Erfahrene

13

Entscheidung & Angebot

Empfehlungs-Karten

Recommendation / Winner Cards

Top-Auswahl · Budget- · Premium-Empfehlung

recommendation_cards · Editorial

Ausgewogene Wahl

Option Balance

Stimmiges Gesamtpaket.

Ansehen

Günstiger Einstieg

Option Kompakt

Auf das Wesentliche reduziert.

Ansehen

14

Entscheidung & Angebot

Bewertung & Score

Review / Score Module

Produkt-Score · Kriterien · Langzeitbewertung

Quellen

review_score · Editorial

4,6Sehr gutRedaktionelles Gesamturteil

Handhabung4,5
Qualität4,1
Preis-Leistung3,7

15

Entscheidung & Angebot

Produkt- & Anbieter-Karten

Entity Card Grid

Produktkarte · Anbieterprofil · Zubehör

entity_grid · Editorial

Für Einsteiger

Beispielmodell

Kurze Einordnung und wichtigste Stärke.

Ansehen

Für Erfahrene

Beispielanbieter

Passende Zielgruppe und Profil.

Ansehen

16

Entscheidung & Angebot

Spezifikation & Kompatibilität

Specification / Compatibility Card

Datenblatt · Größenberater · Kompatibilität

specification · Editorial

Kompatibilitätscheck

Passt zu deinem System

Die wichtigsten Anforderungen sind erfüllt.

Material: Geeignet
Größe: Passend
System: Kompatibel

17

Entscheidung & Angebot

Kostenüberblick

Cost Overview / Price Factors Block

Preisrahmen · Kostenfaktoren · Budgetplan

Quellen

cost_overview · Editorial

Kostenüberblick

Womit du realistisch rechnen solltest

Basisniedriger Rahmennotwendige Grundausstattung

Komfortmittlerer Rahmensinnvolle Ergänzungen

Laufendkleiner BetragPflege und Verbrauch

18

Entscheidung & Angebot

Rechner-Ergebnis

Calculator Result / Economic Outcome Box

Amortisation · Einsparpotenzial · Break-even

Quellen

calculator_result · Editorial

19

Entscheidung & Angebot

Förder- & Angebotscheck

Funding / Finance / Offer Check Block

Fördercheck · Finanzierung · Angebot prüfen

QuellenExpertenreview

funding_check · Editorial

20

Praxis & Sicherheit

Problemdiagnose

Troubleshooting / Diagnosis Module

Symptom-Check · Ursache-Lösung · Sofortlösung

troubleshooting · Editorial

21

Praxis & Sicherheit

Warnung & Eskalation

Warning / Escalation / Support Box

Wann abbrechen · Warnsignale · Support

warning_support · Editorial

22

Praxis & Sicherheit

Schritt-für-Schritt-Prozess

How-to / Step-by-Step Process

Anleitung · Prozessleiste · Durchführung

how_to · Editorial

In drei Schritten zum Ergebnis

Vorbereiten
Material prüfen und Arbeitsbereich schützen.
Durchführen
Ruhig arbeiten und kontrollieren.
Abschließen
Ergebnis prüfen und nachbereiten.

23

Praxis & Sicherheit

Checkliste & Material

Checklist / Material / Required Items Block

Material · Werkzeug · Packliste · Druckversion

checklist · Editorial

Das brauchst du

Passendes Grundmaterial
Geeignetes Werkzeug
Schutz und Unterlage
Genügend Zeit

24

Praxis & Sicherheit

Planung & Zeitlinie

Planning / Timeline / Calendar Module

Wochenplan · Saisonkalender · Projektplan

planning_timeline · Editorial

Vorbereitung
Material und Rahmen klären
Montag
Umsetzung
Arbeit in ruhigen Etappen
Samstag
Kontrolle
Ergebnis prüfen
Folgewoche

25

Praxis & Sicherheit

Routine-Tracker

Routine Tracker / Reminder Module

Fortschritt · Erinnerung · Heute erledigen

routine_tracker · Editorial

Deine Routine

Gut unterwegs

43 %

M
D
M
D
F
S
S

26

Praxis & Sicherheit

Lebenslage & Journey

Life Situation / Audience Journey Block

Nutzerpersona · Alltagssituation · Mini-Journey

audience_journey · Editorial

Deine Situation

Wenig Zeit, aber ein klares Ziel

Du möchtest eine verlässliche Lösung ohne jedes Detail zu prüfen.

1Orientierung
2Auswahl
3Routine

27

Praxis & Sicherheit

Sicherheit & Compliance

Safety / Risk / Compliance Block

Warnhinweis · Normen · Fachbetrieb nötig

QuellenExpertenreview

safety_compliance · Editorial

28

Vertikale Fachmodule

Garten-Modul

Garden-Specific Module

Standort · Boden · Pflanzensteckbrief · Saison · Bewässerung

garden_module · Editorial

29

Vertikale Fachmodule

Küche, Grill & Kaffee

Kitchen / Grill / Coffee Settings Module

Garzeit · Temperatur · Rezept · Mahlgrad · Brühparameter

kitchen_settings · Editorial

30

Vertikale Fachmodule

Reise & Camping

Travel / Camping Module

Airline-Regeln · Packmaß · Strombedarf · Kühlkette

travel_module · Editorial

31

Vertikale Fachmodule

Training & Fitness

Training / Fitness Module

Übung · Trainingsplan · Muskelgruppen · Regeneration

fitness_module · Editorial

32

Vertikale Fachmodule

Beauty & Pflege

Beauty / Care Routine Module

Haut- und Haartyp · Inhaltsstoffe · Routine-Reihenfolge

beauty_routine · Editorial

33

Vertikale Fachmodule

Baby-Modul

Baby-Specific Module

Altersfenster · Entwicklungsphase · TOG · Ausstattung · Schlafsicherheit

Expertenreview

baby_module · Editorial

34

Vertikale Fachmodule

Werkzeug & DIY-Technik

Tool / DIY Technical Module

Leistungsdaten · Akku-Kompatibilität · Material · Arbeitsparameter

diy_module · Editorial

35

Vertikale Fachmodule

Energie, Haus & LeadGen

Energy / Home / LeadGen Qualification Module

Gebäude · Dach · Heizung · Installation · Anbieterqualifikation

QuellenExpertenreview

energy_qualification · Editorial

36

Daten & Interaktion

Allgemeine Datentabelle

General Data Table Component

Spezifikationen · Features · Maße · Kosten · Scores

data_table · Editorial

Variante	Gewicht	Kompatibilität	Score
Kompakt	Leicht	Gut	8,1
Komfort	Mittel	Sehr gut	9,0
Plus	Höher	Maximal	8,6

37

Daten & Interaktion

Logik- & Planungstabelle

Logic / Schedule / Settings Table

Szenarien · Checklisten · Zeitpläne · Entscheidungslogik

schedule_table · Editorial

Phase	Aufgabe	Status
Woche 1	Vorbereiten	Offen
Woche 2	Umsetzen	Geplant
Woche 3	Prüfen	Geplant

38

Daten & Interaktion

Spezialisierte Fachtabelle

Specialized Vertical Table

Fehlerdiagnose · Förderung · Anbieter · Region · Altersphase

Quellen

vertical_table · Editorial

Signal	Einordnung	Nächster Schritt
Leistungsabfall	zeitnah prüfen	Diagnose
Verschmorter Geruch	sofort stoppen	Fachhilfe
Kleine Abweichung	beobachten	Kontrolltest

39

Daten & Interaktion

Finder & Qualifizierung

Interactive Finder / Qualification Widget

Produktfinder · Eignungscheck · Diagnose

finder · Editorial

40

Daten & Interaktion

Rechner & Generator

Calculator / Generator Widget

Kostenrechner · Planer · Generator

calculator · Editorial

41

Conversion & Verlinkung

Nächster Schritt

Next-Step Funnel Bridge

Nächster sinnvoller Schritt · Funnel-Brücke

next_step · Editorial

43

Conversion & Verlinkung

CTA-Block

CTA Block

Soft-CTA · Angebots-CTA · Kontakt

cta · Editorial

44

Conversion & Verlinkung

Newsletter & Download

Newsletter / Download / Lead Magnet Block

Newsletter · Download · E-Mail-Capture

lead_magnet · Editorial

45

Conversion & Verlinkung

FAQ-Akkordeon

FAQ Accordion

Allgemeine · technische · Sicherheits-FAQ

faq · Editorial

Schnelle Antworten

Welche Variante passt für Einsteiger?

Die geführte Option mit guter Erweiterbarkeit.

Was sollte ich zuerst prüfen?

Bedarf, Kompatibilität und Sicherheit.

Wo finde ich weitere Hilfe?

In der Checkliste und im Vergleich.

46

Conversion & Verlinkung

Service-FAQ nach dem Kauf

Post-Purchase / Service FAQ Block

Garantie · Lieferung · Pflege · Ersatzteile

service_faq · Editorial

Service-Center

Hilfe nach dem Kauf

47

Redaktion & Governance

Redaktioneller Langtext

Editorial Longform Text Block

Einordnung · Analyse · Kommentar · Fazit

Quellen

longform · Editorial

Expertenfazit

Eine belastbare Empfehlung nennt auch ihre Grenzen.

Die beste Entscheidung verbindet Daten, Alltag und langfristige Nutzung, statt nur einen Einzelwert zu maximieren.

Maxi Neumann · Fachredaktion

48

Redaktion & Governance

Story & Fallbeispiel

Story / Experience / Case Study Block

Interview · Erfahrungsbericht · Nutzerstory

case_study · Editorial

Erfahrungsbericht

Kleiner starten war genau richtig.

Die überschaubare Lösung ließ sich sicher in den Alltag integrieren und später sinnvoll erweitern.

Beispielnutzerin · nach sechs Wochen

49

Redaktion & Governance

Schema-Zuordnung

Schema / Structured Data Mapping

Schema-Markup-Typ

Quellen

schema_mapping · Editorial

50

Redaktion & Governance

Factory Governance

Article Factory Metadata / Governance Layer

Artikeltyp · Trust-Level · Review-Status

governance · Editorial

Renderfreigabe

Inhalt bereit, Expertenreview noch offen.

Semantik
Rendering
Redaktion
Expertenreview

Eine klare Antwort beginnt mit einem guten Einstieg.

Was ist dir am wichtigsten?

Wähle deine Situation

Wichtige Auswahlkriterien

Option Balance

Option Kompakt

Beispielmodell

Beispielanbieter

Passt zu deinem System

Womit du realistisch rechnen solltest

Was genau funktioniert nicht?

In drei Schritten zum Ergebnis

Vorbereiten

Durchführen

Abschließen

Das brauchst du

Material und Rahmen klären

Arbeit in ruhigen Etappen

Ergebnis prüfen

Gut unterwegs

Wenig Zeit, aber ein klares Ziel

Was ist dir am wichtigsten?

Bedarf in zwei Schritten einschätzen

Die wichtigsten Schritte bequem per E-Mail

Schnelle Antworten

Hilfe nach dem Kauf

Eine belastbare Empfehlung nennt auch ihre Grenzen.

Kleiner starten war genau richtig.

Inhalt bereit, Expertenreview noch offen.