Progettazione del piano tariffario Modello HTML

Questa sezione prezzi già pronta combina un'intestazione centrata "Acquista", un sottotitolo di supporto e quattro schede tariffarie in un'unica disposizione di contenuti rifinita. I piani sono denominati starter, standart, unlimited e business, con prezzi visualizzati pari a Gratuito, 32 $, 49 $ e 129 $. Ogni scheda include un'etichetta di fatturazione, un elenco delle caratteristiche, un'icona colorata a linee e un pulsante di acquisto. Lo sfondo grigio chiaro della sezione contrasta con le schede bianche, caratterizzate da angoli arrotondati e bordi sottili. Il piano unlimited riceve un bordo e un colore del pulsante a contrasto, conferendo alla sezione statica un chiaro risalto visivo pur mantenendo la medesima struttura di confronto.

Quattro schede di piani formano una sezione statica pronta all'uso

L'intestazione centrata "Acquista" e il sottotitolo introducono un'area completa per il confronto dei prezzi, mentre le quattro schede ospitano i contenuti principali della sezione. Starter, standart, unlimited e business presentano ciascuno un prezzo visualizzato, un'etichetta di fatturazione, un elenco delle caratteristiche, un'icona dedicata e un pulsante di acquisto. Poiché questi elementi sono già disposti in gruppi verticali ripetuti, la sezione può essere inserita all'interno di una pagina HTML statica come area prezzi dedicata, lasciando che la pagina circostante fornisca gli altri contenuti e la navigazione.

Anche la composizione visiva è del tutto autosufficiente. Uno sfondo grigio chiaro incornicia la riga, le schede bianche separano i singoli piani e gli angoli arrotondati con bordi sottili stabiliscono confini coerenti. I pulsanti ciano a forma di pillola creano uno stile di azione condiviso, mentre il bordo e il colore del pulsante a contrasto della scheda unlimited identificano l'opzione messa in evidenza. Il blocco racchiude quindi la struttura essenziale per confrontare quattro piani senza richiedere alla pagina contenitore di ricostruire le relazioni tra le schede. Il valore di questa sezione statica deriva dalla combinazione tra completezza dei contenuti e impostazione già pronta, non dall'essere un sito completo. I prezzi e le etichette delle caratteristiche rimangono contenuti di presentazione modificabili, consentendo al progetto HTML che la include di adattarli alla propria offerta preservando il modello di confronto a quattro colonne già stabilito.

Personalizza con Nicepage

Quando utilizzi HTML Builder sarai in grado di regolare colori, caratteri, intestazione e fooer, layout, colonne e altri elementi di design, nonché contenuti e immagini.

Scarica

Modifica modello offline

1. Scarica e installa l'applicazione Nicepage per Windows e Mac. Oppure i plugin WordPress e Joomla da pagina di download
2. Creare una nuova pagina o selezionare esistente
3. Fai clic su Aggiungi nuovo blocco, cerca l'ID 485635 e fai clic su Invio

Modifica modello online

Avvia Costruttore online questo modello sul nostro hosting

Crea fantastici siti web

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Nicepage Builder gratuito

Oltre 15.000 modelli

Facile Drag-n-Drop

Nessuna codifica

Ottimizzato per dispositivi mobili

Parole chiave

Esporta e utilizza questo template come sito web HTML

Crea un sito web HTML portatile

Quando il template è pronto, utilizza l'opzione Esporta HTML per creare un sito web statico con i file necessari per la pubblicazione. Il sito web esportato può essere utilizzato indipendentemente dall'editor di Nicepage e pubblicato sul tuo hosting preferito.

Nicepage offre anche impostazioni SEO e funzionalità di ottimizzazione, tra cui titoli e descrizioni delle pagine, impostazioni canoniche, intestazioni, testo alternativo delle immagini e altre proprietà a livello di pagina che aiutano a preparare il sito web per i motori di ricerca.

Pubblicazione senza un CMS

Carica il sito web completato sull'ambiente di hosting più adatto al tuo progetto. Poiché il sito esportato non richiede WordPress, Joomla o un altro CMS per la visualizzazione delle sue pagine, può essere ospitato sul tuo server, caricato su un provider di hosting o pubblicato tramite un'infrastruttura web esistente.

Consegna dei file del sito web

I file del sito web generati possono essere forniti a un cliente, a uno sviluppatore o al team di hosting. Rimangono disponibili al di fuori dell'editor di Nicepage per la distribuzione, la revisione tecnica o lo sviluppo specifico del progetto, qualora sia necessario ulteriore lavoro.

Questo flusso di lavoro rende il template una base pratica per un sito web statico portatile che può essere esportato dall'editor di Nicepage e distribuito in modo indipendente.