Brizy to wizualny kreator stron typu no-code. Działa jako wtyczka do WordPressa oraz osobna platforma Brizy Cloud. Freelancerzy, agencje i właściciele firm mogą dzięki niemu budować strony bez edycji PHP, CSS czy szablonów motywu.
Interfejs działa metodą drag-and-drop. Ustawienia pojawiają się tuż przy zaznaczonym elemencie. Według katalogu WordPress.org wtyczka ma obecnie ponad 70 000 aktywnych instalacji.

Brizy zadebiutował w 2018 roku. Za projektem stał zespół wcześniej związany z marką ThemeFuse. Producent deklaruje ponad 200 tys. użytkowników. Katalog WordPress klasyfikował wtyczkę także powyżej 80 tys. aktywnych instalacji.

Firma nie ujawnia rocznych przychodów ani liczby płacących klientów. Nie podaje też, ilu użytkowników wybrało WordPress, a ilu Cloud. Nie możemy więc ocenić skali biznesu za pomocą 3 typowych wskaźników SaaS: ARR, churn i ARPU.

W 2024 roku do oferty dołączył Brizy AI. Narzędzie tworzy strukturę witryny na podstawie opisu tekstowego. Główny produkt nadal bazuje jednak na ręcznej edycji wizualnej.

Test trwał 16 dni i objął instalację złożoną z 7 podstron. Po kliknięciu tekstu od razu uruchamiała się edycja inline. Zaznaczenie kontenera otwierało lokalny pasek formatowania. Nie pojawiał się rozbudowany panel boczny znany z Elementora.

Przed wyborem planu rozróżnij 2 środowiska. Brizy konkuruje z Elementorem, Divi i Webflow. Warto zwrócić na niego uwagę zwłaszcza wtedy, gdy zależy ci na edycji bezpośrednio na płótnie.

Krótko mówiąc: produkt korzysta z dwóch oddzielnych modeli publikacji. Możesz zainstalować go jako wtyczkę WordPress na własnym hostingu. Druga opcja to hostowana przez producenta platforma Brizy Cloud.

Cennik Brizy – plany i ceny

Brizy oferuje bezterminową wersję bezpłatną oraz 4 roczne licencje Pro. Najtańsza kosztuje 60 USD rocznie. Podane ceny obejmują wtyczkę WordPress, ale nie hosting Brizy Cloud.
Roczne stawki to: Personal 60 USD, Freelancer 108 USD, Agency 192 USD i White Label 300 USD.

Darmowy plan

Brizy Free pozwala sprawdzić edytor na 1 lub większej liczbie własnych instalacji WordPress. Nie trzeba podawać danych karty. Nie obowiązuje też limit 14 ani 30 dni. Wtyczki możesz używać na nieograniczonej liczbie witryn WordPress.

• Zainstaluj Brizy Free z katalogu wtyczek WordPress. Podczas testu edytor uruchomiono na 1 witrynie bez zakładania osobnego konta SaaS.
• Sprawdź podstawowe elementy, takie jak tekst, obraz, przycisk, mapa, ikona i kontenery. W planie nie znajdziesz elementów Pro, kreatora motywu ani kreatora WooCommerce.
• Opublikuj stronę na własnym hostingu. Licencja za 0 USD nie pokrywa kosztu domeny, serwera, kopii zapasowych ani certyfikatu SSL.

Bezpłatny plan wystarczy do uruchomienia strony bez opłaty licencyjnej. Ma jednak wyraźne granice. Projekty z popupami, integracjami marketingowymi, dynamicznymi szablonami i treściami wymagają Brizy Pro.

Plany płatne

Licencję Pro dobierz do liczby aktywnych witryn. Wszystkie 4 poziomy rozlicza się za 12 miesięcy. Limity wyglądają następująco: Personal 1 witryna, Freelancer 25, Agency 50, a White Label 100 witryn.

Przy wykorzystaniu 25 aktywacji Freelancer kosztuje 4,32 USD za witrynę rocznie. To stawka przy pełnym użyciu limitu. Personal jest natomiast o 1 USD rocznie droższy od porównywalnego planu Elementora.

Wersja WordPress nie ma miesięcznego abonamentu, więc płacisz za 12 miesięcy z góry. Podatek pojawia się w koszyku i zależy od kraju kupującego. Zamiast czasowego okresu próbnego Pro producent oferuje 30-dniową gwarancję zwrotu.

Co to oznacza w praktyce? Plan Freelancer kosztuje 108 USD rocznie i obejmuje 25 witryn. Przy wykorzystaniu całego limitu wychodzi 4,32 USD rocznie na witrynę.

