Share
Quando stai vendendo un tema, la sua demo è il tuo passo di vendite. Se la demo non funziona in qualche modo, sta danneggiando il tema e causerà una perdita di vendite. Se il tuo tema include centinaia di funzionalità, ma gli acquirenti non possono vederle in azione, è possibile che tu non abbia alcuna funzionalità.
Questa guida coprirà nove best practice per aiutarti a dimostrare il tuo tema nel miglior modo possibile.
Ecco cosa vedremo:
Nessuna di queste pagine è necessario come tale, ma altamente raccomandato.
Home page: Crea almeno tre home page uniche. Più pagine iniziali crei, più layout puoi dimostrare.
Pagine interne: Includere pagine interne (o "pagine secondarie"), come "Chi siamo", "Servizi", "Prezzi", "Team", "FAQ" ecc. Si consiglia vivamente di avere almeno due versioni di ciascuna pagina interna. Questo dà al cliente le scelte e ti permette di mostrare un intervallo di elementi della pagina senza farti mettere troppo in un unico layout.
Elementi: Passando dall'ultimo punto, è una best practice generalmente accettata per dimostrare gli elementi del tema su pagine separate. Non è necessario creare pagine super complesse per presentare i tuoi elementi, basta progettare un semplice modello di pagina riutilizzabile e utilizzarlo per ciascuno dei tuoi elementi.
Se si dispone di una piccola lista di elementi con opzioni semplici, è possibile presentarli su una singola pagina o raggrupparli in raccolte appropriate. Assicurati di utilizzare l'organizzazione logica e il raggruppamento. Ad esempio, noterai il menu degli elementi del tema globax. Gli elementi sono raggruppati in elementi tipografici, elementi dell'interfaccia utente, social ecc.
Elementi dell'interfaccia utente dal tema GlobaxCaratteristiche: Una delle pagine più visitate in ogni demo è la pagina delle caratteristiche. Assicurati di presentare il maggior numero di funzionalità possibili in modo pulito, semplice e accattivante.
I tuoi acquirenti lo troveranno utile se raggrupperai le tue funzionalità in una sorta di gerarchia. Ad esempio: caratteristiche principali, caratteristiche principali e funzionalità aggiuntive. Per esempio:
Presenta queste caratteristiche il più visivamente possibile. Un testo troppo descrittivo può travolgere gli acquirenti.
La tua demo di navigazione dovrebbe essere il più intuitiva possibile. Assicurati che sia funzionante al 100% su tutte le dimensioni dello schermo. La navigazione complessa può spesso "rompersi" su finestre più piccole.
Cerca di non sovraccaricare la navigazione principale e assicurati che la combinazione di elementi di navigazione sia esteticamente gradevole. Una navigazione sbilanciata non renderà giustizia alla tua demo.
Se vuoi aumentare le possibilità di vendita del tuo tema, considera la possibilità di renderlo multi-layout. Questo si riferisce a tutte le pagine, inclusi i post e i tipi di post personalizzati. I clienti amano essere in grado di scegliere tra i layout. Ad esempio, per un archivio di blog potresti prendere in considerazione una griglia, un elenco e un layout completo. Se il tuo tema offre una barra laterale, dimostra queste cose con la barra laterale attivata e disattivata.
Assicurati di poter dimostrare tutti questi vari layout in una singola installazione di WordPress. Se ciò non è possibile, dovresti riconsiderare la logica del tuo tema.
Costruisci la tua demo usando tutte le funzionalità del tuo tema! Sì! Se il tema presenta bellissime animazioni di scorrimento su pagina, utilizzale nella presentazione. Se il tema include un megamenu con widget nella navigazione, crea e organizza la navigazione con queste funzioni. Se hai il supporto per le icone nelle voci del tuo menu di intestazione, aggiungi delle icone!
Uno dei compiti più difficili quando si presenta un tema è renderlo come un "vero" sito web. Esistono molti generatori di testo fittizio come lorem ipsum, ma consiglio vivamente di utilizzare il testo autentico il più possibile. E per le immagini, l'audio, i video e altre risorse, ti consiglio di utilizzare risorse di alta qualità. Il web potrebbe comprendere principalmente del testo, ma una singola immagine errata nella pagina danneggerà seriamente i tuoi sforzi. Lo stesso vale per la tipografia. Usa i caratteri di qualità per mostrare le cose nella migliore luce possibile.
Non ricordo quando è diventato standard utilizzare un commutatore di opzioni front-end per demo di temi, ma è molto atteso al giorno d'oggi. Non sorprende davvero, perché gli utenti vogliono sperimentare e visualizzare il loro futuro sito Web nel miglior modo possibile prima di acquistare un tema.
Alcuni autori offrono un login di back-end con un nome utente temporaneo per il test completo (con plugin come login-temporaneo-senza-password) altri evidenziano le opzioni principali nel commutatore di opzioni front-end senza accesso di amministratore. Entrambe le opzioni sono perfettamente utili, ma preferisco quest'ultima. A tale scopo ho creato un plugin per WordPress che aiuta a evidenziare le opzioni principali. Dai un'occhiata alla demo.
Pannello delle opzioni di Enovathemes su Github Come puoi vedere, la demo predefinita mette in evidenza diverse opzioni e puoi aggiungere o rimuovere tutte le opzioni necessarie utilizzando le impostazioni semplici.
Si noti che questo non è un plug-in premium, né è stato creato per chiunque non sia uno sviluppatore WordPress. Detto questo, sentiti libero di usarlo per la tua presentazione a tema.
Oggi è prassi comune utilizzare "chat pre-vendita". Alcuni autori usano plugin per questo, preferisco usare Facebook Messenger (per questo motivo ho anche incluso il pulsante Messenger nel plugin helper).
Chiacchierare con un autore di temi darà spesso ai potenziali acquirenti quel senso di fiducia aggiuntivo di cui hanno bisogno per effettuare un acquisto.
L'ottimizzazione della demo del tema è un argomento separato (e ampio), ma guardiamo a ciò che ritengo siano i punti principali:
Questa è una parte molto importante. Dopo aver progettato, sviluppato e ottimizzato la tua demo, scoprirai che non hai più alcuna forza e vuoi solo rilassarti, ma ora è il momento di provare! Fondamentalmente: test tutti le tue pagine, su tutti possibili dimensioni dello schermo, con un debugger attivo.
Potresti non sapere mai esattamente perché un cliente ha scelto di non acquistare il tuo articolo. Può essere perché su una vista mobile una delle tue pagine mostrava un'icona mal allineata, o su un tablet paesaggio hai dimenticato di ridurre la dimensione del font di una prua. Gli utenti tendono a non pensare come fanno gli sviluppatori, la maggior parte degli utenti tratta il tuo prodotto mentre lo trova, quindi queste piccole cose fungono da grandi segnali di allarme.
Dopo un accurato test, non dimenticare di disattivare il debugger e svuotare la cache.
In questa guida ho provato a descrivere tutte le best practice dimostrative che ho imparato durante i miei anni di sviluppo di temi premium. Se avete ulteriori pensieri o idee, per favore condivideteli con tutti noi nella sezione commenti. Grazie per aver letto!
Accentsconagua