Come personalizzare i design dei negozi BigCommerce

Pubblicato: 2017-04-06


Personalizza i design dei negozi BigCommerce e crea il tuo marchio unico

BigCommerce è una piattaforma completa che offre agli imprenditori come te il pacchetto completo di eCommerce, inclusa la possibilità di impostare e personalizzare i design dei negozi BigCommerce da soli (oppure puoi assumere esperti come noi per farlo per te). Ha tutto ciò di cui hai bisogno per avviare la tua attività di eCommerce e avere successo. Non sono necessarie installazioni e integrazioni complicate e, con un po' di fortuna, puoi creare qualcosa che resisterà alla prova del tempo.

C'è una ragione per cui BigCommerce è così popolare nel mondo dell'eCommerce. Viene fornito con sistemi integrati che ti consentono di prendere temi esistenti (a pagamento o gratuiti) e personalizzarli per creare qualcosa di eccezionale. Inutile dire che ogni marchio ha bisogno della propria voce e del proprio look unici. Sebbene i modelli standard funzionino molto bene, non puoi distinguerti dalla concorrenza utilizzandoli. Ci saranno sicuramente molti altri come te che usano lo stesso tema e il tuo marchio potrebbe perdere la sua identità nel mix. Devi personalizzare i temi di BigCommerce per dare al tuo marchio un ulteriore livello di personalità.

Il bello dei modelli BigCommerce è che usano tutti HTML e CSS. Ciò ti offre una versatilità illimitata per quanto riguarda le personalizzazioni dei modelli. Quindi, mentre puoi apportare facilmente modifiche di base tramite la modalità di progettazione, quelle più complesse richiedono la conoscenza di HTML e CSS. Se non hai il tempo di fare tutto da solo, puoi rivolgerti a professionisti come 1 Digital Agency per personalizzare i design di BigCommerce per te.

Personalizza BigCommerce attraverso la modalità Design

La modalità Design è davvero unica nel suo genere e il sistema di personalizzazione più semplice che troverai ovunque. Ti dà l'opportunità di personalizzare i temi di BigCommerce utilizzando un semplice menu di trascinamento della selezione. Puoi riordinare o rimuovere gli articoli in qualsiasi pagina del tuo negozio. Sfortunatamente, il suo più grande punto di forza è anche la sua debolezza. Quando usi la modalità progettazione per personalizzare i progetti di BigCommerce, oltre a riordinare le cose sulle tue pagine web o rimuovere qualcosa completamente, non puoi fare nient'altro.

In ogni caso, Design Mode ha i suoi usi, soprattutto se stai cercando modifiche di base. Puoi accedervi facendo clic sulla scheda Design del negozio e quindi sulla scheda Modalità di progettazione nel Pannello di controllo. Dopo averlo fatto, la modalità di progettazione è abilitata e puoi iniziare a personalizzare.

Per utilizzare la modalità di progettazione, dovrai quindi visitare la pagina del tuo negozio che desideri personalizzare. Dovrebbe esserci una barra degli strumenti visibile nella parte superiore della pagina (vedi sotto) che è indicativa dell'attivazione della modalità Progettazione.

Come personalizzare i design dei negozi BigCommerce

La funzionalità di trascinamento della selezione è una passeggiata. In qualsiasi pagina che desideri personalizzare, sposta il puntatore sull'elemento che desideri spostare. Il puntatore cambierà forma. Ora trascina quell'elemento usando il pulsante sinistro del mouse nel punto in cui vuoi che appaia e lascia andare. Se desideri rimuovere un elemento, fai clic con il pulsante destro del mouse su di esso e seleziona Rimuovi pannello dal menu. Dopo aver apportato tutte le modifiche a una pagina, salva e goditi il ​​tuo lavoro.

Utilizzo di Modifica rapida per modificare il tuo negozio

Come abbiamo detto prima, puoi personalizzare i modelli di BigCommerce utilizzando la modalità Design, ma non è quasi mai sufficiente. C'è solo così tanto che puoi fare con il riordino e la rimozione di elementi dai tuoi progetti.

Un altro modo per personalizzare i modelli di BigCommerce è tramite l'editor di fogli di stile. L'opzione Sfoglia file modello nella scheda Design negozio ti consente di modificare il CSS di qualsiasi file modello del tuo tema. Devi conoscere HTML e CSS per poter personalizzare BigCommerce da qui, ma questo è facilmente il modo più efficace per farlo. In effetti, la maggior parte delle personalizzazioni che i professionisti come noi apportano ai temi avviene tramite l'opzione Modifica rapida.

Una volta entrato nell'editor, vedrai elenchi di file modello nella colonna di sinistra. La prima parte contiene i file del modello in uso, mentre l'altra mostra tutti i file dei modelli rimanenti per il tema, raggruppati in base al tipo.

Disegni di negozi BigCommerce

Quando fai clic su un file modello, l'editor si apre sulla destra (vedi sopra). Mostra tutta la codifica di quel modello e puoi apportare qualsiasi modifica all'HTML qui. Questo è incredibilmente complicato e dovrebbe essere lasciato agli esperti che capiscono l'HTML.

Personalizza i design di BigCommerce tramite FTP

Quando pensi di personalizzare BigCommerce, il più delle volte, scoprirai che ogni aspetto di un tema è personalizzabile purché tu sappia come farlo. Per le cose di base, abbiamo parlato della modalità di progettazione. Per personalizzazioni BigCommerce più avanzate, c'è l'editor HTML o Quick Edit. Ma questo non è tutto. È inoltre previsto l'accesso FTP a una directory speciale che offre agli utenti (utenti esperti) la possibilità di modificare tutto ciò che non è possibile con le altre due opzioni.

