I migliori progetti di vetrine di BigCommerce che portano il tuo business online al livello successivo (2023)

introduzione

Il passaggio iniziale, prima di aggiungere qualsiasi merce da vendere nei negozi BigCommerce, è la creazione di un design per la vetrina di BigCommerce.

Tuttavia, non è così semplice come sembra... Implica la scelta di un tema, l'installazione di eventuali plug-in di terze parti necessari, la creazione di pagine di contenuti e molto altro...

Pronto a creare un negozio BigCommerce ma ti senti sovraccarico?

Nella prossima sezione, troverai istruzioni dettagliate su come fare queste cose in un solo articolo. Cosa c'è di più? LitExtension - # 1 L'esperto mondiale di migrazione del carrello della spesa crea anche un elenco dei nostri 3 migliori design di vetrine BigCommerce preferiti in modo che tu possa usarli per la tua prossima grande idea!

Usa questi suggerimenti e il tuo negozio BigCommerce sarà un successo strepitoso!

Bene, allora leggiamo ogni sezione (che consigliamo sempre), oppure vai direttamente al negozio che ti interessa di più:

• Cos'è BigCommerce?
• Come creare un design per la vetrina di BigCommerce in 6 semplici passaggi?
• I migliori esempi di progettazione di vetrine BigCommerce

Cos'è BigCommerce?

Ben noto per la sua rapida espansione, BigCommerce , con sede ad Austin, in Texas, è diventato uno dei più importanti sistemi di gestione dei negozi online in tutto il mondo. Fondata nel 2009, si è espansa e ha fornito servizi a oltre 80.000 rivenditori online in 120 paesi diversi.

Tra le molte piattaforme di e-commerce , BigCommerce è una piattaforma di e-commerce ospitata di alto livello che consente ai commercianti di vendere un'infinita varietà di beni digitali, fisici e basati sui servizi da un'unica vetrina online.

Inoltre, BigCommerce addebita zero commissioni di transazione su ogni acquisto . Pertanto, può ottimizzare le tue vendite e massimizzare i tuoi profitti .

Con BigCommerce, puoi creare rapidamente un negozio e iniziare a vendere qualsiasi cosa immediatamente . Detto questo, BigCommerce lascia ancora spazio agli utenti esperti di tecnologia per personalizzare ulteriormente il proprio negozio BigCommerce.

In effetti, puoi creare un negozio BigCommerce da qualsiasi luogo con un computer, un browser web e l'accesso a Internet.

Poiché si tratta di un SaaS, questa piattaforma fornisce anche una varietà di temi BigCommerce modificabili che possono essere utilizzati come punto di partenza per il design del tuo negozio online. Nel caso in cui non disponi di risorse finanziarie stabili per i modelli di siti Web, questa piattaforma di e-commerce offre anche diversi temi BigCommerce gratuiti tra cui scegliere.

In altre parole, non importa cosa stai cercando di vendere o come pensi di venderlo; BigCommerce semplificherà il processo.

Le funzionalità più avanzate della piattaforma potrebbero richiedere del tempo per essere apprese, ma la maggior parte dei web designer di BigCommerce non ha difficoltà dopo 1-2 settimane e con l'aiuto del servizio clienti dedicato 24 ore su 24, 7 giorni su 7.

BigCommerce Storefront Design: una guida passo passo

Impariamo come personalizzare il design di BigCommerce in modo più dettagliato.

#1. Avvia il generatore di pagine BigCommerce

Con l'intuitivo approccio drag-and-drop, il generatore di pagine è un metodo popolare per apportare modifiche al design di una vetrina di BigCommerce . Pertanto, rende semplice per chiunque creare una vetrina BigCommerce senza la necessità di imparare a programmare.

Prima del lancio, ricordati di salvare una copia delle impostazioni del tuo tema se ne hai già uno.

Per accedere a Page Builder, vai su Storefront > Temi . C'è un pulsante " Personalizza " evidenziato nella pagina Temi.

Quando accedi allo storefront nel back-end, puoi accedere a questa funzione facendo clic in alto a destra che dice "Progetta questa pagina in Page Builder".

Quindi, aprirà l'interfaccia di Page Builder!

• Una homepage viene mostrata sulla destra quando attivi Page Builder
• Alcune opzioni di configurazione sono visualizzate a sinistra.
• Le opzioni montate in alto ti consentono di alternare il tipo di schermata di anteprima, salvare e annullare le modifiche e persino pubblicare il tuo tema.

