Come creare un fantastico negozio online con WooCommerce, Divi e Bluehost (gennaio 2019)

Oltre 74 milioni di siti dipendono dalla piattaforma WordPress per ospitare i loro blog, vendere i loro prodotti o semplicemente scrivere le loro riflessioni quotidiane per il mondo da vedere. Quando inizi a costruire il tuo sito di e-commerce hai sicuramente molte scelte da fare e WordPress si lega a questo. Quale delle piattaforme di e-commerce standout sceglierete? Stai pensando di prendere un tema per vendere i tuoi prodotti o c'è qualcuno che puoi pagare per costruire il sito da zero? Diamine, cosa pensi di vendere attraverso il tuo sito di e-commerce? Ci sono da milioni a milioni di temi WordPress tra cui scegliere quando cerchi la struttura di frontend e backend per iniziare a vendere online. Quasi lo stesso con l'hosting (ma preferiamo Bluehost).

I temi migliori includono strumenti di gestione e-commerce facili e veloci in modo che tu possa caricare i prodotti e gestire cose come sconti, premi, pulsanti e pagine dei prodotti. Il tuo tema è anche la prima cosa che le persone vedranno quando visitano il tuo sito. Li guida attraverso il processo e porta davvero la differenza tra qualcuno che è soddisfatto dell'esperienza o meno.

In breve, i temi di WordPress sono fondamentali e il Divi Il tema WordPress di Elegant Themes è un'opzione piuttosto carina da considerare. Può essere utilizzato per un sito web aziendale standard, ma include anche integrazioni per la vendita di e-commerce e processi di vendita veloci. Impariamo come creare un negozio online con il tema Divi WordPress.

Prendi il tuo dominio e l'hosting prima

Il primo passo in qualsiasi processo di creazione di siti Web è l'acquisizione di un account di hosting, il nome di dominio e l'installazione di WordPress sul sito. Divi non è diverso Ci sono molti modi per ottenere hosting e nomi di dominio, ma personalmente penso che Bluehost sia una delle opzioni più sicure e affidabili (per maggiori dettagli consulta la mia Recensione Bluehost).

Quello che è veramente bello è quello Bluehost offre un piano di integrazione WordPress + WooCommerce che ti dà tutto il necessario per iniziare a vendere online.

Come si fa a iniziare?

Vai Pagina di Bluehost che parla dell'integrazione, quindi fare clic sul pulsante Inizia ora.

Tieni presente che questo servizio parte da $ 11.95 al mese ed è molto simile a come si installa un normale sito WordPress su un account di hosting Bluehost.

La differenza principale è questa WooCommerce è già installato. Inoltre, si riceve quanto segue:

  • Sicurezza SSL e-commerce positiva
  • Una linea di supporto dedicata
  • Almeno 100 GB dello spazio del sito Web
  • Larghezza di banda illimitata
  • 100 account di posta elettronica
  • Domini gratuiti
  • Un IP dedicato

woocommerce_and_wordpress

Andando avanti è possibile scegliere il piano che si desidera pagare e passare alla pagina successiva.

choose_your_plan

Dopodiché puoi provare nuovi nomi di dominio per capire se ciò che vuoi è ancora disponibile. Una volta trovato un nome di dominio disponibile che si adatta alla tua marca, passa alla pagina successiva.

Registrazione del dominio BlueHost

Dopodiché, inserisci tutte le tue informazioni personali, i dettagli di pagamento e decidi quale tipo di piano di hosting annuale o mensile desideri utilizzare. Diventa sempre più economico più mesi a cui ti impegni sin dall'inizio.

package_information

Solitamente puoi saltare tutta la roba aggiuntiva aggiuntiva, a meno che tu non voglia veramente pagare per eseguire il backup del tuo sito o pagare per la protezione della privacy. In genere non ne hai bisogno o puoi scaricarlo gratuitamente in seguito. Dopodiché puoi creare i tuoi dati di accesso per il tuo account Bluehost, che poi ti porta al CPanel. Una volta effettuato l'accesso al CPanel, accedi all'area dei Builder del sito web, fai clic su WordPress e cammina attraverso il processo per ottenere WordPress sul tuo sito.

Costruttori di siti Web BlueHost

Di solito bastano cinque minuti, poiché è tutto automatico e devi solo creare alcune credenziali di accesso per accedere al back-end del tuo sito. Dopo che tutto è configurato, ti darà il nome di dominio appropriato per accedere se vuoi cambiare le cose sul back-end del tuo sito.

Creare il tuo negozio online con Divi

passo 1

Inizia andando al Elegante pagina di prodotti tematici per il tema Divi WordPress. Questa pagina offre l'opzione per una demo del tema e un pulsante di download rapido. Elegant Themes vende i suoi temi utilizzando una struttura di pagamento annuale o una tantum che è utile per gli sviluppatori con più siti client o persone che gestiscono numerosi siti di e-commerce. Non puoi davvero comprare solo un tema, ma il Piano Personal per $ 67 all'anno è simile a quello che potresti pagare per un tema normale e puoi interrompere i pagamenti annuali se non vuoi più il supporto. Sentiti libero di giocare con il tema prima di impegnarti per il pagamento.

Tema Divi WordPress

passo 2