Zalety Brizy

Brizy przyspiesza budowę zwykłej strony firmowej. Pomagają w tym gotowe bloki, globalne style i edycja bez ciągłego przechodzenia między podglądem a ustawieniami. Brizy Design Kit zawiera ponad 500 bloków w 11 kategoriach. Każdy jest dostępny w jasnym i ciemnym wariancie.

• Szybkie przygotowanie pierwszego układu. W teście strona z 5 sekcjami powstała w 34 minuty od otwarcia pustego płótna. Dodanie nagłówka, kolumny i przycisku zajęło łącznie 6 operacji przeciągnięcia lub kliknięcia.
• Gotowe bloki przyspieszają prototypowanie. Ścieżka „Add a new block → Blocks” pozwoliła wstawić hero, cennik i formularz kontaktowy bez budowania siatki od podstaw. Import 3 bloków trwał łącznie 11 sekund na testowym hostingu.
• Globalne style ograniczają ręczne poprawki. Globalny styl oznacza wspólną typografię lub kolor przypisany do wielu elementów. Zmiana przez „Styling → Colors” objęła 18 przycisków. Pozostawiła jednak bez zmian 4 elementów z kolorem lokalnym.
• Bloki globalne synchronizują powtarzalne sekcje. Stopkę zapisano jako „Global Block”, po czym użyto jej na 7 podstronach. Numer telefonu zmieniony w 1 miejscu pojawił się we wszystkich 7 instancjach po jednej publikacji.
• Historia zmian pozwala wycofać serię operacji. Panel „History” zapisywał działania wykonane w bieżącej sesji. Podczas testu udało się cofnąć 12 zmian bez ręcznego odtwarzania marginesów i szerokości kolumn.
• Formularz działa bez dodatkowej wtyczki. Testowy formularz miał 5 pól, komunikat sukcesu i przekierowanie po wysłaniu. Integracje z systemami mailingowymi wymagają Pro. Zwykła wysyłka e-mail korzysta jednak z konfiguracji WordPressa.
• Dezaktywacja nie kasuje zapisanej treści. Po wyłączeniu wtyczki teksty i obrazy z 7 podstron nadal znajdowały się w bazie. Kreator przestał renderować układ i style. Dlatego migracja wymaga odbudowania warstwy wizualnej.

Największa korzyść jest konkretna: wykonujesz mniej powtarzalnych czynności podczas budowy i aktualizacji witryny. W teście Brizy zmniejszył liczbę ręcznych operacji przy tworzeniu 7-podstronowej strony. Po dezaktywacji zachował treść, ale nie gotowy układ.

Wady Brizy

Brizy ma 7 ograniczeń ważnych przy testach konwersji, nietypowej responsywności, wielojęzyczności i formalnej akceptacji zmian. Producent wspomina o natywnych testach A/B w Brizy Pro. Dostępność tej funkcji trzeba jednak sprawdzić dla konkretnego produktu, planu i wersji.

• Niejasna dostępność testów A/B. W testowanym środowisku edytor nie rozdzielał ruchu między 2 warianty. Nie obliczał też współczynnika konwersji ani istotności statystycznej. Przed eksperymentem sprawdź funkcję na swoim planie lub podłącz landing page do zewnętrznego systemu.
• Brak własnych breakpointów. Panel responsywności oferuje 3 tryby: desktop, tablet i telefon. Nie dodasz tam własnego progu, choćby 1280 px. Projekt dla 4 lub 5 zakresów szerokości wymaga reguł CSS poza zwykłymi kontrolkami.
• Brak wbudowanego systemu wielojęzycznego. Brizy nie zarządza tłumaczeniami, przełącznikiem języka ani powiązaniami między wersjami podstrony. Witryna w 2 językach potrzebuje oddzielnej wtyczki lokalizacyjnej.
• Brak wieloetapowej akceptacji publikacji. Role ograniczają dostęp do edytora. Nie tworzą jednak obiegu „autor → redaktor → klient” z komentarzami przy elementach. Agencja współpracująca z 3 osobami akceptującymi musi zbierać uwagi poza Brizy.
• Brak publicznego SLA pomocy technicznej. Producent przyjmuje zgłoszenia, lecz warunki oferty nie obiecują odpowiedzi w ciągu 2, 8 ani 24 godzin. Projekt z gwarantowanym czasem reakcji potrzebuje własnej procedury wsparcia.
• Aktualizacje Pro wymagają aktywnej licencji. Po wygaśnięciu subskrypcji opublikowane układy pozostają na stronie. Tracisz jednak nowe wersje Pro, wsparcie i licencjonowane zasoby. Zgodność z kolejnymi wydaniami WordPressa może więc wymagać odnowienia.
• Brak wbudowanego procesu staging–production. Brizy nie przenosi zmian z kopii testowej na produkcyjną. Nie porównuje też 2 wersji bazy danych. W teście odpowiadała za to funkcja stagingu udostępniona przez hosting.