Quando hai finito di apportare modifiche, puoi vedere come appariranno ai visitatori del sito passando alla modalità di anteprima. Pertanto, ciò offre agli utenti più tempo per valutare il design del negozio BigCommerce prima della pubblicazione.

#2. Modifica lo stile del tema

BigCommerce fornisce ai suoi commercianti vari modelli personalizzabili per selezionare gli stili migliori per il loro negozio online. Allo stesso modo, puoi passare allo stile del tema BigCommerce per adattarlo meglio al tuo marchio.

Per sapere come modificare lo stile del tema BigCommerce, consulta questo documento, ma ricorda che potresti aver bisogno di un'adeguata conoscenza del codice per completare questo processo.

Nel caso in cui non sapessi come modificare il tema, considera i seguenti consigli:

• Includi funzionalità impressionanti: idealmente, dovresti scegliere progetti BigCommerce con funzionalità robuste come menu giganti, filtri di prezzo, una "visualizzazione rapida" dei prodotti e così via. Utilizzando questi strumenti, i rivenditori possono attrarre visitatori senza interrompere l'integrità della navigazione principale.
• Crea un layout ottimizzato per i dispositivi mobili: i tuoi clienti e i visitatori del sito possono acquistare con fiducia, sapendo che avranno un'ottima esperienza su qualsiasi dispositivo mobile. Inoltre, è importante che l'estetica del tuo negozio corrisponda alle esigenze del tuo mercato di riferimento.
• Aggiungi una sezione blog: per fare in modo che i consumatori si ricordino quando vanno a fare acquisti, devono fornire un valore memorabile. Per questo motivo, un tema che include una sezione di blog aiuterà in modo significativo un'azienda a raggiungere un elevato page rank di Google.

#3. Aggiungi widget

Testo, foto, banner, video e pulsanti, o "Widget" in generale, possono essere aggiunti rapidamente in pochi minuti utilizzando Page Builder.

Per aggiungere un widget, prendilo dal lato sinistro del menu Page Builder e rilascialo in una delle aree designate.

Una volta posizionato un widget su una pagina, le sue opzioni verranno visualizzate nel menu di Page Builder. Quindi, il design del widget apparirà nella sezione Design a destra.

#4. Personalizza favicon, logo e banner

Favicon e logo

Quando visiti un sito Web, il tuo browser potrebbe visualizzare un piccolo simbolo chiamato favicon a sinistra del titolo della pagina. Se non lo cambi, l'icona BigCommerce diventerà la favicon del tuo negozio. Dovresti, tuttavia, sostituirlo con un'immagine del marchio per rendere più eccezionale il design del tuo negozio BigCommerce.

Per personalizzare la favicon di BigCommerce, seleziona " Carica un'immagine personalizzata " da utilizzare come logo, quindi fai clic su " Seleziona un'immagine dal tuo computer " o trascina un'immagine nella casella per caricare un logo.

Con la stessa procedura puoi anche modificare il tuo negozio nella sezione Logo (Vetrina > Logo).

Dopo aver apportato le modifiche in Page Builder, fai clic su Salva per continuare a lavorare lì e su Pubblica per inviare tali modifiche alla vetrina.

Bandiera

I banner possono promuovere offerte, mostrare buoni sconto e altre promozioni, trasmettere informazioni critiche e includere componenti visivi come fotografie e video nel design di un sito web.

Per personalizzare un banner, devi:

1. Passa a Marketing > Banner > Crea un banner .
2. Assegna un nome al tuo banner (nessuno al di fuori della tua azienda lo vedrà mai, quindi sentiti libero di nominarlo a tuo piacimento).
3. Poi, riempi il testo del tuo banner .
4. Specifica la pagina su cui desideri visualizzare il banner. I banner possono essere posizionati solo su una pagina alla volta. Tuttavia, se desideri utilizzare lo stesso banner su più pagine, puoi duplicarlo.
5. Potrai quindi scegliere se visualizzare il banner . Rimuovi il segno di spunta da questa casella se desideri salvare il banner come bozza.
6. Infine, salva il file modificato.

#5. Usa un carosello per il design del tuo negozio BigCommerce

Per attirare l'attenzione dei clienti, puoi utilizzare un carosello, uno slideshow o una serie di banner rotanti sulla home page del tuo negozio online.

Qui è possibile visualizzare fino a 5 immagini e diapositive di testo, con ciascuna diapositiva che porta a un prodotto o sito Web diverso. Nello specifico, una nuova immagine sostituirà la precedente ogni pochi secondi.

Ecco come aggiungere immagini al Carousel al design del negozio BigCommerce:

