Crea un negozio online con Joomla e Wegy Template

Abbiamo già recensito Wegy - un template multiuso per Joomla realizzato da TemplateMonster. In precedenza ci stavamo concentrando sulle sue capacità come modello di business per siti Web aziendali e pagine di destinazione.

Ma dall'ultimo aggiornamento, Wegy è dotato di funzionalità di eCommerce complete. Viene fornito con una vasta gamma di pagine predefinite per i venditori online (home page del negozio, singolo prodotto, elenco, pagine di spedizione e consegna e così via); supporta lo zoom del cloud dell'immagine del prodotto, più valute e molte altre funzionalità orientate all'e-commerce. Con VirtueMart come soluzione di e-commerce, Wegy è semplice, flessibile ed efficace in termini di vendita online.

sommario

Oggi ti aiuteremo a personalizzare il tuo negozio online basato su Wegy, in modo da poter avviare la tua attività di e-commerce in pochissimo tempo. Ecco cosa c'è nella nostra lista:

• Come installare Wegy;
• Come implementare il proprio logo;
• Come modificare la combinazione di colori del modello;
• Come rendere VirtueMart la tua prima pagina;
• Come personalizzare i blocchi di testo statico;
• Come lavorare con i menu;
• Come impostare gli slider.

Iniziamo.

Installazione di Wegy Template

Esistono due modi per installare Wegy. Puoi installare tutto in una volta o solo il modello. In questa guida, utilizzeremo l'installazione implicita caricando il contenuto di pacchetto completo.zip.

1. Decomprimi il pacchetto completo.zip, che contiene Joomla, Wegy e tutte le estensioni, e caricalo nella cartella principale del tuo account di hosting.
2. Vai al tuo sito web e vedrai il messaggio di installazione.
3. Procedi attraverso il processo di installazione standard di Joomla. ! Esporta i dati di esempio nel terzo passaggio per accedere alle pagine, agli articoli e ai prodotti VirtueMart già pronti. È molto più facile modificarli che creare tutto da zero!
4. Non dimenticare di eliminare la cartella di installazione.

Congratulazioni, l'installazione è terminata! Ora puoi navigare nel tuo sito web o accedere al pannello di controllo di Joomla per personalizzare il tuo modello.