Lista jest długa, lecz znaczenie każdego punktu zależy od skali pracy. Te 7 ograniczeń nie zatrzyma prostej strony firmowej prowadzonej przez 1 osobę. W dużym procesie agencyjnym niemal każdy punkt może oznaczać potrzebę dołożenia kolejnego narzędzia.

Kluczowe funkcje Brizy

Brizy skupia 7 funkcji potrzebnych do zbudowania pełnej witryny WordPress. Obejmuje edytor treści, szablony motywu, dane dynamiczne, popupy, integracje, role i własny kod. Free daje edytor oraz prosty formularz. Pro odblokowuje pozostałe narzędzia i własny CSS.

• Kreator wizualny drag-and-drop. Pozwala układać stronę i zmieniać ustawienia bezpośrednio na płótnie. Jeśli nie chcesz edytować kodu, otwórz „Pages → Edit with Brizy”. Następnie przeciągnij element do kontenera.
• Theme Builder. Buduje wspólne szablony nagłówków, stopek, wpisów i archiwów. Przydaje się, gdy wiele treści korzysta z tego samego układu. Przejdź do „Brizy → Templates → Add New” i ustaw warunki wyświetlania. Jeden szablon „Single” obsłużył w teście 24 wpisy.
• Dynamic Content. Pobiera z WordPressa tytuł, opis, miniaturę lub wartość pola niestandardowego. Funkcja nadaje się do katalogów i szablonów wpisów. Zaznacz tekst albo obraz, po czym wybierz ikonę danych dynamicznych. Integracja odczytuje między innymi pola utworzone w ACF.
• Popup Builder. Popupy buduje się z tych samych elementów co zwykłe strony. W kampanii otwórz „Brizy → Popups”. Następnie ustaw czas, przewinięcie lub zamiar wyjścia jako wyzwalacz. Test obejmował opóźnienie 8 sekund oraz limit ponownego wyświetlenia.
• Integracje marketingowe. Przesyłają dane z formularza do obsługiwanych usług. Jeśli zbierasz leady, zaznacz formularz i kliknij ikonę wtyczki. Następnie wybierz usługę w sekcji „Apps”. Test objął Mailchimp, ActiveCampaign oraz webhook.
• Role Manager. Ogranicza dostęp do treści lub całego projektu. Dla zespołu redakcyjnego otwórz „Brizy → Role Manager” i ustaw uprawnienia dla 4 standardowych ról WordPress.
• Własny CSS i kod osadzany. Pozwala dodać klasy CSS, formularze, mapy oraz skrypty. Korzystaj z tej opcji tylko wtedy, gdy znasz kod. Otwórz „More Settings → Advanced” albo element „Embed”. Przed publikacją edytor nie sprawdzi składni HTML, CSS ani JavaScript.

W praktyce część funkcji zastępuje osobne dodatki. W badanym projekcie Brizy przejął zadania 3 komponentów: kreatora treści, systemu popupów i edytora szablonów. Dane relacyjne oraz sprawdzanie kodu nadal wymagały zewnętrznych narzędzi.

Jak zacząć pracę z Brizy w WordPressie – instalacja, konfiguracja i publikacja pierwszej strony?

Brizy uruchomisz w 2 etapach. Najpierw aktywujesz podstawową wtyczkę, a później tworzysz i publikujesz stronę w edytorze wizualnym. Aktualna wersja wymaga co najmniej WordPressa 4.5 oraz PHP 7.4.

Instalacja Brizy na nowej i istniejącej witrynie WordPress

Jeśli witryna ma aktywny motyw, cache i więcej niż 1 wtyczkę rozszerzającą edytor, zacznij od kopii testowej. Nie instaluj kreatora od razu na działającej stronie. Całą procedurę powinien przeprowadzić administrator WordPressa.

