Merchandiser: un tema WordPress WooCommerce a caricamento rapido

Pubblicato: 2016-06-30

WooCommerce è la soluzione di eCommerce più popolare per gli utenti di WordPress con un ampio margine. Questo è il motivo per cui esiste un mercato così competitivo per i temi WooCommerce WordPress.

Uno dei più recenti design WooCommerce sul mercato si chiama Merchandiser.

Progettato da Get Bowtied, Merchandiser è un design minimalista che enfatizza la velocità e l'efficienza rispetto alle funzioni non necessarie. L'obiettivo era progettare qualcosa che offrisse tutte le funzionalità di cui hai bisogno senza il rigonfiamento aggiuntivo che di solito è associato ai progetti WooCommerce.

Merchandiser Tema WordPress

La correlazione tra i tempi di caricamento della pagina e le vendite è ben documentata online. I siti Web a caricamento rapido aiutano i proprietari di negozi a generare classifiche più elevate nei motori di ricerca e aiutano ad aumentare le vendite. Migliora anche l'esperienza di navigazione dei propri clienti.

In questo articolo vorrei dare un'occhiata più da vicino a Merchandiser e mostrarti cosa può fare.

Cosa offre il Merchandiser?

Il merchandiser ha un bellissimo design che sono sicuro che i tuoi clienti adoreranno. Sono disponibili diverse opzioni per la tua home page, tra cui un dispositivo di scorrimento, prodotti in primo piano, un blog e un modello in arrivo.

Una volta che inizi a navigare nell'area demo di Merchandiser, diventa chiaro che è stata prestata molta attenzione a fornire un'esperienza di acquisto piacevole ai clienti.

Pagina iniziale del commerciante

Ci sono molte piccole funzioni come un carrello della spesa fuori tela e un'area di visualizzazione rapida fuori tela. Quest'area si rivelerà quando fai clic sull'icona del carrello nella parte superiore di ogni pagina o fai clic per aggiungere qualcosa al carrello. Consente ai clienti di vedere quali articoli hanno aggiunto senza uscire dalla pagina.

Carrello della spesa del merchandising

I prodotti possono essere presentati in vari modi. Puoi scegliere se visualizzare o meno una barra laterale e mostrare da uno a sei prodotti per riga. La cosa grandiosa di Merchandiser è che il tema visualizzerà meno prodotti in ogni riga se il browser viene ridimensionato o se il cliente sta visualizzando la pagina su un dispositivo mobile.

Elenco dei prodotti del merchandising

La pagina delle informazioni sul prodotto è grande, audace e chiara. Tutte le tue funzionalità preferite di WooCommerce sono disponibili in quest'area. Ad esempio, puoi visualizzare le valutazioni dei prodotti e contrassegnare gli articoli in vendita.

Informazioni sul prodotto del merchandising

Il modello di blog incluso ha un bell'aspetto e corrisponde allo stile generale di Merchandiser. Sono sicuro che la maggior parte dei proprietari di negozi sarà soddisfatta del modello, tuttavia come blogger mi piacerebbe vedere più layout di blog aggiunti al tema.

Blog del commerciante

Con il numero di persone che acquistano da telefoni cellulari e tablet in crescita ogni giorno, Merchandiser garantisce agli utenti mobili una piacevole esperienza di acquisto.

Merchandiser Mobile Design

Get Bowtied è così orgoglioso della codifica e delle prestazioni di Merchandiser che ha condiviso i risultati del validatore HTML W3C e i risultati dei test di velocità da Webpagetest e Pingdom. Sentiti libero di controllarli.

Test di velocità del merchandising

Sono rimasto colpito dalla qualità del design del Merchandiser. Il tema funziona con tutte le funzionalità di WooCommerce e l'inclusione del generatore di pagine drag and drop Visual Composer significa che puoi modellare le tue pagine con facilità.

Come installare Merchandiser

Merchandiser viene fornito con il tema principale e un tema figlio. È consigliabile caricare entrambi i temi e utilizzare il tema figlio in modo che le modifiche apportate non vengano sovrascritte quando il tema viene aggiornato.

Dopo aver caricato Merchandiser e attivato il tema figlio, vedrai un messaggio che ti chiede di installare i plugin richiesti. L'unico plug-in richiesto che deve essere installato si chiama "GetBowtied Tools".

Quando questo plug-in richiesto è stato attivato, ti verrà presentata una pagina di benvenuto che ti ringrazia per aver utilizzato il tema.

Pagina di benvenuto del commerciante

Nella pagina successiva devi inserire la chiave di attivazione del prodotto che ti viene fornita dopo l'acquisto di Merchandiser. In questo modo il tema può essere aggiornato automaticamente tramite l'area di amministrazione di WordPress. Il passaggio è necessario anche per installare i due plugin che devono essere installati con il tema.

Attivazione del prodotto del merchandising

I due plugin che Merchandiser ti chiede di installare sono Visual Composer e WooCommerce. Visual Composer viene venduto da solo a $ 34, quindi è fantastico vederlo incluso nel tema.

Installa i plugin del merchandising

L'installazione del contenuto demo del tema ti aiuterà a capire cosa può fare Merchandiser.

Installa contenuto demo

Prima di installare il contenuto demo, assicurati di controllare lo stato del sistema per vedere se il server del tuo sito Web è configurato per l'importazione dei file necessari.

