Opzioni Modelli HTML

Semplici modelli HTML di opzioni

Un modello HTML di opzioni fornisce un layout pronto all'uso per mostrare diverse alternative l'una accanto all'altra, permettendo ai visitatori di cogliere le differenze. Molte di queste scelte non hanno nulla a che fare con il prezzo. Un negozio può indicare diversi modi per acquistare un singolo prodotto, mentre una società di consulenza potrebbe semplicemente chiedere agli utenti di scegliere come mettersi in contatto. Una volta pronto il contenuto, il design viene esportato come file HTML che puoi ospitare in autonomia o consegnare a uno sviluppatore.

Quale layout si adatta alle tue scelte

Un piano tariffario è solo uno dei tipi possibili di opzione, e una griglia di prezzi può risultare troppo rigida per contesti differenti. Le tipologie di opzioni più diffuse si associano in genere a layout di questo tipo:

• Le opzioni di abbonamento o associazione funzionano bene sotto forma di schede, poiché gli utenti confrontano i vantaggi livello per livello.
• Le opzioni di acquisto, come un articolo singolo o un pacchetto cumulativo, risultano molto leggibili come fila di schede con le relative condizioni al di sotto.
• Le opzioni di contatto raramente comportano spese, perciò un elenco compatto o alcuni blocchi paritari con azioni ben visibili sono quasi sempre sufficienti.

Le opzioni di prezzo che condividono molte caratteristiche si confrontano più agevolmente colonna per colonna, e l'Elemento Tabella di Nicepage supporta righe e colonne modificabili, nonché pulsanti con link all'interno delle celle. Su uno smartphone, tuttavia, sei colonne ordinate rischiano di richiedere uno scorrimento laterale; pertanto, le schede impilate verticalmente rappresentano spesso la scelta più sicura.

Dall'editor ai file esportati

I modelli qui presenti sono disponibili come pagine complete o come singoli blocchi. Un blocco aggiunge una sezione di opzioni a una pagina già esistente, mentre una pagina completa è ideale per una schermata incentrata interamente sulla scelta da compiere. Puoi modificare nomi, descrizioni e pulsanti nell'editor Nicepage. La pagina viene poi esportata in formato HTML completa di immagini e script, evitandoti di scrivere codice manualmente. Interruttori a levetta e schede a linguetta richiedono link reali o script sottostanti per consentire il passaggio da un elemento all'altro.

Prendi ad esempio un'attività di riparazioni domestiche che offre l'uscita di un tecnico, una riparazione in laboratorio e una consulenza telefonica. Nessuna di queste voci richiede per forza un prezzo, e un pulsante con la scritta "Richiedi informazioni su un servizio specifico" è molto più chiaro di un generico "Seleziona". Dopo aver adattato i blocchi e controllato la visualizzazione su smartphone, il titolare esporta la pagina sul server che già ospita il sito dell'attività.

Controlli finali prima dell'hosting

Prima di pubblicare la pagina, testala con i tuoi contenuti reali. Il nome di opzione più lungo deve entrare comodamente nella scheda corrispondente e ciascuna scelta deve risultare facile da distinguere su un telefono. Pulsanti e link richiedono una rapida verifica non appena i file risiedono sul tuo server. Una gerarchia chiara delle intestazioni e testi alternativi per le icone illustrative aiutano le persone che utilizzano tecnologie assistive.