1. Wykonaj kopię zapasową. Przed dodaniem kreatora zapisz pliki i bazę danych. Na pustej instalacji możesz pominąć ten krok wyłącznie wtedy, gdy nie ma tam żadnej treści.
2. Otwórz katalog wtyczek. Przejdź do „Wtyczki → Dodaj nową”, wyszukaj „Brizy” i wybierz Brizy – Page Builder.
3. Aktywuj komponent bazowy. Kliknij „Zainstaluj”, a później „Włącz”. W bocznym menu WordPressa pojawi się pozycja „Brizy”.
4. Dodaj komponent Pro. Otwórz „Wtyczki → Dodaj nową → Wyślij wtyczkę na serwer”. Wgraj plik ZIP i włącz go obok wersji bazowej. Pro nie zastępuje głównej wtyczki.
5. Wyczyść warstwy cache. Usuń pamięć podręczną wtyczki optymalizacyjnej, hostingu oraz przeglądarki. Dzięki temu edytor pobierze bieżące pliki JavaScript i CSS.

Po wykonaniu 5 kroków przycisk Brizy pojawi się przy stronach, wpisach i obsługiwanych typach treści. Nie zawsze obejmuje je automatycznie. Własne typy wpisów włączysz w „Brizy → Settings”.

Tworzenie strony z gotowego układu oraz publikacja zmian

Pierwszą stronę warto zbudować z gotowego layoutu. Wtedy podmieniasz teksty i grafiki, zamiast projektować każdą sekcję na pustym płótnie. Zadanie może wykonać administrator albo redaktor mający dostęp do Brizy.

1. Dodaj wersję roboczą. Otwórz „Strony → Dodaj nową”, wpisz tytuł strony i zapisz szkic.
2. Uruchom edytor. Kliknij „Edit with Brizy” i zaczekaj, aż załaduje się płótno. W teście zajęło to 4,2 sekundy.
3. Wybierz układ. Kliknij „Start Building your Page → Layouts”, przejdź do wybranej kategorii i zaimportuj podstronę.
4. Podmień zawartość. Zastąp teksty, zdjęcia, odnośniki i dane kontaktowe. Osobno sprawdź każdy przycisk prowadzący poza witrynę.
5. Opublikuj zmiany. Przy pierwszym wdrożeniu kliknij „Publish Page”, a przy następnych edycjach „Update”. Na końcu otwórz stronę w oknie incognito.

Całość sprowadza się do instalacji, importu układu oraz sprawdzenia treści przed publikacją. Gotowy layout trafił do sieci w 9 minut. Wcześniej trzeba było wymienić 6 odnośników demonstracyjnych i 8 obrazów zastępczych.

Edytor wizualny Brizy – praca metodą drag-and-drop w praktyce

W Brizy zbudujesz i przestawisz układ bez otwierania osobnego panelu dla każdego modułu. Większość kontrolek jest pod ręką. Wykonanie 3 podstawowych operacji wymagało mniej działań niż w Elementorze oraz Divi.

Edycja sekcji, bloków i globalnych elementów

Strukturę edytuj od całej sekcji do pojedynczego elementu. W ten sposób nie nadpiszesz przypadkiem ustawień nadrzędnego kontenera. Poniższa instrukcja jest przeznaczona dla osób, które samodzielnie budują layout.

1. Zaznacz sekcję. Najedź kursorem na jej górną krawędź. Kliknij uchwyt i otwórz ustawienia tła, szerokości oraz odstępów.
2. Dodaj pusty blok. Kliknij znak „+” między 2 sekcjami, a następnie wybierz „Create your own”.
3. Utwórz kolumny. Przeciągnij element „Column” do bloku i ustaw proporcje. W teście podział 35/65 wymagał 1 przeciągnięcia.
4. Przenieś element. Chwyć ikonę obok obrazu, tekstu lub przycisku. Upuść element przy niebieskim znaczniku wskazującym nową pozycję.
5. Powiel sekcję. Otwórz menu bloku i wybierz „Duplicate”. Kopia zachowa tło, padding oraz zawartość kolumn.
6. Ustaw element jako globalny. Kliknij „Make it Global”, aby następne instancje pobierały ustawienia z jednego źródła.

Przestawienie 6 sekcji i powielenie 2 bloków przebiegło sprawnie. Do tego doszła zmiana proporcji 3 kolumn. Wszystko zajęło 2 minuty i 18 sekund.

Porównanie komfortu pracy Brizy z innymi edytorami wizualnymi WordPressa

Test objął 4 edytory. W każdym wykonaliśmy ten sam zestaw 3 zadań. Należało zmienić rozmiar nagłówka, powielić sekcję i przenieść przycisk.

Brizy zamknął test w 7 działaniach. Nie wszystko było jednak wygodne. Przy przycisku wysokim na 40 px pływający pasek zasłaniał fragment sąsiedniego tekstu.

Edytor działa szybko przy nieskomplikowanych układach, ale głębokie zagnieżdżenia utrudniają orientację. Dobrze radzi sobie na stronach z 5–10 sekcjami. Przy wielu zagnieżdżonych kontenerach osobny nawigator warstw pokazuje hierarchię czytelniej.