Potrebbe essere necessario parlare con l'host del sito Web se l'ambiente del server non è impostato correttamente. Il contenuto della demo è stato tuttavia installato correttamente per me nonostante alcuni avvisi sul limite di tempo PHP e la dimensione massima del caricamento non fossero sufficienti.

Controlla lo stato del tuo sistema

Una volta che il contenuto della demo è stato installato, il front-end del tuo sito Web sarà simile alla demo del tema. Tutto quello che devi fare ora è iniziare ad aggiungere i prodotti in vendita (se non l'hai già fatto).

merchandiser-demo-content-installato

Non ci sono informazioni su ciò che l'installazione dell'area demo aggiunge effettivamente al database e su come tale contenuto può essere rimosso. Questo è un problema che presentano molti temi WordPress.

Rispetto ad altri temi WordPress, la quantità di dati importati sembra essere piuttosto ridotta poiché non viene aggiunto alcun supporto. Si spera che lo sviluppatore possa chiarire cosa aggiunge la demo in una versione futura del tema.

Come configurare il Merchandiser

Tutte le impostazioni per Merchandiser vengono gestite tramite il personalizzatore del tema di WordPress.

Sfortunatamente, se hai attivato il tema figlio di Merchandizer, l'unica cosa che puoi modificare sono i widget.

Personalizzazione del tema WordPress con tema figlio

Il fatto che Get Bowtied abbia incluso un tema figlio nel pacchetto tema evidenzia che comprendono l'importanza dell'utilizzo di un tema figlio. È quindi lecito ritenere che si tratti di un piccolo bug che devono correggere.

Fino a quando non lo faranno, dovrai configurare Merchandizer attivando il tema principale.

Una volta attivato Merchandiser, vedrai tutte le opzioni elencate nel personalizzatore del tema di WordPress. Vedrai le opzioni per l'intestazione, il piè di pagina, il negozio, la pagina del prodotto, i social media e altro ancora.

Personalizzazione del tema WordPress

Nonostante Get Bowtied marketing Merchandiser sia un tema minimo, troverai molte fantastiche opzioni all'interno del personalizzatore del tema di WordPress.

Sono disponibili layout aggiuntivi per l'intestazione e l'area di navigazione. Ci sono anche due layout di negozio e due layout di pagina del prodotto.

In una versione futura mi piacerebbe vedere più opzioni di stile e più layout aggiunti.

Personalizzare il tuo negozio

Il personalizzatore del tema di WordPress è un modo fantastico per modificare un tema in quanto consente agli utenti di vedere immediatamente le modifiche apportate.

Puoi anche dare uno stile all'area del contenuto delle tue pagine usando Visual Composer. Uso Visual Composer sul mio sito Web per aiutarmi a creare contenuti eleganti e presentare dati più digeribili per i lettori. Questo può prendere forma sotto forma di un dispositivo di scorrimento, una tabella o un elenco di post di blog.

L'interfaccia di Visual Composer è veloce e facile da usare. Ti sentirai a tuo agio nel creare pagine con esso dopo averlo utilizzato per pochi minuti.

Interfaccia del compositore visivo

Decine di elementi di contenuto sono disponibili all'interno di Visual Composer. Puoi aggiungerne altre centinaia tramite una delle tante estensioni disponibili per Visual Composer (controlla la categoria dei componenti aggiuntivi di WordPress su CodeCanyon).

Questi elementi di contenuto ti aiuteranno a dare vita alle tue pagine e ad aggiungere un tocco di classe che i concorrenti non hanno.

Elenco degli elementi del compositore visivo

A parte il problema con il tema figlio che non mostrava le opzioni nel personalizzatore del tema di WordPress, Merchandiser era semplice da configurare.

Per aiutare a espandere la funzionalità del tema, vorrei vedere le opzioni aggiunte per l'esportazione e l'importazione delle impostazioni. Ciò consentirebbe agli utenti di impostare il tema su un sito Web di prova e quindi importarli nel loro sito Web live. Semplificherebbe anche la vita alle aziende di web design che utilizzano Merchandiser per più clienti.

Pensieri finali

Se stai cercando un design WooCommerce minimale che abbia un bell'aspetto e si carichi velocemente, Merchandiser è un'ottima scelta. Ti incoraggio a vedere Merchandiser in azione controllando la demo ufficiale del tema. Questo ti darà un apprezzamento di come appare il tema del cappuccio.

Senza dubbio, il tema trae ispirazione dai siti Web di portfolio e gallerie. Le immagini dei prodotti dominano le pagine, il che significa che ogni prodotto riceve molta attenzione. Confronta questo con i design di eCommerce che si adattano a dozzine di prodotti in ogni riga.

Ci sono alcuni modi in cui il tema può essere migliorato, tuttavia la versione che ho testato (1.0) non presentava bug a parte il personalizzatore che non veniva mostrato nel tema figlio, quindi non vedo l'ora di vedere come si svilupperà il tema nel prossimo anno .

Merchandiser è disponibile da ThemeForest al costo di $59. Questo ti dà aggiornamenti illimitati del tema e sei mesi di supporto da Get Bowtied. È possibile aggiungere altri sei mesi di supporto per $ 17,70.

Controlla

Kevin

[Nota dell'editore: il piccolo bug menzionato da Kevin con il tema figlio e il Customizer è stato corretto nella versione 1.02. L'ultima versione al momento della scrittura è 1.03]