Jak dostosować projekty sklepu BigCommerce?

Opublikowany: 2017-04-06


Dostosuj projekty sklepów BigCommerce i zbuduj swoją unikalną markę

BigCommerce to kompleksowa platforma, która zapewnia właścicielom firm, takim jak Ty, pełny pakiet eCommerce, w tym możliwość samodzielnego konfigurowania i dostosowywania projektów sklepów BigCommerce (lub możesz zatrudnić ekspertów, takich jak my, aby zrobili to za Ciebie). Ma wszystko, czego potrzebujesz, aby rozpocząć swój biznes eCommerce i odnieść sukces. Nie ma tu skomplikowanych instalacji i integracji, a przy odrobinie szczęścia można stworzyć coś, co przetrwa próbę czasu.

Nie bez powodu BigCommerce jest tak popularne w świecie eCommerce. Jest wyposażony we wbudowane systemy, które pozwalają wykorzystać istniejące motywy (płatne lub bezpłatne) i dostosować je, aby stworzyć coś wyjątkowego. Nie trzeba dodawać, że każda marka potrzebuje własnego, niepowtarzalnego głosu i wyglądu. Chociaż standardowe szablony działają wyjątkowo dobrze, nie można ich wyróżnić na tle konkurencji. Z pewnością będzie wielu innych, takich jak ty, używających tego samego motywu, a Twoja marka może stracić swoją tożsamość w tym miksie. Musisz dostosować motywy BigCommerce, aby nadać swojej marce dodatkową warstwę osobowości.

Rzecz w szablonach BigCommerce polega na tym, że wszystkie używają HTML i CSS. Daje to nieograniczoną wszechstronność w zakresie dostosowywania szablonów. Tak więc, podczas gdy podstawowe modyfikacje można łatwo wprowadzać w trybie projektowania, bardziej złożone wymagają znajomości HTML i CSS. Jeśli nie masz czasu, aby zrobić to wszystko samodzielnie, możesz zwrócić się do profesjonalistów, takich jak 1 Digital Agency, aby dostosować projekty BigCommerce dla Ciebie.

Dostosuj BigCommerce za pomocą trybu projektowania

Tryb projektowania to naprawdę jedyny w swoim rodzaju i najprostszy system dostosowywania, jaki można znaleźć wszędzie. Daje możliwość dostosowania motywów BigCommerce za pomocą prostego menu przeciągnij i upuść. Możesz zmienić kolejność lub usunąć produkty na dowolnej stronie swojego sklepu. Niestety jego największą siłą jest również jego słabość. Gdy używasz trybu projektowania do dostosowywania projektów BigCommerce, poza zmianą kolejności elementów na stronach internetowych lub całkowitym usunięciem czegoś, nie możesz zrobić nic innego.

W każdym razie tryb projektowania ma swoje zastosowania, zwłaszcza jeśli szukasz podstawowych modyfikacji. Możesz uzyskać do niego dostęp, klikając kartę Store Design, a następnie kartę Design Mode w Panelu sterowania. Gdy to zrobisz, tryb projektowania zostanie włączony i możesz rozpocząć dostosowywanie.

Aby skorzystać z trybu projektowania, musisz odwiedzić stronę swojego sklepu, który chcesz dostosować. Na górze strony powinien być widoczny pasek narzędzi (patrz poniżej), który wskazuje na włączony tryb projektowania.

Jak dostosować projekty sklepu BigCommerce?

Funkcja przeciągnij i upuść to spacer po parku. Na dowolnej stronie, którą chcesz dostosować, przesuń wskaźnik na element, który chcesz przenieść. Wskaźnik zmieni kształt. Teraz przeciągnij ten element lewym przyciskiem myszy w miejsce, w którym ma się pojawić, i puść. Jeśli chcesz usunąć element, kliknij go prawym przyciskiem myszy i wybierz z menu Usuń panel. Po dokonaniu wszystkich zmian na stronie zapisz i ciesz się swoim dziełem.

