Strony w Breakdance – projekt, sklep i formularze

Oba kreatory pochodzą od tych samych twórców, a Oxygen od wersji 6 działa na silniku Breakdance, więc różnice dotyczą głównie sposobu pracy. Breakdance stawia na wygodną edycję wizualną z gotowymi elementami, Woo Builderem i formularzami – dobrze sprawdza się, gdy stronę edytują także osoby nietechniczne. Oxygen daje większą swobodę w pracy z HTML i CSS i częściej wybierają go developerzy. Pomagamy dobrać narzędzie do zespołu, który będzie stronę rozwijał, a nie do chwilowej mody.

Woo Builder pozwala zaprojektować w Breakdance każdy etap zakupów: listę produktów, kartę produktu, koszyk, zamówienie i panel klienta. To duża wygoda, ale też odpowiedzialność, bo proces zamówienia współpracuje z bramkami płatności, metodami wysyłki, wtyczkami do faktur i integracjami z systemami magazynowymi. Każdą zmianę w koszyku i zamówieniu testujemy na kopii sklepu z prawdziwymi scenariuszami: różnymi metodami płatności, kuponami, kontem klienta i zakupem bez rejestracji.

Wbudowany kreator formularzy pozwala zrezygnować z osobnej wtyczki przy typowych zgłoszeniach kontaktowych. Konfigurujemy pola zgód, ochronę przed spamem, powiadomienia i dalsze przekazanie danych, a następnie testujemy, czy wiadomości faktycznie docierają do skrzynki – także wtedy, gdy serwer pocztowy stosuje rygorystyczne filtry antyspamowe. Jeśli powiadomienia trafiają do spamu, sprawdzamy wysyłkę ze strony i konfigurację domeny, bo problem rzadko leży w samym formularzu.

Przejmując stronę w Breakdance po innym wykonawcy, przeglądamy globalne ustawienia, szablony i ich warunki, własny kod oraz wtyczki dodane po drodze. Mierzymy wskaźniki Core Web Vitals i usuwamy przyczyny spowolnień – zwykle są to obrazy, czcionki i skrypty zewnętrzne, a nie sam kreator. Efektem jest lista rzeczy pilnych oraz plan porządków, które można rozłożyć na kolejne etapy bez wstrzymywania pracy strony.

Breakdance pozwala zapisać nagłówki, stopki, bloki i szablony, które wyświetlają się według warunków. Projektujemy je tak, żeby zmiany w powtarzalnych elementach wprowadzać w jednym miejscu, a nowe podstrony korzystały z gotowych bloków.

Globalne ustawienia projektu obejmują kolory, typografię, przyciski i formularze. Dzięki nim strona i sklep wyglądają spójnie, a zmiana koloru marki czy kroju pisma nie wymaga przechodzenia przez wszystkie podstrony.

Wiele stron w Oxygenie rozważa przejście na Breakdance ze względu na wygodniejszy edytor i rozbudowane funkcje sklepu. Mimo wspólnych twórców narzędzia różnią się sposobem budowania układów, więc migracja polega na odtworzeniu szablonów i podstron, a nie na automatycznej konwersji.

Zaczynamy od analizy, które elementy strony warto odtworzyć wiernie, a które uprościć. Treści przechowywane w polach własnych przenoszą się bez zmian, więc najwięcej pracy wymagają szablony i niestandardowe sekcje.