Cum să personalizați designul magazinului BigCommerce

Publicat: 2017-04-06


Personalizați designul magazinului BigCommerce și construiți-vă marca unică

BigCommerce este o platformă cuprinzătoare care oferă proprietarilor de afaceri ca dvs. pachetul complet de comerț electronic, inclusiv posibilitatea de a configura și personaliza singur modelele de magazine BigCommerce (sau puteți angaja experți ca noi pentru a face acest lucru pentru dvs.). Are tot ce aveți nevoie pentru a începe afacerea dvs. de comerț electronic și pentru a o face de succes. Nu sunt implicate instalări și integrări complicate și, cu puțin noroc, puteți crea ceva care va rezista testului timpului.

Există un motiv pentru care BigCommerce este atât de popular în lumea comerțului electronic. Vine cu sisteme încorporate care vă permit să preluați teme existente (plătite sau gratuite) și să le personalizați pentru a crea ceva excepțional. Inutil să spun că fiecare brand are nevoie de propria voce și aspect unic. În timp ce șabloanele standard funcționează extrem de bine, nu poți să ieși în evidență față de concurență folosindu-le. Cu siguranță vor fi mulți alții ca tine care folosesc aceeași temă, iar marca ta și-ar putea pierde identitatea în amestec. Trebuie să personalizați temele BigCommerce pentru a oferi mărcii dvs. un strat suplimentar de personalitate.

Lucrul despre șabloanele BigCommerce este că toate folosesc HTML și CSS. Acest lucru vă oferă o versatilitate nelimitată în ceea ce privește personalizările șablonului. Deci, deși puteți face modificări de bază cu ușurință prin Modul Design, cele mai complexe necesită să cunoașteți HTML și CSS. Dacă nu aveți timp să faceți totul singur, puteți apela la profesioniști precum 1 Digital Agency pentru a personaliza modelele BigCommerce pentru dvs.

Personalizați BigCommerce prin modul Design

Modul Design este cu adevărat unic și cel mai simplu sistem de personalizare pe care îl veți găsi oriunde. Vă oferă posibilitatea de a personaliza temele BigCommerce folosind un simplu meniu de glisare și plasare. Puteți reordona sau elimina articole de pe orice pagină a magazinului dvs. Din păcate, cea mai mare putere a sa este și slăbiciunea sa. Când utilizați Modul Design pentru a personaliza modelele BigCommerce, în afară de reordonarea lucrurilor de pe paginile dvs. web sau de eliminarea completă a ceva, nu puteți face nimic altceva.

În orice caz, Design Mode are utilizările sale, mai ales dacă cauți modificări de bază. Îl puteți accesa făcând clic pe fila Design Store și apoi pe fila Mod Design din Panoul de control. Odată ce faci asta, modul de proiectare este activat și poți începe personalizarea.

Pentru a utiliza modul de proiectare, va trebui apoi să vizitați pagina magazinului pe care doriți să o personalizați. Ar trebui să existe o bară de instrumente vizibilă pentru dvs. în partea de sus a paginii (vezi mai jos), care indică faptul că modul Design este activat.

Cum să personalizați designul magazinului BigCommerce

Funcționalitatea drag and drop este o plimbare în parc. Pe orice pagină pe care doriți să o personalizați, mutați indicatorul la elementul pe care doriți să îl mutați. Indicatorul își va schimba forma. Acum trageți acel element folosind butonul stâng al mouse-ului în locul în care doriți să apară și eliberați-l. Dacă doriți să eliminați un element, faceți clic dreapta pe el și selectați Eliminare panou din meniu. După ce ați făcut toate ajustările unei pagini, salvați și bucurați-vă de lucrarea dvs.

Utilizarea Editării rapide pentru a vă modifica magazinul

După cum am spus mai înainte, puteți personaliza șabloanele BigCommerce folosind Modul Design, dar acest lucru nu este aproape niciodată suficient. Există doar atâtea lucruri pe care le puteți face cu reordonarea și eliminarea articolelor din desenele dvs.

Un alt mod în care puteți personaliza șabloanele BigCommerce este prin intermediul editorului de foi de stil. Opțiunea Browse Template Files din fila Store Design vă permite să editați CSS-ul oricărui fișier șablon al temei dvs. Trebuie să cunoașteți HTML și CSS pentru a putea personaliza BigCommerce de aici, dar acesta este cu ușurință cel mai eficient mod de a face acest lucru. De fapt, majoritatea personalizărilor pe care profesioniștii ca noi le fac temelor sunt prin opțiunea de editare rapidă.

Odată ce intrați în editor, veți vedea liste de fișiere șablon în coloana din stânga. Prima porțiune conține fișiere din șablon care sunt în uz, în timp ce cealaltă arată toate fișierele șabloane rămase pentru temă, grupate în funcție de tipul lor.

Modele de magazine BigCommerce

Când faceți clic pe orice fișier șablon, editorul se deschide în partea dreaptă (vezi mai sus). Afișează toată codarea acelui șablon și puteți face orice modificări la HTML aici. Acest lucru este incredibil de complicat și ar trebui lăsat pe seama experților care înțeleg HTML.

Personalizați modelele BigCommerce prin FTP

Când te gândești să personalizezi BigCommerce, de cele mai multe ori, vei descoperi că fiecare aspect al unei teme este personalizabil atâta timp cât știi cum să o faci. Pentru lucrurile de bază, am vorbit despre modul Design. Pentru personalizări mai avansate BigCommerce, există editorul HTML sau Quick Edit. Dar asta nu e tot. Există și prevederea accesului FTP la un director special care oferă utilizatorilor (utilizatori experți) șansa de a modifica tot ceea ce nu este posibil cu celelalte două opțiuni.