Używanie szybkiej edycji do modyfikowania sklepu

Tak jak powiedzieliśmy wcześniej, możesz dostosowywać szablony BigCommerce za pomocą trybu projektowania, ale to prawie nigdy nie wystarcza. Niewiele możesz zrobić, zmieniając kolejność i usuwając elementy ze swoich projektów.

Innym sposobem dostosowywania szablonów BigCommerce jest edytor arkuszy stylów. Opcja Przeglądaj pliki szablonów na karcie Projekt sklepu umożliwia edycję CSS dowolnego pliku szablonu motywu. Musisz znać HTML i CSS, aby móc dostosować BigCommerce z tego miejsca, ale jest to łatwiejszy sposób na zrobienie tego. W rzeczywistości większość dostosowań, które profesjonaliści, tacy jak my, dokonują w motywach, odbywa się za pomocą opcji szybkiej edycji.

Po wejściu do edytora w lewej kolumnie zobaczysz listę plików szablonów. Pierwsza część zawiera pliki z szablonu, które są w użyciu, a druga pokazuje wszystkie pozostałe pliki szablonów dla tematu, pogrupowane według ich typu.

Projekty sklepów BigCommerce

Po kliknięciu dowolnego pliku szablonu po prawej stronie otworzy się edytor (patrz wyżej). Pokazuje całe kodowanie tego szablonu i możesz tutaj wprowadzić dowolne zmiany w kodzie HTML. Jest to niezwykle trudne i powinno zostać pozostawione ekspertom, którzy rozumieją HTML.

Dostosuj projekty BigCommerce przez FTP

Kiedy myślisz o dostosowaniu BigCommerce, najczęściej okazuje się, że każdy aspekt motywu można dostosować, o ile wiesz, jak to zrobić. Jeśli chodzi o podstawowe rzeczy, omówiliśmy tryb projektowania. Do bardziej zaawansowanych dostosowań BigCommerce służy edytor HTML lub szybka edycja. Ale to nie wszystko. Istnieje również przepis dotyczący dostępu FTP do specjalnego katalogu, który daje użytkownikom (ekspertom) możliwość modyfikacji wszystkiego, co nie jest możliwe przy pozostałych dwóch opcjach.

Będziesz musiał połączyć swój sklep przez FTP z katalogiem. Tutaj możesz przesłać pliki, które następnie będą musiały zostać połączone z powrotem do Twojego sklepu BigCommerce. Najlepszym sposobem, aby to zrobić, byłoby pobranie archiwum ZIP wszystkich plików szablonów Twojego szablonu i zmodyfikowanie tych, które musisz zmienić. Typy plików, które można przesyłać, obejmują HTML i CSS, obrazy takie jak .jpg, .jpeg i .png oraz pliki multimedialne, takie jak .flv, .fla itp. Pamiętaj, że te przesłane pliki będą miały inne linki URL niż te obecne w pliki szablonów. Będziesz musiał uwzględnić te nowe adresy URL w arkuszach stylów lub stronach internetowych, na których są używane.

AKTUALIZACJE 2019:

Ponieważ cyfrowy świat online stale się rozwija i rośnie, platformy eCommerce muszą stale aktualizować swoje opcje i funkcje. Chociaż powyższa treść jest nadal niezwykle przydatna dla wszystkich właścicieli sklepów BigCommerce, istnieje kilka aktualizacji, które zostały wprowadzone od czasu pierwszej publikacji tego bloga.

Edytor WYSIWYG

WYSIWYG: Dostajesz to, co widzisz. Ten edytor BigCommerce może być używany do stron internetowych, banerów, produktów i kategorii. Ten edytor jest „edytorem frontowym”, co oznacza, że ​​umożliwia edycję zawartości określonych stron wymienionych powyżej bez zmiany kodu. WYSIWYG umożliwia formatowanie tekstu, tworzenie łączy, dodawanie obrazów, wideo i innych mediów oraz tworzenie tabel. Jeśli wolisz nie używać edytora, możesz kliknąć przycisk wyłączania w ustawieniach sklepu.

