Preisgestaltung HTML-Vorlagen

Erweiterte Preis-HTML-Vorlagen für klare Tarifvergleiche

Preis-HTML-Vorlagen liefern ein vollständiges Vergleichslayout, sodass Sie direkt mit Ihren eigenen Tarifen und Zahlen beginnen können, anstatt vor einem leeren Bereich zu stehen. Eine typische Vorlage enthält einen Überschriftenbereich, eine Reihe von Tarifkarten und eine Schaltfläche unter jedem Angebot. Viele Designs bieten zudem einen hervorgehobenen Tarif sowie einen kurzen Abrechnungshinweis unter den Preisen.

Preiskarten, Tabellen oder eine eigene Seite

Die erste Entscheidung betrifft das Vergleichsformat. Kompakte Karten eignen sich für zwei oder drei Tarife mit wenigen klaren Unterschieden, während eine vollständige Tabelle Angebote abbildet, bei denen sich viele Funktionen von Tarif zu Tarif unterscheiden. Eine Vorlage für einen Preisabschnitt wird in eine bestehende Startseite oder Produktübersicht integriert und muss daher kompakt bleiben. Eine Vorlage für eine eigenständige Preisseite bietet hingegen Raum für Jahresrabatte, Fragen zu Erstattungen und eine ausführlichere Funktionsübersicht.

Das Geschäftsmodell gibt meist das passende Format vor:

• SaaS-Produkte passen oft zu Karten namens Starter, Pro und Enterprise, wobei die Preise pro Monat oder pro Nutzer angegeben werden.
• Hosting-Tarife tendieren zu funktionsreichen Tabellen, da Speicherplatz, Bandbreite und Support-Level zwischen den Stufen variieren.
• Agenturpakete lassen sich besser als Leistungskarten darstellen, die Umfang, Ergebnisse und die Anzahl der Korrekturschleifen auflisten.
• Mitgliedschaftsangebote funktionieren als Zugangsstufen-Karten, die den Zugriff auf Bibliotheken, Community-Funktionen oder Live-Sitzungen beschreiben.

Raum für reale Zahlen

Preise realer Angebote sehen selten so ordentlich aus wie in der Vorlage. Ein Tarif kostet 29 $ pro Monat, ein anderer wird jährlich abgerechnet, und für die oberste Stufe wird eventuell ein individuelles Angebot statt eines festen Betrags angezeigt. Eine solide Vorlage bietet separate Felder für Betrag und Abrechnungszeitraum, sodass der Wechsel von monatlichen zu jährlichen Werten das Layout der Karte nicht zerstört.

Eine Reihe, die mit drei Tarifen ausgewogen wirkt, kann bei zwei Tarifen leer wirken, während eine Vergleichstabelle eine vierte Stufe leichter aufnimmt. Bessere Designs zeigen bei jeder Stufe gezielt die zusätzlichen Vorteile an, damit Besucher nicht unter jeder Karte dieselbe lange Liste erneut lesen müssen. Auf Smartphones sollten sich die Karten untereinander anordnen, wobei jeder Preis direkt neben dem Tarifnamen und der Schaltfläche bleibt.

Tarife vor der Veröffentlichung anpassen

Tarifnamen, Preise und Schaltflächenbeschriftungen sollten sich leicht austauschen lassen, und die Reihenfolge der Stufen muss unkompliziert anpassbar sein, wenn ein anderer Tarif zur Empfehlung wird. Die Hervorhebungs-Plakette sollte sich entsprechend mitbewegen, damit niemand die Zeile manuell neu aufbauen muss.

Sobald die Seite mit den endgültigen Tarifen, Texten und Links versehen ist, erläutert die Export-HTML-Anleitung, wie eine fertige Nicepage-Website als HTML-Dateien für externes Hosting vorbereitet wird.

Eine Preis-HTML-Vorlage erfüllt ihren Zweck, wenn Besucher Tarifstufen auf einen Blick vergleichen können und Sie neue Preise einsetzen können, ohne den gesamten Bereich neu zu gestalten.