Va trebui să vă conectați magazinul prin FTP la director. Puteți încărca fișiere aici, care vor trebui apoi conectate înapoi la magazinul dvs. BigCommerce. Cel mai bun mod de a face acest lucru ar fi să descărcați o arhivă ZIP cu toate fișierele șablon ale șablonului dvs. și să le modificați pe cele pe care trebuie să le modificați. Tipurile de fișiere pe care le puteți încărca includ HTML și CSS, imagini precum .jpg, .jpeg și .png și fișiere media precum .flv, .fla etc. Rețineți că aceste fișiere încărcate vor avea link-uri URL diferite decât cele prezente în fișierele șablon. Va trebui să încorporați aceste noi adrese URL în foile de stil sau paginile web în care sunt utilizate.

ACTUALIZĂRI 2019:

Cu lumea digitală online în continuă creștere și în creștere, platformele de comerț electronic trebuie să își actualizeze în mod constant opțiunile și funcționalitățile. Deși conținutul de mai sus este încă incredibil de util pentru toți proprietarii de magazine BigCommerce, există câteva actualizări care au fost făcute de când acest blog a fost publicat pentru prima dată.

Editorul WYSIWYG

WYSIWYG: Ceea ce vezi este ceea ce primești. Acest editor BigCommerce poate fi folosit pentru pagini web, bannere, produse și categorii. Acest editor este un „editor frontal”, ceea ce înseamnă că vă permite să editați conținutul paginilor specifice menționate mai sus fără a modifica niciun cod. WYSIWYG vă permite să formatați text, să creați legături, să adăugați imagini, videoclipuri și alte medii și să creați tabele. Dacă preferați să nu utilizați editorul, există un buton de dezactivare pe care se poate face clic în Setările magazinului.

Editor de teme BigCommerce Style

Dacă ați achiziționat o temă BigCommerce și doriți să o personalizați, pur și simplu mergeți la magazinul dvs. BigCommerce și faceți clic pe „Temele mele”. Acest lucru vă va duce la o pagină cu un ecran care arată astfel:


După ce faceți clic pe butonul „Personalizați”, se va deschide o nouă fereastră cu panoul Editor de stil în partea stângă a ecranului.


Indiferent dacă aveți un magazin BigCommerce cu tema Blueprint sau tema Stencil, BigCommerce vă permite să schimbați aspectul și aspectul vitrinei dvs. cu Editorul de stil fără a modifica niciun cod. Cu temele Blueprint și Stencil, puteți schimba fonturile și culorile, dimensiunile imaginilor, adăugați coloane de produse și multe altele pentru a face site-ul mai personalizat conform mărcii și preferințelor dvs.

Personalizați codul HTML și CSS

Dacă vă aflați în Editorul de stil și descoperiți că nu puteți face unele modificări, atunci va trebui să verificați editarea codului HTML și CSS al temei dvs. Pentru a face acest lucru, va trebui să descărcați tema pe care doriți să o editați. Va arata asa:

Odată ce ați terminat tema la care doriți să lucrați, salvați-o pe computer și sunteți bine să începeți să faceți modificări și personalizări. Dacă nu sunteți familiarizat cu dezvoltarea web, totuși, atunci este foarte recomandat să solicitați o persoană cu cunoștințe aprofundate care să vă ajute, astfel încât să nu întâmpinați probleme majore care ar putea cauza întregul site să fie defect.

Personalizarea magazinului BigCommerce cu cea mai bună agenție digitală

Construirea unui brand înseamnă mai mult decât a veni cu un logo și un slogan bun. Magazinul dvs. de comerț electronic trebuie să personifice tot ceea ce reprezintă marca dvs. În timp ce BigCommerce este cu ușurință platforma dvs. de comerț electronic, trebuie să personalizați șabloanele BigCommerce pentru a crea un design de site cu adevărat unic.

La 1Digital Agency, avem experți care cunosc detaliile personalizărilor BigCommerce și modelelor personalizate de șabloane de magazin BigCommerce. Mai mult decât atât, înțelegem comerțul electronic și vă putem oferi sfaturi de specialitate despre cum să vă conectați efectiv cu baza dvs. de clienți cu modele care le atrag atenția, sunt ușor de utilizat și, cel mai important, sunt unice pentru ideologia dvs. de afaceri.

Având în vedere UX și UI, designerii și dezvoltatorii noștri experți de comerț electronic îți vor lua viziunea și o vor transforma într-un design de site web funcțional, de top de comerț electronic, care este pe deplin receptiv și îi atrage pe utilizatori să continue să exploreze paginile magazinului tău online. Ei vor integra aspecte ale mărcii dvs. în fiecare decizie pe care o iau cu site-ul dvs. De la culori la fonturi, imagini și multe altele, site-ul dvs. va atrage utilizatorii potriviți și îi va menține implicați suficient de mult pentru a duce la o rată de conversie mai mare.

Personalizați designul magazinului BigCommerce

Experții noștri lucrează cu BigCommerce încă de la început. Avem un portofoliu versatil de lucrări care vorbește de la sine. Nu numai că personalizăm design-urile BigCommerce, dar oferim și servicii de marketing și dezvoltare. În calitate de partener certificat BigCommerce, suntem mândri să spunem că ne-am construit reputația pe bazele muncii asidue și a angajamentului de a face din fiecare proiect un succes. Sună-ne acum la 888.982.8269 sau contactează-ne prin intermediul site-ului nostru web și permiteți-ne să vă arătăm ce putem face.