(PS. Abbiamo un'offerta speciale per questo modello in corso in questo momento: ottieni il 10% di sconto fino al Marzo 2023 utilizzando il codice coupon: collectiveraytm10)

Dimostrazione dal vivo  Ottieni il 10% di sconto fino al Marzo 2023 - Coupon: collectiveraytm10

Personalizzazione iniziale

Cominciamo con le basi. Per personalizzare il tuo negozio Wegy dovrai sostituirlo loghi, blocchi di testo statici come i dati di contatto e "Chi siamo" e, forse, modificare la combinazione di colori del sito web.

Implementare il tuo logo

Accedi al pannello di controllo e vai a Modelli > theme3092 - Negozio.

1. Vai al 'disposizione"scheda e trova"Impostazioni del logo' articolo;

2. Carica la tua nuova immagine del logo;

3. Clicca 'inserire';

4. E salva le modifiche.

Tieni presente che il nome del file deve contenere solo caratteri alfanumerici, non sono consentiti spazi.

Modifica delle meta-informazioni

1. Vai su VirtueMart> Acquista nel tuo pannello di controllo;

2. Qui puoi modificare il nome del negozio, il nome del venditore, la descrizione del negozio, i termini di servizio, le informazioni legali e varie meta-informazioni: parole chiave, descrizione e molto altro.

Configurazione delle informazioni di contatto

Ci sono 2 posizioni che devono essere personalizzate in primo luogo: "sup-top" (un pannello stretto sopra l'intestazione) e "copyright" (il piè di pagina). Per sfogliare e modificare i moduli che appartengono a queste posizioni, procedi come segue:

1. Vai su Estensioni > moduli;

2. Trova 'Seleziona la posizione'nella barra laterale. Seleziona "sup-top". Ora devi modificare i moduli 'Geolocalizzazione' e 'info'. Basta fare clic su di essi, sostituire le informazioni con le proprie e fare clic su "Salva".

Stessa cosa con il piè di pagina.

1. In Estensioni > moduli > Filtro > Seleziona posizione scegli 'copyright';

2. Trova tutti i moduli con il 'HTML personalizzato'digita e modificali nell'editor WYSIWYG. Quando si modifica il "INFORMAZIONI'sostituisce il logo originale di Wegy con il tuo e apparirà a piè di pagina.

Personalizzazione delle funzionalità

Ci sono tre blocchi con le funzionalità della tua azienda denominate "Spedizione gratuita", "Assistenza" e "Restituzione dell'ordine".

Se hai effettuato l'accesso come amministratore, puoi modificarli direttamente dal frontend. Basta fare clic sulla piccola icona sopra il modulo e verrai reindirizzato all'editor WYSIWYG.

Modifica di una combinazione di colori

1. Vai su Utenti > User Manager > Aggiungi nuovo utente e compilare tutti i moduli necessari per creare un nuovo utente;

2. Assegnalo al gruppo "Super utenti" nella seconda scheda e salva;

3. Accedi come questo utente appena creato nel menu a scomparsa sul front-end;

4. Vedrai un pannello Style Switcher sulla sinistra. Scegli uno dei 4 stili e premi 'Risparmi'.

Wegy utilizza LESS pre-processore per migliorare il suo codice CSS. Grazie alle variabili introdotte in LESS puoi cambiare lo schema dei colori dell'intero sito web con un clic. Per modificare questi schemi devi scavare nei file CSS del modello, però.

Dimostrazione dal vivo Ulteriori informazioni

menu

È ora di occuparti della navigazione del tuo negozio. Molti elementi di questo modello appartengono ai menu, persino ai pulsanti dei social media nel piè di pagina.

Puoi riorganizzare le posizioni dei menu e la loro gerarchia con un semplice trascinamento.

1. Vai su Pannello di controllo> Menu> Menu principale> Aggiungi nuovo menu Articolo;

2. Dagli un nome e specifica il suo tipo. Ad esempio, inseriamo un collegamento alla bacheca del Forum Kunena qui. Scegli Forum Kunena> Elenco categorie.

3. Salva il menu. Dovrebbe apparire sulla tua home page.

***

1. Per gestire i tuoi pulsanti sui social media apri Pannello di controllo> Menu> Social media;

2. Apri qualsiasi voce di menu e incolla l'URL del rispettivo account di social media. Salva il menu.

Ora le icone nel piè di pagina collegano i tuoi profili social.

Dimostrazione dal vivo Ulteriori informazioni

Menu Mega

La funzionalità del mega menu di Wegy è alimentata dal plug-in Ice Mega Menu.

Quando modifichi o crei una voce di menu, puoi andare alla scheda "IceMegaMenu" e impostare il numero di colonne. Se è più di 1, si trasformerà in un mega menu. Sì, è così semplice. Tutto quello che devi fare è disporre le colonne correttamente e definire le loro larghezze in percentuale. Propriamente. Come questo:

I dati di esempio di Wegy includono due mega menu già pronti su cui puoi esercitarti. Nel nostro esempio, abbiamo aggiunto "Accessori'e ha modificato il banner e la sua posizione.

Impostazione del tuo negozio come home page

Se vuoi creare un sito web per il negozio, probabilmente vorrai impostare il negozio come home page del tuo sito web. Ecco come si può fare:

1. Vai su Menu> Menu principale> Aggiungi nuova voce di menu  nel tuo pannello di controllo;
2. Dagli un nome univoco. Accanto al Tipo di menu fare clic sul Seleziona pulsante. Fare clic VirtueMart dall'elenco, quindi fare clic su In prima pagina;

3. Clicca 'Risparmi'.

4. Ora vai a Menu> Menu principale, trova il tuo nuovo menu e fai clic sulla stella accanto ad esso.

Ora controlla la prima pagina del tuo sito web (es. Https://wegystore.com/). Se hai fatto tutto correttamente, vedrai la home page del tuo negozio.

Sliders

Il cursore sotto l'intestazione utilizza i tuoi articoli come diapositive. Per un risultato migliore, è necessario utilizzare immagini di grandi dimensioni ad alta risoluzione, che avranno comunque un bell'aspetto quando vengono allungate sulla pagina.

1. Vai su Estensioni> Moduli nel pannello di controllo;
2. Trovare il Negozio Sequence Slider modulo;

3. Nella prima scheda scegli una categoria di articolo da visualizzare o annulla la pubblicazione del modulo se non hai bisogno di uno slider.

Ci sono molti altri modi per migliorare il tuo negozio Joomla con Wegy; abbiamo citato solo i più importanti. Per una personalizzazione approfondita, controlla la cartella Documentation dal tuo pacchetto Wegy.

Porta Wegy qui

(PS. Abbiamo un'offerta speciale per questo modello in corso in questo momento: ottieni il 10% di sconto fino al Marzo 2023 utilizzando il codice coupon: collectiveraytm10)

Dimostrazione dal vivo Ulteriori informazioni

Tutti i dettagli di cosa c'è in Wegy

Wegy è una sorta di tema rivoluzionario per TM, poiché unisce tutte le migliori idee dell'azienda ed è creato con le ultime tendenze e concetti IT.

Inoltre viene caricato con 14 pagine predefinite che sono un must per qualsiasi sito Web aggiornato e, per questo motivo, non è necessario progettarle da soli. Inoltre, include 4 combinazioni di colori che ti consentono di modificare la tavolozza del tuo sito Web con un solo clic.

Quindi, diamo un'occhiata più da vicino ad alcune delle caratteristiche che rendono Wegy unico.

Ottimizzazione SEO

Il tema è ottimizzato SEO per impostazione predefinita, quindi verrà classificato da tutti i motori di ricerca, fornendo così più traffico al tuo sito web.

Mega menu fisso

Il prossimo è un mega menu fisso. Ciò garantisce una migliore navigazione e consente di organizzare il contenuto in gruppi logici. In questo modo, gli utenti potranno trovare i prodotti a cui sono interessati, molto più velocemente.

Dispositivo di scorrimento a tutta larghezza

Come l'ultima tendenza, un cursore a tutta larghezza nella parte superiore della home page è una sorta di marchio di fabbrica per la tua attività e anche un ottimo modo per mostrare i prodotti e i servizi che offri. Il modulo Image Swoop ti consente di creare uno slider accattivante in pochi minuti.

Google Fonts

I caratteri di Google ti consentono di portare più individualità al sito e di migliorare l'esperienza di navigazione web dei tuoi visitatori.

Icone vettoriali scalabili

Con l'aiuto di icone vettoriali scalabili, puoi aggiungere un po 'di stile al tuo sito web con un paio di clic. Le icone sono completamente personalizzabili. Sei libero di cambiare il loro colore, le ombre e le dimensioni.

Carica pigro

Effetto Lazy Load: una delle caratteristiche più efficaci di Wegy. Assicura che gli elementi non visibili non vengano caricati fino a quando non vengono fatti scorrere verso il basso. In altre parole, aiuta le pagine a caricarsi più velocemente e riduce notevolmente il carico del server.

Bootstrap abilitato + reattivo

Bootstrap: questo framework offre un potente set di funzioni che ti aiuteranno a migliorare le prestazioni del sito e renderlo reattivo su vari dispositivi. Offre una raccolta di codici già pronti che puoi utilizzare per rendere il sito più personalizzato.

Il design reattivo consente al tuo sito Web e al suo contenuto di adattarsi a qualsiasi risoluzione dello schermo, quindi funzionerà bene su tutti i dispositivi, inclusi desktop, tablet e smartphone.

Supporto di GoogleMap

Mostra al tuo pubblico la posizione della tua azienda su GoogleMap e fagli sapere come raggiungere il tuo ufficio.

10+ moduli multimediali

10+ moduli multimediali miglioreranno la funzionalità del tuo sito web e garantiranno una navigazione ottimale. Con questo tema ottieni:

• Joomla
• Accesso social,
• Chat dal vivo con Olark Aggiungi contatori,
• Integrazione di social network con Addthis,
• e una varietà di altri moduli multimediali.

Supporto per newsletter

Con l'aiuto di un potente modulo di newsletter, puoi convertire i tuoi visitatori in abbonati e, infine, in clienti

Effetto parallasse

Una delle caratteristiche più sorprendenti di Wegy è l'uso di Parallax. Questo effetto consente allo sfondo di spostarsi più lentamente in primo piano mentre si scorre la pagina verso il basso. In questo modo, ottieni un effetto 3D che aggiunge uno stile in più alla pagina.

Queste sono solo alcune delle funzionalità di Wegy poiché l'elenco è piuttosto lungo e ci vorrebbe del tempo per esaminarle singolarmente. Puoi installare il tema e verificare da solo tutti i vantaggi.

Originariamente, questo tema è stato progettato per siti Web aziendali e finanziari, ma grazie alle opzioni avanzate, può essere adattato a qualsiasi altro tipo di attività. Puoi adattarlo facilmente per un blog personale, portfolio, sito aziendale, ecc. Controlla il file Dimostrazione dal vivo e Ulteriori informazioni su Wegy.

Wegy ha avuto una serie di aggiornamenti, dove una serie di nuove funzionalità e migliorato alcune di quelle vecchie. Se stai già utilizzando questo modello, sarai felice di sapere che ora può diventare un negozio online completo. Se stai appena imparando a conoscere Joomla, Wegy potrebbe diventare un ottimo punto di partenza per il tuo futuro sito web.

Poiché è un modello di punta di Joomla raccolta da TemplateMonster, puoi essere certo che anche altre funzionalità sono realizzate al massimo livello.

Questo importante aggiornamento, costituito da correzioni e rinnovamenti minori, introduce diversi nuovi tipi di pagina, layout di pagina alternativi, integrazione eCommerce e una miriade di miglioramenti minori. Passiamo ora alle funzioni aggiunte di recente, offerte da Wegy:

Nuove caratteristiche

Oltre ai miglioramenti nelle funzionalità esistenti, questa versione di Wegy ne introduce una serie di nuove. Tu, indubbiamente, le troverai utili,

Integrazione e-commerce

Forse l'innovazione più massiccia e significativa dell'aggiornamento è la piena compatibilità eCommerce dei siti Web basati su Wegy. Joomla è uno dei sistemi di gestione dei contenuti affermati e ha molte estensioni, comprese soluzioni di e-commerce complete come VirtueMart.

Wegy ora ha pagine di negozi online premade disponibili nel recente aggiornamento di Wegy, puoi usare tutta la potenza di questa estensione per vendere roba online.

Supporto delle lingue da destra a sinistra

Wegy ora supporta le lingue con script da destra a sinistra. Sappiamo che Joomla è particolarmente popolare nei paesi arabi e ci sono oltre un miliardo di persone che utilizzano lingue con scrittura da destra a sinistra.

Supporto multilingue

Con il supporto di più lingue, ora puoi tradurre l'interfaccia del tuo sito web in tutte le lingue di cui hai bisogno per renderlo veramente internazionale.

Più valute

Ora che puoi creare un negozio online con Wegy, il tema supporta anche le valute multiple. Con questa funzione, puoi accettare pagamenti in diverse valute, aumentando così il numero dei tuoi potenziali clienti e, di conseguenza, i tuoi guadagni.

FormBuilder

Questo strumento con zero requisiti di abilità di codifica ti consentirà di entrare in contatto con i tuoi lettori / clienti con l'aiuto di moduli di contatto personalizzabili.

Ottimizzazione dell'immagine

Tutte le immagini in arrivo con Wegy sono state compresse senza alcuna perdita di qualità. Così i tuoi visitatori potranno godere di immagini di alta qualità e alta velocità di caricamento.

Parallasse

Questa tendenza dal design moderno, indispensabile per un moderno negozio online, sarà utile anche per ravvivare le pagine aziendali. Se utilizzato con foto ad alta definizione, è in grado di offrire un'esperienza utente senza pari.

Nuovi layout di pagina

La natura dell'e-commerce dell'aggiornamento si riflette in diversi nuovi layout di pagina. La maggior parte di essi è stata progettata specificamente per i negozi online, sebbene anche i proprietari di siti Web aziendali abbiano qualcosa da guardare. Ecco una breve panoramica di loro:

Home page versione 2

La versione alternativa di una homepage di Wegy, creata per i siti web aziendali e le landing page. Contiene più elementi piatti monocromatici ed è, quindi, più saturo.

Alcuni elementi cruciali come i titoli nelle tabelle dei prezzi utilizzano un carattere più grande. Ti tornerà utile se utilizzi la tua home page come pagina di destinazione. Le statistiche numeriche sono presentate come pre-caricatori, mentre nella prima versione c'erano i contatori.

Contattaci pagina versione 2

La nuova homepage stessa include più informazioni di contatto rispetto a quella originale: ha una riga di intestazione aggiuntiva con il tuo indirizzo e numero di telefono.

Anche la pagina dei contatti è stata migliorata. Ora è dotato di un widget di Google Maps a larghezza di pagina, in cui puoi contrassegnare la posizione del tuo ufficio. Le icone e i collegamenti sono più grandi e molto più visibili. La loro posizione è molto meglio ottimizzata rispetto al design originale della pagina dei contatti. Il modulo di contatto è anche duplicato nel piè di pagina della home page.

Home page del negozio

Questa pagina offre un layout orientato all'e-commerce con anteprime dei prodotti pur mantenendo il design e la navigazione familiari di un sito Web Wegy. È dotato di un cursore, un carrello della spesa con tecnologia Ajax, un selettore di valuta e una serie di etichette di prodotto ("Nuovo", "Vendite" ecc.)

Pagina del singolo prodotto

Una pagina del prodotto ottimizzata per la conversione è un attributo necessario di qualsiasi e-store.

In questo tipo di pagina, Wegy offre vari filtri (per dimensione, prezzo e produttore), valutazione del prodotto e recensioni. Per quanto riguarda le immagini, c'è un effetto cloud zoom, che consente ai tuoi clienti di vedere il prodotto in dettaglio; e anche un cursore di anteprima dell'immagine per mostrare un prodotto in diversi colori, stili e da diverse angolazioni.

Home page del catalogo

La pagina della scheda del negozio di Wegy non è solo una fregatura della home page del negozio. È progettato per mostrare in modo efficace un gran numero di prodotti. Qui puoi vedere banner di categoria spettacolari, anteprime di categorie più piccole e singoli elementi, visualizzati con un effetto di caricamento lento. In questa pagina sono disponibili anche potenti opzioni di ordinamento.

Pagina di spedizione e consegna

Questo tipo di pagina è estremamente importante in termini di esperienza di acquisto. Chiarisce i termini di consegna ed è uno dei tratti distintivi di un negozio di successo. In Wegy è abbastanza semplice, ma informativo: i termini sono arricchiti da icone descrittive per una migliore comprensione.

Pagina "Informazioni sul negozio"

Una pagina del negozio "Informazioni sul negozio" alternativa fornisce un riepilogo del tuo negozio online. Qui si trovano le informazioni sul numero dei tuoi prodotti, membri del sito, fidelizzazione dei clienti e così via. È possibile personalizzare questa pagina per aggiungere i propri parametri.

Funzionalità riviste

Alcune delle vecchie funzioni sono state rifatte per migliorarne l'aspetto e l'usabilità. Le modifiche sono minori, quindi forniremo solo un elenco di controllo per tenerti informato.

• Opzione reattiva
• Opzione di ridimensionamento dell'intestazione
• Barre di avanzamento
• Blocco newsletter nella pagina Informazioni
• Stile del blog
• Filtri di portafoglio
• Le combinazioni di colori
• Ricerca nel menu nell'intestazione
• Pagine di storia, prezzi e mappa del sito
• Schede nella pagina del forum
• Stile del modulo di accesso nella barra laterale destra.

Prezzi

Wegy ha un prezzo come la maggior parte dei modelli e dei prodotti di TemplateMonster: il buon prezzo di $ 75. 

Come parte del prezzo, ottieni il tema, 14 pagine predefinite, accesso completo ai file PSD, 10+ moduli social e molto altro ancora. 

Come con la maggior parte dei modelli, puoi anche ottenere una serie di servizi aggiuntivi:

• $ 199 - per ottenere un sito Web completamente configurato con tutte le personalizzazioni necessarie per la tua azienda
• $ 49 - installazione sull'hosting di tua scelta
• $ 59 - impostazione dei servizi di conformità al GDPR
• $ 79 - l'inclusione di una serie di prodotti Joomla premium come Advanced Content Editor, componente di backup, plug-in SEO, ricerca back-end, plug-in di ottimizzazione della velocità ecc.

Poiché lavoriamo con TemplateMonster da molti anni, ci hanno offerto un'offerta speciale per i visitatori di CollectiveRay. Se fai clic sul pulsante in basso e utilizzi il codice coupon collectiveraytm10 puoi ottenere questo modello con il 10% di SCONTO. 

Ma affrettati, questa offerta è valida solo fino al Marzo 2023.

Clicca qui per il prezzo più basso su Wegy

Testimonianze

Wegy è stato venduto 747 volte e ha una valutazione di 5 stelle su 34 recensioni. Ecco alcune delle cose che i suoi utenti hanno detto sul modello:

Paolo Grande 

Quindi, avendo già pagato e scaricato molti modelli da vari siti di modelli, sono rimasto davvero colpito da Wegy. Ogni sezione è stata facilmente modificata dal front-end. (una funzionalità che manca in molti modelli). Quindi è stato più facile per i miei clienti apportare le proprie modifiche. Dal punto di vista di un provider, il supporto offerto da Templatemonster - per me è stato il più grande vantaggio. Il supporto 24 ore su 7, XNUMX giorni su XNUMX per il modello è davvero il più grande punto di forza per me. Vediamo altri fantastici modelli di Joomla come Wegy, per favore !!

Ronald Rodríguez

Facile da configurare, più opzioni per la home page. Viene fornito con immagini, dump.sql, plugin e template. Sito Web INCREDIBILE!

Guarav Pratap

Molto pratico, facile da personalizzare. Ottimo supporto e aiuto da Template Monster. 

Conclusione

Essendo un modello Joomla altamente personalizzabile, Wegy è molto flessibile per vari tipi di negozi di nicchia e modelli di e-commerce. Il suo layout neutro ti consente di applicarlo a un sito Web di qualsiasi tipo e argomento. E, cosa più importante, viene aggiornato regolarmente, poiché proviene da uno dei fornitori più affermati su TemplateMonster (Zemez).

Quindi, se stai cercando un modello professionale per il tuo sito web Joomla, Wegy è una scelta eccellente. Clicca qui per vederlo in opera: 

Visualizza demo live  Scarica ora il modello Wegy

L'autore

Autore: Davide AttardSito web: https://www.linkedin.com/in/dattard/E-mail: Questo indirizzo e-mail è protetto dallo spam bot. Abilita Javascript per vederlo.

David ha lavorato nel o intorno al settore online / digitale negli ultimi 18 anni. Ha una vasta esperienza nei settori del software e del web design utilizzando WordPress, Joomla e le nicchie che li circondano. In qualità di consulente digitale, il suo obiettivo è aiutare le aziende a ottenere un vantaggio competitivo utilizzando una combinazione del loro sito Web e delle piattaforme digitali disponibili oggi.