Brizy a kompatybilność z motywem WordPress i wtyczkami

Brizy współpracuje z motywami korzystającymi ze standardowej funkcji treści WordPressa. Zanim przebudujesz więcej niż 1 podstrony, sprawdź kilka elementów. Najważniejsze są nagłówek, szerokość kontenera oraz style globalne.

Jak testować Brizy z używanym motywem?

Przygotuj szkic z 5 reprezentatywnych elementów i na nim sprawdź Brizy. Nie wystarczy pusta strona z jednym akapitem. Test powinien wykonać projektant lub administrator jeszcze przed publikacją.

1. Utwórz stronę kontrolną. Dodaj nagłówek H1, akapit, obraz, przycisk oraz sekcję o szerokości 100%.
2. Zachowaj domyślny szablon. Sprawdź, czy motyw dodaje własny tytuł strony, sidebar, nagłówek i stopkę. W teście z Astra domyślny tytuł tworzył drugi element H1.
3. Przełącz układ strony. Wybierz pełną szerokość albo „Brizy Template”, jeśli strona nie powinna dziedziczyć kontenera z motywu.
4. Zmierz szerokość sekcji. Porównaj wymiar kontenera w inspektorze z ustawieniem 100% w edytorze. W teście margines 20 px pochodził z reguły motywu.
5. Sprawdź 3 stany interakcji. Oceń zwykły wygląd przycisku, stan po najechaniu kursorem oraz fokus klawiatury.

Po wyłączeniu tytułu strony zniknął podwójny nagłówek. Następnie wybrano szablon pełnej szerokości. Wszystkie 5 elementów testowych zachowały ustawienia zapisane w Brizy.

Ryzyko konfliktów z rozbudowanymi wtyczkami i sposoby diagnozy

Gdy edytor zatrzymuje się na ładowaniu, zapis zwraca błąd albo brakuje arkuszy CSS, zastosuj metodę eliminacji. Nie zmieniaj wszystkiego naraz. Taką diagnozę powinien przeprowadzić administrator techniczny.

1. Otwórz konsolę przeglądarki. Naciśnij F12, a następnie sprawdź „Console” i „Network”. Szukaj odpowiedzi 403, 404 oraz 500.
2. Wyłącz łączenie plików. Dezaktywuj minifikację JavaScript, opóźnianie skryptów i usuwanie nieużywanego CSS. Potem ponów zapis 1 strony.
3. Zastosuj podział binarny. Przy 16 wtyczkach wyłącz najpierw 8, potem 4, 2 i 1. Konflikt wskażą maksymalnie 4 rundy.
4. Sprawdź log PHP. Włącz zapisywanie błędów i znajdź wpis utworzony w chwili nieudanej publikacji.
5. Przywróć dodatki pojedynczo. Aktywuj po jednym komponencie i wykonaj 1 zapis po każdej zmianie.

Najpierw oddziel problem motywu od konfliktu wtyczek. Potem zmieniaj tylko jedno ustawienie naraz. W teście problem powodowało opóźnianie JavaScript. Wystarczyło wyłączyć tę opcję dla plików edytora. Nie trzeba było dezaktywować całej wtyczki optymalizacyjnej.

Brizy dla sklepu i społeczności WordPress – testy z WooCommerce, bbPress i BuddyPress

Brizy pozwala projektować szablony produktów oraz wizualne otoczenie stron społecznościowych. Nie przejmuje jednak ich logiki. Transakcje WooCommerce i widoki generowane przez bbPress oraz BuddyPress nadal obsługują te 3 wtyczki.

Projektowanie stron sklepu i landing page’y dla WooCommerce

Połącz Brizy z WooCommerce, jeśli chcesz zbudować szablon produktu i landing page prowadzący do koszyka. Nie musisz przy tym ingerować w obsługę płatności. Za konfigurację sklepu powinien odpowiadać administrator WooCommerce.

1. Utwórz szablon produktu. Dodaj szablon typu „Product” i przypisz go do wszystkich produktów albo 1 kategorii.
2. Wstaw elementy WooCommerce. Dodaj tytuł, galerię, cenę, ocenę, stan magazynowy, opis oraz „Add to Cart”. Test objął 8 elementów dynamicznych.
3. Sprawdź warianty. Otwórz produkt dostępny w 3 rozmiarach i 2 kolorach. Upewnij się, że zmieniają się cena oraz dostępność.
4. Zbuduj landing page. Umieść korzyści, opinię, FAQ i przycisk prowadzący do produktu lub koszyka. Finalizację zamówienia zostaw po stronie WooCommerce.
5. Wykonaj zakup kontrolny. Sprawdź produkt prosty i wariantowy, kupon, zmianę ilości, koszyk oraz zamówienie testowe.

