Costruisci un sito Web Elementor WooCommerce utilizzando il tema Cerato

Stai cercando di creare il tuo negozio di vendita online e stai cercando di scoprire il modo più semplice per creare un negozio di e-commerce online? Allora sei arrivato sulla pagina giusta.

Ora puoi creare comodamente il tuo sito web WooCommerce online da solo e gratuitamente con questa guida.

Creare un negozio di e-commerce online con l'aiuto delle informazioni online può essere un compito arduo. Ma se segui la nostra procedura passo passo, ti ritroverai con un bellissimo negozio di e-commerce in pochissimo tempo.

Avrai bisogno solo di tre strumenti per creare il tuo negozio.

1. Elementor : questo è un plugin per WordPress che ti aiuterà a creare le pagine del tuo negozio come la home page, chi siamo, il catalogo prodotti, il checkout e molte altre pagine.

2. WooCommerce : questo è il CMS che gestirà il tuo negozio

3. Tema Cerato : Cerato è un tema WordPress altamente funzionale che viene fornito con opzioni profondamente personalizzabili e integrazione WooCommerce integrata e siti demo per creare istantaneamente un negozio online.

Prima di tutto, installa WooCommerce dalla directory WordPress e poi segui questo tutorial passo passo per ottenere il tuo negozio di e-commerce online con un aspetto impressionante.

Come creare un sito Web Elementor WooCommerce utilizzando il tema Cerato

Cerato è il tema WordPress premium di Elementor dotato di funzionalità perfette per la creazione di un negozio online. Il tema Cerato è compatibile con plugin e include funzionalità potenti e avanzate essenziali nella creazione di un negozio di e-commerce online.

Cerato offre possibilità illimitate per utilizzare la tua creatività utilizzando straordinarie opzioni di temi. I suoi layout altamente ottimizzati per dispositivi mobili si adattano rapidamente a tutte le dimensioni dello schermo.

Con il tema Cerato e il generatore di pagine Elementor, puoi personalizzare qualsiasi cosa con più pannelli di opzioni personalizzabili.

Configura rapidamente il tuo negozio online con l'importatore demo con un clic e risparmia molto tempo. L'opzione di importazione demo con un clic ricreerà rapidamente il tuo negozio in un minuto senza alcuna codifica.

Cerato ha anche opzioni illimitate di intestazione e piè di pagina e puoi creare stili di piè di pagina e intestazione potenti e sorprendenti con l'opzione visiva Drag'n Drop. Allo stesso modo, puoi inserire i tuoi prodotti utilizzando layout di categoria illimitati.

Passaggio 1: scarica il tema Cerato dalla pagina Download di ThemeForest 

Avvia la procedura di installazione acquistando il tema Cerato da ThemeForest Downloads.

Dopo aver fatto clic su Scarica. Verranno visualizzate tre opzioni

1. Tutti i file e la documentazione

2. Solo file WordPress installabili

3. Certificato di licenza e codice di acquisto (PDF)

4. Certificato di licenza e codice di acquisto (testo)

Puoi utilizzare la prima opzione per scaricare il pacchetto completo inclusa la documentazione mentre la seconda opzione "solo file WordPress installabile" consiste nell'installare direttamente il tema WordPress.

Decomprimi la cartella e conterrà tre cartelle al suo interno.

  • Leggimi.txt
  • Documentazione
  • Cerato.zip

Passaggio 2: installazione del tema Cerato       

Per installare il tema Cerato, dovresti avere una versione corrente di WordPress. Una volta attivato WordPress, segui questi passaggi per l'installazione del tema.

  1. Prima di tutto carica i file del tema e poi attiva il tema.
  2. I file del tema possono essere caricati in due modi;

Caricamento FTP : se stai utilizzando un programma FTP, vai alla cartella del tuo server “/wp-content/themes/”. E carica la cartella del tema non zippata.

Caricamento WordPress: vai su> Aspetto> Aggiungi nuovi temi> carica.

Vai su> Sfoglia> seleziona la cartella del tema zippato> fai clic su "Installa ora".

Puoi visualizzare questo tutorial video per installare rapidamente il tema.

Una volta terminato il processo di installazione, sentiti libero di creare il tuo sito Web e giocare con fantastiche opzioni di temi per creare un sito straordinario.

Ora discuteremo come utilizzare i generatori di intestazioni e piè di pagina con opzioni illimitate per ravvivare la sezione di intestazione e piè di pagina.

Come utilizzare il generatore di intestazioni