Edytor motywów stylu BigCommerce

Jeśli kupiłeś motyw BigCommerce i chcesz go dostosować, po prostu przejdź do witryny sklepu BigCommerce i kliknij „Moje motywy”. Spowoduje to przejście do strony z ekranem, który wygląda tak:


Po kliknięciu przycisku „dostosuj” otworzy się nowe okno z panelem Edytor stylów po lewej stronie ekranu.


Niezależnie od tego, czy masz sklep BigCommerce z motywem Blueprint, czy motywem Stencil, BigCommerce umożliwia zmianę wyglądu i stylu Twojej witryny sklepowej za pomocą Edytora stylów bez zmiany kodu. Dzięki motywom Blueprint i Stencil możesz zmieniać czcionki i kolory, rozmiary obrazów, dodawać kolumny produktów i nie tylko, aby dostosować witrynę do Twojej marki i preferencji.

Dostosuj kod HTML i CSS

Jeśli jesteś w Edytorze stylów i stwierdzisz, że nie możesz wprowadzić pewnych zmian, musisz przyjrzeć się edycji kodu HTML i CSS swojego motywu. Aby to zrobić, musisz pobrać motyw, który chcesz edytować. Będzie to wyglądać tak:

Po opuszczeniu motywu, nad którym chcesz pracować, zapisz go na komputerze i możesz zacząć wprowadzać zmiany i dostosowania. Jeśli jednak nie znasz się na tworzeniu stron internetowych, zdecydowanie zaleca się, aby poprosić o pomoc kogoś z dogłębną wiedzą, aby nie napotkać żadnych poważnych problemów, które mogłyby spowodować uszkodzenie całej witryny.

Dostosowywanie sklepu BigCommerce z najlepszą agencją cyfrową

Budowanie marki to coś więcej niż wymyślenie dobrego logo i sloganu. Twój sklep eCommerce musi uosabiać wszystko, co reprezentuje Twoja marka. Chociaż BigCommerce jest z łatwością Twoją platformą eCommerce, musisz dostosować szablony BigCommerce, aby stworzyć naprawdę wyjątkowy projekt witryny.

W 1Digital Agency mamy ekspertów, którzy znają tajniki dostosowań BigCommerce i niestandardowych projektów szablonów sklepów BigCommerce. Co więcej, rozumiemy eCommerce i możemy udzielić Ci fachowych porad, jak faktycznie połączyć się z bazą klientów za pomocą projektów, które przyciągają ich wzrok, są przyjazne dla użytkownika i, co najważniejsze, unikalne dla Twojej ideologii biznesowej.

Mając na uwadze UX i UI, nasi doświadczeni projektanci i programiści eCommerce przekształcą Twoją wizję w funkcjonalny, najwyższej klasy projekt witryny eCommerce, który jest w pełni responsywny i zachęca użytkowników do dalszego przeglądania stron Twojego sklepu internetowego. Zintegrują aspekty Twojej marki z każdą decyzją, którą podejmą w Twojej witrynie. Od kolorów po czcionki, obrazy i nie tylko, Twoja witryna przyciągnie odpowiednich użytkowników i utrzyma ich zaangażowanie wystarczająco długo, aby uzyskać wyższy współczynnik konwersji.

Dostosuj projekty sklepów BigCommerce

Nasi eksperci współpracują z BigCommerce od samego początku. Posiadamy wszechstronne portfolio prac, które mówi samo za siebie. Nie tylko dostosowujemy projekty BigCommerce, ale także świadczymy usługi marketingowe i programistyczne. Jako certyfikowany partner BigCommerce z dumą możemy powiedzieć, że zbudowaliśmy naszą reputację na fundamentach ciężkiej pracy i zaangażowania, aby każdy projekt zakończył się sukcesem. Zadzwoń do nas teraz pod numer 888.982.8269 lub skontaktuj się z nami za pośrednictwem naszej strony internetowej i pozwól nam pokazać, co możemy zrobić.