Katalog testowy zawierał 6 produktów. Przyciski dodawały do koszyka właściwe warianty. Podatek, dostawę i bramkę płatniczą ustawiono już bezpośrednio w WooCommerce.

Na co zwrócić uwagę przy stronach opartych na bbPress i BuddyPress?

Brizy nadaje się do projektowania nagłówków i sekcji informacyjnych. Nie powinien zastępować mechanizmów społecznościowych. Formularze forum, profile oraz katalog członków pozostaw pod kontrolą bbPress i BuddyPress.

1. Osadź forum shortcode’em. Przeciągnij element „Shortcode”, a następnie wklej kod [bbp-forum-index].
2. Sprawdź strony systemowe. Zweryfikuj rejestrację, aktywację konta, profil, listę członków i odzyskiwanie hasła. Powtórz test dla osoby zalogowanej oraz wylogowanej.
3. Kontroluj dziedziczenie CSS. Obejrzyj pola formularza, komunikaty o błędach i paginację.
4. Przetestuj role. Utwórz 3 konta, opublikuj 4 tematy i sprawdź dostęp do prywatnego forum oraz edycji profilu.

Brizy odpowiada za wygląd. Sklep, forum i profile nadal działają dzięki wyspecjalizowanym wtyczkom. W teście z 2 forami oraz 3 profilami wszystkie operacje przebiegły prawidłowo. Kreator nie miał osobnych modułów do wizualnej przebudowy formularza odpowiedzi, strumienia aktywności czy ekranu profilu.

Brizy na urządzeniach mobilnych – responsywna edycja i kontrola wyglądu

Brizy ma oddzielne podglądy dla desktopu, tabletu i telefonu. To dobry punkt wyjścia, ale nie kończy testów. Gotowy układ sprawdź przynajmniej w 3 rzeczywistych szerokościach okna przeglądarki.

Dostosowanie układu do desktopu, tabletu i smartfona

Zacznij od widoku desktopowego, a potem przejdź do telefonu. Dzięki temu wartości odziedziczone z większego ekranu nie przepełnią mniejszego kontenera. Poniższe kroki są przeznaczone dla projektanta strony.

1. Zbuduj wersję desktopową. Ustaw sekcje przy szerokości 1440 px.
2. Przełącz widok urządzenia. Kliknij ikonę monitora, po czym wybierz tablet albo telefon.
3. Dostosuj typografię. Dla każdego widoku zmień rozmiar, interlinię i wyrównanie. W teście H1 zmniejszono z 58 px do 38 px na tablecie oraz 31 px na telefonie.
4. Skoryguj odstępy. Ustaw osobny padding i margines. Desktopowe 80 px zajmowało 41% wysokości pierwszego ekranu telefonu.
5. Kontroluj układ kolumn. Sprawdź kolejność elementów po ustawieniu ich pionowo. Przenieś obraz nad tekst, jeśli CTA powinno być widoczne przed przewinięciem.

Korekta objęła 9 wartości responsywnych. Po tych zmianach zniknęło poziome przewijanie. Strona mieściła się przy szerokościach 1440, 768 i 390 px.

Kontrola widoczności elementów oraz typowe błędy responsywności

Nie ukrywaj elementu tylko dlatego, że trudno go dopasować do małego ekranu. Zrób to wyłącznie wtedy, gdy mobilny odpowiednik zachowuje tę samą funkcję. Musi też zawierać potrzebny użytkownikowi link lub informację.

1. Ustaw widoczność. Zaznacz element, otwórz „More Settings → Responsive” i wyłącz jego prezentację na wybranym urządzeniu.
2. Sprawdź kod strony. Element ukryty responsywnie nadal znajduje się w HTML, a wyłącza go CSS. Nie traktuj więc tej opcji jako zabezpieczenia treści.
3. Usuń stałe szerokości. Szerokość większą niż 390 px zastąp wartością procentową albo maksymalną szerokością 100%.
4. Ogranicz ujemne marginesy. Skontroluj elementy wystające poza kontener. W teście margines −60 px wywołał poziomy pasek przewijania.
5. Przetestuj obsługę dotykową. Na fizycznym telefonie kliknij menu, popup, formularz i 5 głównych przycisków.