1. Accedi alla sezione Carousel andando su Storefront > Home Page Carousel .
2. Seleziona una miniatura della diapositiva senza alcun contenuto. Dopo aver scelto un'immagine da caricare, l'anteprima si trasformerà in una notifica che ti chiederà di farlo.
3. Quindi, vai alla posizione in cui è archiviata l'immagine e trascina e rilascia l'immagine nella finestra di anteprima del carosello . (In alternativa, puoi scegliere un'immagine dal tuo computer facendo clic sul pulsante Scegli file ).
4. Pubblica il file modificato.

#6. Modifica pagine di contenuto

Puoi modificare il contenuto delle tue pagine web utilizzando il nostro comodo editor drag-and-drop. Per apportare modifiche al contenuto della tua pagina, fai clic sui tre puntini della pagina, quindi fai clic su " Modifica ".

Ci sarà una raccolta di layout predefiniti sul lato destro che puoi trascinare sul tuo documento.

Da lì, puoi scegliere tra una varietà di funzionalità che renderanno unico il design del tuo negozio BigCommerce, ad esempio:

• Passa il mouse su un'immagine e fai clic sull'icona della fotocamera per aggiungere le tue immagini.
• Sposta il puntatore del mouse sul collegamento per modificarlo.
• Scambia le icone facendo clic su di esse e scegliendone una nuova.
• Se desideri incorporare un video da YouTube, copia l'URL e incollalo nella casella.

Miglior design di vetrine di BigCommerce per ispirarti

Con i passaggi precedenti, dovresti essere più competente per personalizzare il design del tuo negozio BigCommerce. Poiché imparare dai migliori è una buona pratica, consideriamo alcuni dei migliori esempi di siti Web di BigCommerce come riferimento:

#1. TeschioCandy

La prima azienda audio, Skullcandy, fonde la moda con la tecnologia all'avanguardia. Hanno presentato al mondo alcune delle migliori cuffie, tra cui opzioni wireless, auricolari e auricolari.

Il sito Web Skullcandy è uno dei migliori negozi BigCommerce grazie alla sua originalità, alla combinazione di colori accattivante e al layout raffinato.

In effetti, è abbastanza raro che un sito Web non abbia alcuna navigazione, motivo per cui questo sito Web brilla!

Ecco alcune delle caratteristiche evidenti:

• Un'intestazione in bianco e nero unita a uno striscione gigante dai colori vivaci crea un design sorprendente e contemporaneo.
• Passa il mouse su "Inside a SkullCandy" e ci sono collegamenti che ti porteranno ad altre sezioni del sito .
• Inoltre, puoi utilizzare i pulsanti in basso per metterti in contatto con loro.

#2. Pandora

Nel 2000, Pandora ha iniziato a creare i suoi ciondoli ormai iconici. Ogni ciondolo è realizzato a mano per completare i singoli stili e i proprietari ne fanno tesoro con delicatezza.

Pertanto, durante la creazione di un sito Web, Pandora trasmette anche queste vibrazioni:

• Utilizzano un layout liscio, pulito e organizzato per creare un marchio premium di alta moda
• Direttamente nella parte superiore della pagina principale, c'è un banner e un carosello che mostrano diverse offerte e immagini per attirare i visitatori.
• Puoi vedere i prodotti in primo piano scorrendo lentamente verso il basso e terminando con il widget "Iscriviti alla nostra newsletter".

#3. Ben & Jerry's

Ben & Jerry's è diventato famoso per i suoi gusti di gelato creativi, basati su combinazioni di ingredienti salati e dolci. I fan delle prelibatezze surgelate probabilmente conoscono le varietà di Ben & Jerry, ma sapevi che sono anche ossessionati dal negozio di merchandising sul web?

Alcune delle caratteristiche degne di nota del sito Web includono:

• Articoli popolari , come torte gelato, catering e buoni regalo, hanno un posto di rilievo per facilitare gli acquisti rapidi.
• I clienti sono in grado di individuare rapidamente ciò di cui hanno bisogno, grazie alla semplice navigazione del sito.
• Utilizza le app per la progettazione del negozio in modo efficace

BigCommerce Storefront Design - Domande frequenti

Parole finali

Questo articolo evidenzia un semplice processo per modificare il design del negozio BigCommerce, insieme ai migliori negozi BigCommerce.

Si spera che tu possa imparare da questi siti Web e utilizzarli per il tuo negozio BigCommerce per aumentare le vendite e il traffico.

Vuoi avere più idee sulla costruzione di negozi di e-commerce? Unisciti alla nostra fiorente comunità di e-commerce e impara dall'esperienza di migliaia di altri imprenditori.