Il tema Cerato consente la personalizzazione di tutte le impostazioni relative al design utilizzando il personalizzatore WordPress Live in cui puoi modificare qualsiasi cosa e visualizzare i risultati in tempo reale.

Vai a > Amministrazione WordPress > Aspetto > personalizzazione > come utilizzare il generatore di intestazioni.

Con il generatore di intestazioni, puoi modificare lo stile, i colori e l'altezza del carattere e anche aggiungere o rimuovere elementi come la lingua, le icone dei social media o qualsiasi altro elemento a tua scelta.  

Guarda il video tutorial qui “ come utilizzare Header Builder ”.

Il generatore di piè di pagina include diversi stili di widget piè di pagina che puoi utilizzare su più pagine o selezionare e personalizzare su una singola pagina. Inoltre, aggiungi più widget, sostituiscili o riorganizza i widget in un batter d'occhio con il potente generatore di piè di pagina.

Dai un'occhiata al video tutorial su " come utilizzare Footer builder" .

Come utilizzare diverse opzioni del tema

Il tema Cerato consente inoltre diverse configurazioni di stili di tema e, se desideri, modificare le impostazioni predefinite del tema

Vai su > Amministrazione WordPress > Aspetto > personalizza > Stile.

La sezione di personalizzazione consente di modificare il colore del carattere, la dimensione e il colore dello sfondo.

Personalizza lo stile del tema WooCommerce

Questa sezione controlla le opzioni di colore per gli elementi di WooCommerce come titolo, prezzo, prezzo di vendita, pulsante del carrello, esaurito, pulsante di visualizzazione rapida e molti altri elementi.

Personalizza le impostazioni della home page

Puoi anche personalizzare le impostazioni della home page. Puoi scegliere in quale ordine desideri mostrare i tuoi post, se preferisci il tradizionale ordine cronologico di visualizzazione dei post o una pagina fissa o statica. Se desideri visualizzare una pagina statica come home page, devi selezionare due pagine; una diventerà la tua home page statica e l'altra pagina mostrerà i tuoi post.

Hai spiegato come installare il tema Cerato e come personalizzare le diverse opzioni del tema.

Ora, discutiamo di come il generatore di pagine visive di Elementor ti aiuterà a creare il tuo negozio online e di come puoi creare layout di pagina straordinari con la semplice opzione drag'n drop.

Cos'è Elementor e come funziona con Cerato Theme

Elementor è un generatore di pagine visive per siti WordPress che consente agli utenti di creare pagine Web in modalità live, dove possono visualizzare tutte le modifiche in modo vivace.

Elementor è un editor frontend live che sostituisce l'editor di base di WordPress, in modo che gli utenti possano facilmente visualizzare le modifiche nei layout senza oscillare avanti e indietro tra l'editor e la modalità di anteprima. Questo avvincente generatore di pagine consente agli utenti di creare visivamente un design intricato senza utilizzare alcuna codifica o CSS. Dai un'occhiata a questo tutorial per ulteriori informazioni.

Impostazioni di Elementor

Passa a Elementor > Impostazioni in WordPress e seleziona due caselle Disabilita colori predefiniti e Disabilita caratteri predefiniti.

Crea un negozio WooCommerce con il tema Cerato

Passaggio 1: crea una home page del negozio

Se desideri impostare la tua home page come pagina iniziale del negozio, apporta alcune modifiche di base e cambia la pagina base WooCommerce predefinita nella home page del tuo negozio WordPress.

Nell'area delle impostazioni della home page: vai su > visualizzazione della prima pagina > fai clic su Pagina statica > seleziona la pagina desiderata dal menu a discesa > salva le modifiche .

Anche per mostrare il tuo negozio in prima pagina segui questi passaggi;

Vai su> WooCommerce> impostazioni> prodotti> Display> modifica le impostazioni attuali della home page di WordPress su Negozio> salva modifiche.    

Questo è tutto. Ora hai la home page del tuo negozio in mostra.

Pagina Avviso del negozio

Se desideri visualizzare qualsiasi tipo di avviso sul tuo sito, crea una pagina di avvisi del negozio che verrà visualizzata su tutte le pagine del tuo sito web. È possibile visualizzare l'avviso di spedizione gratuita o gli avvisi di disponibilità di stock limitato.

Personalizza il catalogo prodotti da visualizzare nella pagina del negozio

In questa sezione, scegli quali prodotti desideri mostrare nella pagina principale del negozio. Scegli la categoria, il modo in cui verranno ordinati i prodotti e la quantità di prodotti che desideri visualizzare per riga.