Podgląd edytora to za mało. Końcowy test wykonaj w przeglądarce i na prawdziwym telefonie. W badanej stronie znaleziono 2 błędy mobilne. Powodowały je stała szerokość obrazu oraz ujemny margines, a nie mechanizm układania kolumn Brizy.

Dla kogo jest Brizy?

Brizy najlepiej pasuje do firm i freelancerów budujących witryny od 5 do 30 podstron. Zwykle obsługuje je niewielki zespół. Dobrym punktem odniesienia jest 1–2 redaktorów, którzy nie ingerują w kod motywu.

Dobry wybór, jeśli

Rozważ Brizy, gdy projekt składa się z powtarzalnych stron ofertowych i landing page’y. Kreator sprawdzi się również przy regularnie zmienianej treści. Redaktor może wtedy pracować bez pomocy programisty.

• Prowadzisz lokalną firmę usługową. Kreator pasuje do witryny złożonej z 5–12 podstron, 1 formularza kontaktowego i kilku sekcji ofertowych.
• Tworzysz strony jako freelancer. Przy realizacji 2–4 witryn miesięcznie gotowe układy skracają budowę powtarzalnych sekcji.
• Standaryzujesz projekty agencyjne. Brizy dobrze pasuje do realizacji, w których 1 system typografii i kolorów obejmuje co najmniej 80% podstron.
• Publikujesz kampanie lead generation. Narzędzie obsłuży 1–5 landing page’y przesyłających zgłoszenia do systemu mailingowego albo webhooka.
• Prowadzisz serwis treściowy. Wspólny układ wpisu i archiwum utrzymuje jednolity wygląd przy publikacji ponad 20 artykułów.

Kto skorzysta najbardziej? Typowy użytkownik Brizy pracuje w zespole liczącym do 3 osób. Taki zespół publikuje strony marketingowe i aktualizuje je przynajmniej 1 raz w miesiącu.

Inne narzędzie sprawdzi się lepiej, jeśli

Poszukaj innego rozwiązania, gdy potrzebujesz współedycji w czasie rzeczywistym. To samo dotyczy przenośnego formatu między kreatorami. Brizy nie będzie też naturalnym wyborem dla frontendu odłączonego od WordPressa.

• Potrzebujesz współedycji w czasie rzeczywistym. Brizy nie pokazuje kursora drugiego użytkownika ani komentarzy przypiętych do elementu. Nie pozwala też 3 osobom jednocześnie edytować tego samego dokumentu.
• Planujesz zmianę kreatora. Projektu nie da się wyeksportować jako edytowalnego pliku dla Elementora, Divi czy edytora blokowego.
• Budujesz architekturę headless. Układ renderuje frontend WordPressa. Nie otrzymasz neutralnego schematu komponentów udostępnianego przez API.
• Realizujesz aplikację internetową. Panel z wieloetapowym stanem, uprawnieniami i ponad 10 warunkami biznesowymi potrzebuje frameworka aplikacyjnego albo dedykowanej wtyczki.
• Wymagasz zgodności z WCAG 2.2 AA. Producent nie certyfikuje całej gotowej strony. Końcowy wynik zależy również od treści, motywu i ustawień.

Granica biegnie między stroną marketingową a rozbudowaną aplikacją lub wieloosobową redakcją. W tych 5 scenariuszach lepiej postawić na narzędzie wyspecjalizowane w danym zadaniu. Ograniczy to liczbę dodatkowych komponentów.

Alternatywy dla Brizy

Brizy ma 4 praktyczne alternatywy w środowisku WordPress. Są to Elementor, Breakdance, Beaver Builder oraz wbudowany Gutenberg. Wybór zależy głównie od sposobu edycji, dostępnych rozszerzeń i kontroli nad szablonem motywu.

• Wybierz Elementor, gdy witryna już korzysta z jego widżetów lub dodatków. W teście odtworzenie sekcji z 4 niestandardowymi widżetami nie wymagało zastępowania ich kodem HTML.
• Wybierz Breakdance, jeśli tworzysz witrynę opartą na danych dynamicznych. To dobry wybór, gdy chcesz zarządzać zagnieżdżonymi kontenerami z jednego panelu. Przed zakupem odtwórz 1 szablon wpisu.
• Wybierz Beaver Builder, gdy zespół zna już jego moduły i w wersji Lite nie potrzebuje przebudowy całego motywu.
• Wybierz Gutenberg, jeśli zależy ci na mniejszej liczbie wtyczek i używasz motywu blokowego. Najpierw sprawdź 3 kluczowe layouty.

Jedno narzędzie nie wygra w każdym projekcie. Brizy odpowiada osobom, które wolą lokalne kontrolki bezpośrednio na płótnie. Każda z 4 alternatyw góruje gdzie indziej: w dodatkach, danych dynamicznych, pracy modułowej albo natywnej architekturze bloków.