Dovrai connettere il tuo negozio tramite FTP alla directory. Puoi caricare file qui, che dovranno quindi essere ricollegati al tuo negozio BigCommerce. Il modo migliore per farlo sarebbe scaricare un archivio ZIP di tutti i file modello del tuo modello e modificare quelli che devi modificare. I tipi di file che puoi caricare includono HTML e CSS, immagini come .jpg, .jpeg e .png e file multimediali come .flv, .fla, ecc. Tieni presente che questi file caricati avranno collegamenti URL diversi da quelli presenti in i file modello. Dovrai incorporare questi nuovi URL nei fogli di stile o nelle pagine Web in cui vengono utilizzati.

AGGIORNAMENTI 2019:

Con il mondo digitale online in costante crescita e in aumento, le piattaforme di eCommerce devono aggiornare costantemente le loro opzioni e funzionalità. Sebbene il contenuto di cui sopra sia ancora incredibilmente utile per tutti i proprietari di negozi BigCommerce, sono stati apportati alcuni aggiornamenti da quando questo blog è stato pubblicato per la prima volta.

L'editore WYSIWYG

WYSIWYG: Quello che vedi è quello che ottieni. Questo editor di BigCommerce può essere utilizzato per pagine Web, banner, prodotti e categorie. Questo editor è un "editor frontale", il che significa che ti consente di modificare il contenuto delle pagine specifiche sopra menzionate senza modificare il codice. Il WYSIWYG consente di formattare testo, creare collegamenti, aggiungere immagini, video e altri media e creare tabelle. Se preferisci non utilizzare l'editor, c'è un pulsante disabilita che può essere cliccato nelle impostazioni del tuo negozio.

Editor di temi in stile BigCommerce

Se hai acquistato un tema BigCommerce e desideri personalizzarlo, vai semplicemente sul tuo negozio BigCommerce e fai clic su "I miei temi". Questo ti porterà a una pagina con una schermata simile a questa:


Dopo aver fatto clic sul pulsante "Personalizza", si aprirà una nuova finestra con il pannello Editor di stile a sinistra dello schermo.


Che tu abbia un negozio BigCommerce con il tema Blueprint o il tema Stencil, BigCommerce ti consente di cambiare l'aspetto del tuo negozio con l'Editor di stile senza modificare il codice. Con entrambi i temi Blueprint e Stencil, puoi modificare font e colori, dimensioni delle immagini, aggiungere colonne di prodotti e altro per rendere il tuo sito più personalizzato in base al tuo marchio e alle tue preferenze.

Personalizza codice HTML e CSS

Se ti trovi nell'Editor di stile e scopri di non essere in grado di apportare alcune modifiche, dovrai esaminare la modifica del codice HTML e CSS del tuo tema. Per fare ciò, dovrai scaricare il tema che desideri modificare. Sembrerà così:

Una volta che hai abbassato il tema su cui vuoi lavorare, salvalo sul tuo computer e sei a posto per iniziare a fare le tue modifiche e personalizzazioni. Se non hai dimestichezza con lo sviluppo web, tuttavia, ti consigliamo vivamente di farti aiutare da qualcuno con una conoscenza approfondita in modo da non incorrere in problemi importanti che potrebbero causare l'errore dell'intero sito.

Personalizzazione del negozio BigCommerce con la migliore agenzia digitale

Costruire un marchio è più che inventare un buon logo e slogan. Il tuo negozio eCommerce deve incarnare tutto ciò che rappresenta il tuo marchio. Sebbene BigCommerce sia facilmente la tua piattaforma di eCommerce di riferimento, devi personalizzare i modelli di BigCommerce per creare un design del sito davvero unico.

In 1Digital Agency, abbiamo esperti che conoscono i dettagli delle personalizzazioni di BigCommerce e dei design dei modelli di negozi BigCommerce personalizzati. Inoltre, comprendiamo l'eCommerce e possiamo darti consigli di esperti su come connetterti effettivamente con la tua base di clienti con design che catturano la loro attenzione, sono intuitivi e, soprattutto, unici per la tua ideologia aziendale.

Con UX e UI in mente, i nostri esperti designer e sviluppatori di eCommerce prenderanno la tua visione e la trasformeranno in un design di sito Web di eCommerce funzionale e di prim'ordine che è completamente reattivo e invoglia gli utenti a continuare a esplorare le pagine del tuo negozio online. Integrano aspetti del tuo marchio in ogni decisione che prendono con il tuo sito. Dai colori ai caratteri, alle immagini e altro ancora, il tuo sito web attirerà gli utenti giusti e li terrà coinvolti abbastanza a lungo da portare a un tasso di conversione più elevato.

Personalizza i design dei negozi BigCommerce

I nostri esperti collaborano con BigCommerce sin dall'inizio. Abbiamo un portafoglio di lavori versatile che parla da sé. Non solo personalizziamo i design di BigCommerce, ma forniamo anche servizi di marketing e sviluppo. In qualità di partner certificato BigCommerce, siamo orgogliosi di affermare che abbiamo costruito la nostra reputazione sulle basi del duro lavoro e dell'impegno per rendere ogni progetto un successo. Chiamaci ora al 888.982.8269 o contattaci tramite il nostro sito Web e lascia che ti mostriamo cosa possiamo fare.