Impostazioni della pagina di pagamento

Puoi anche modificare le impostazioni della pagina di pagamento e creare termini e condizioni secondo le politiche della tua azienda.

Personalizza la pagina del negozio

In questa sezione delle impostazioni puoi controllare più opzioni di visualizzazione del prodotto;

  • Quanti prodotti visualizzare sulla home page
  • Abilita o disabilita l'effetto al passaggio del mouse sui prodotti
  • Abilita/Disabilita il catalogo prodotti
  • Abilita l'avviso di spedizione gratuita sul tuo sito
  • Abilita il bordo del prodotto
  • Controlla lo spazio bianco tra il display del prodotto
  • Icone del carrello
  • Abilita i prodotti evidenziati in primo piano con una presentazione
  • Barra laterale del negozio

Personalizza le impostazioni della pagina del prodotto

In questa sezione puoi configurare le impostazioni della pagina del singolo prodotto e sarai in grado di controllare le seguenti opzioni

  • Abilita/Disabilita l'opzione di condivisione del prodotto
  • Abilita Acquista ora una scelta; questa opzione consente agli utenti di reindirizzare alla pagina del carrello una volta selezionato un prodotto da acquistare.
  • Abilita la navigazione dei prodotti successivi o precedenti
  • Abilita l'opzione di zoom del prodotto
  • Abilita i prodotti visualizzati di recente da altri spettatori
  • Abilita i prodotti correlati disponibili

Come aggiungere e gestire nuovi prodotti

Nella barra di sinistra è disponibile l'opzione del menu prodotto ed è possibile aggiungere nuovi prodotti. Dopo aver fatto clic su Aggiungi prodotto, verrà visualizzata una finestra in cui è possibile inserire tutti i suoi attributi, titolo, prezzo e dettagli sullo stock.

Crea più categorie

Crea classi illimitate per organizzare i tuoi prodotti. I clienti potranno navigare facilmente tra le diverse categorie e selezionare i prodotti che desiderano senza problemi.

Crea la pagina di monitoraggio dell'ordine

Il tema Cerato consente ai suoi utenti di creare una pagina di monitoraggio per i clienti. Segui questi passaggi

  • Aggiungi una nuova pagina dal menu delle pagine
  • Crea un titolo di pagina
  • Incolla questo shortcode nell'editor di testo; [woocommerce_order_tracking]
  • Fare clic su Pubblica

Crea una lista dei desideri e confronta la pagina

Segui questa procedura per creare una lista dei desideri e confrontare le pagine.

Passaggio 1 : crea nuove pagine per la lista dei desideri e confronta le pagine.

Passaggio 2 : vai a> personalizza> lista dei desideri/confronta

Dopo aver impostato queste due aree la visualizzazione finale della lista dei desideri e delle pagine di confronto sarà simile a questa;

Concludendo

Cerato è senza dubbio uno dei temi WordPress perfetti forniti con il page builder Elementor. del tema Cerato rappresentano la scelta perfetta per creare uno straordinario negozio di e-commerce online con tantissime opzioni personalizzabili. Puoi creare fantastici layout di intestazione e piè di pagina, dettagli di prodotto e catalogo e tante altre opzioni. Quindi, prova qualsiasi stile di home page che si adatti perfettamente alla creazione del tuo negozio online.

Holderkhu

live:.cid.e495888558d5265f

Post recenti

Come utilizzare intestazioni e piè di pagina con Elementor

Le intestazioni e i piè di pagina di un sito Web sono elementi essenziali. Nella maggior parte dei casi, l'intestazione fornisce la navigazione...

6 gennaio 2022

Confronto dei temi WordPress: Astra vs OceanWP

Due dei temi WordPress più popolari sul mercato sono Astra e OceanWP. Professionale…

2 gennaio 2022

Confronto dei temi delle notizie WordPress: Giornale vs. Astra

Per creare un eccellente sito Web di notizie non è necessario che tu diventi un web designer. Noi…

25 ottobre 2021

Crea un sito Web relativo alle notizie con il tema del giornale

Il tema Giornale è uno dei temi WordPress più significativi progettati da tagDiv, un...

18 ottobre 2021

Come costruire un eCommerce con il builder Avada WooCommerce

Quando si tratta di creare un negozio online, WooCommerce è il plugin di riferimento. Esso…

4 ottobre 2021

Come utilizzare l'intestazione fissa e gli effetti di scorrimento con Elementor

Un'intestazione è generalmente la prima cosa che una persona vede quando visita il tuo sito web,...

21 settembre 2021