Podsumowanie Brizy – czy warto?

Brizy może zastąpić Gutenberga, gdy ważniejsza jest wizualna kontrola projektu i obsługa kampanii. Ceną będzie większa liczba zależności. Gutenberg pozostaje natomiast bliżej natywnej architektury blokowej WordPressa.

W skrócie: Brizy jest łatwiejszy w obsłudze i daje większą kontrolę nad wyglądem. Gutenberg oferuje za to lepszą rozszerzalność. Zwykle wymaga też prostszego utrzymania technicznego.

W procesie marketingowym Brizy zdobył przewagę 1,4 punktu. Gutenberg uzyskał w utrzymaniu technicznym przewagę 1,0 punktu. W ocenie obejmującej 6 kryteriów Brizy uzyskał 4,1/5. To dobry wybór dla freelancerów i firm budujących witryny marketingowe. Takie witryny powinny być obsługiwane przez maksymalnie 3 osoby. Wcześniej należy jednak sprawdzić motyw i główne wtyczki. Przy projekcie API-first lub aplikacji z wieloetapową logiką lepsze będzie wyspecjalizowane rozwiązanie. Dotyczy to również równoczesnej pracy ponad 2 użytkowników.

FAQ – najczęstsze pytania o Brizy

Brizy współpracuje z WordPressem, WooCommerce i wtyczkami SEO. Nie zastępuje jednak hostingu, systemu płatności ani technicznego zaplecza witryny. Poniżej znajdziesz odpowiedzi na najczęstsze pytania praktyczne.

Czy Brizy Free nadaje się do strony komercyjnej?

Tak. Bezpłatna wtyczka może działać na stronie firmowej, w portfolio oraz na blogu przynoszącym przychody. Producent nie pobiera prowizji od sprzedaży. Nie nalicza również opłaty za 1 wysłany formularz.

Czy Brizy pobiera prowizję od zamówień WooCommerce?

Nie. Brizy nie dodaje własnego procentu do transakcji obsługiwanych przez WooCommerce. Opłaty mogą pojawić się gdzie indziej. Wybrana bramka płatnicza rozlicza 1 transakcję zgodnie ze swoim cennikiem.

Czy Brizy współpracuje z wtyczkami SEO?

Tak. Tytuł SEO, opis meta, indeksowanie i mapę XML ustawisz w osobnej wtyczce, na przykład Rank Math. Przed publikacją sprawdź 1 nagłówek H1. Skontroluj też teksty alternatywne obrazów oraz kolejność H2–H3.

Czy strony zbudowane w Brizy są szybkie?

Prędkość zależy od hostingu, liczby fontów i skryptów oraz rozmiaru obrazów. Producent nie obiecuje konkretnego wyniku Lighthouse.
Strona testowa korzystała z 1 fontu, miała 5 sekcji i obrazy WebP. Uzyskała 84/100 na urządzeniach mobilnych oraz 96/100 na desktopie.

Czy da się automatycznie przenieść stronę z Elementora do Brizy?

Nie. Brizy nie importuje edytowalnej struktury kontenerów ani widżetów Elementora. Podstrony trzeba odtworzyć ręcznie. Dlatego na początek przenieś 1 stronę zawierającą najwięcej modułów.

Czy Brizy obsługuje niestandardowe typy treści?

Tak. Najpierw dany post type musi być zarejestrowany w WordPressie. Potem włącz go w „Brizy → Settings → Post Types”. Przy każdym rekordzie tego typu pojawi się przycisk edytora wizualnego.

Czy Brizy działa w WordPress Multisite?

Tak, podstawową wtyczkę możesz aktywować dla całej sieci. Da się ją również włączyć oddzielnie na wybranych witrynach. W Pro każda witryna używająca licencjonowanych funkcji zajmuje własną aktywację w limicie konta.

Jak utworzyć link kotwiczący w Brizy?

Zaznacz sekcję i otwórz „More Settings → Advanced”. Wpisz identyfikator CSS, na przykład „kontakt”. Przy przycisku ustaw odnośnik „#kontakt”. 1 kliknięcie przeniesie użytkownika do wskazanej sekcji.

Jaka alternatywa jest najbliższa Brizy?

Elementor jest najbliższą opcją dla osób oczekujących wizualnego płótna i edycji całej witryny. Działa jednak w nieco innym modelu interfejsu. Gutenberg lepiej pasuje do projektów opartych na 1 motywie blokowym i małej liczbie dodatkowych wtyczek.