Dopo esserti registrato, fai clic sul pulsante di download per il tema. Questo mette il tema come un file zip sul tuo computer. Vai alla scheda Aspetto sul back-end del tuo sito WordPress e fai clic sull'opzione Temi.

Wordpress nuovo tema

passo 3

Fai clic sul pulsante Aggiungi nuovo.

Wordpress aggiunge un nuovo tema

Fai clic sul pulsante Carica tema. Trova e carica il file zip del tema. Passare attraverso il processo per attivare completamente il tema e quindi si dovrebbe essere in grado di vedere il tema sul frontend del tuo sito.

Caricamento del tema Wordpress

passo 4

Se vai al Pagina di documentazione del tema Divi troverai praticamente tutti gli strumenti e le funzionalità con cui puoi lavorare sul tema, ma ci concentreremo principalmente sulla creazione di un sito di e-commerce. Il tema di Divi è completamente compatibile con WooCommerce in modo da poter visualizzare tutti i tuoi prodotti da quello.

La cosa fantastica è che la registrazione iniziale di Bluehost ha già installato WooCommerce sul tuo sito Web WordPress, quindi non devi preoccuparti di installarlo o configurarlo. Dovrebbe essere già disponibile nella tua dashboard.

passo 5

Tecnicamente hai già configurato il sito di e-commerce, ma in realtà vogliamo aggiungere alcuni prodotti per farlo sembrare un sito di e-commerce sul frontend. Vai alla tua dashboard di WordPress, fai clic sulla scheda Prodotti sotto WooCommerce e fai clic su Aggiungi prodotto.

WooCommerce aggiunge un nuovo prodotto

passo 6

Questo fa apparire una nuova pagina di prodotto da compilare. Sembra molto simile a qualsiasi editor di pagine di WordPress, tranne che puoi aggiungere un nome di prodotto, una descrizione e un'immagine in primo piano in modo che le persone possano vedere come appare il prodotto sul tuo sito web.

L'e-commerce aggiunge un nuovo campo di prodotto

passo 7

Se scorri verso il basso sotto l'area della descrizione troverai tutte le possibili funzioni di WooCommerce con cui giocare. Sentiti libero di modificare cose come numeri SKU, inventario, prezzi, spedizioni e attributi. Le caratteristiche sono troppo vaste per poterle delineare tutte qui, ma puoi andare al Pagina di documentazione di WooCommerce per capire tutto ciò che puoi impostare sul tuo sito di e-commerce.

Funzionalità di WooCommerce

passo 8

Il punto centrale di questo è quello di crea una homepage o pagina normale che presenta tutti i tuoi prodotti quando le persone si presentano al tuo sito. Pertanto, si dovrebbe andare su Pages> Aggiungi nuovo sul lato sinistro del dashboard di WordPress.

Wordpress nuova pagina

passo 9

Crea un titolo per la tua pagina. Fai clic sul pulsante Usa il generatore di pagine nella parte superiore e tocca l'area Inserisci moduli per includere un'intestazione a larghezza intera. Non devi scegliere un'intestazione a larghezza intera, ma stiamo andando a questo tutorial.

Pagina wordpress costruttore

passo 10

Fare clic sul pulsante Intestazione larghezza completa.

Aggiungi un'intestazione

passo 11

Inserisci i dettagli per il titolo del sito, il testo della sottotitolo e il colore del testo. È anche possibile modificare l'etichetta amministrativa, che è principalmente per il proprio riferimento. Premi il pulsante Salva quando completato.

Personalizzazione dell'intestazione

passo 12

Toccare le tre barre a sinistra del modulo di intestazione Full Width per modificare altre impostazioni.

Configurazione woocommerce di WordPress

passo 13

Qui puoi dare all'intestazione un bel colore di sfondo e persino includere un video per la tua azienda.

Tweak questi pulsanti intorno

passo 14

Ora che l'intestazione è completa, possiamo includere il modulo e-commerce facendo clic sull'area Inserisci colonne.

Configurazione e-commerce di Wordpress

passo 15

Scegli quante colonne vuoi, quindi fai clic sull'opzione Inserisci moduli che appare. Seleziona il pulsante Negozio in basso.

Configurazione e-commerce di Wordpress

passo 16

Sentiti libero di modificare il modo in cui desideri visualizzare i tuoi prodotti. Quindi potresti voler mostrare i tuoi prodotti recenti, insieme agli articoli 12 sulla pagina, alcune colonne e come vuoi che vengano ordinati. Fai clic sul pulsante Salva.

Configurazione e-commerce di Wordpress

passo 17

Una volta completato, puoi premere il pulsante Anteprima o Pubblica per visualizzare le modifiche sul frontend. Come puoi vedere, i prodotti si presentano bene e puoi sempre tornare indietro per modificare i tuoi prodotti o le impostazioni del negozio sul backend di WordPress. Congratulazioni!

In caso di domande sulla configurazione di Tema Divi WordPress, fatecelo sapere nella sezione commenti qui sotto.

Divi Valutazione: 5.0 - Recensione di

Catalin Zorzini

Sono un blogger di web design e ho iniziato questo progetto dopo aver trascorso alcune settimane cercando di capire quale sia la migliore piattaforma di e-commerce per me. Controlla la mia corrente i migliori costruttori di siti di e-commerce 10.