Divi Builder to wizualny kreator stron WordPress od Elegant Themes – projektuje całą witrynę metodą przeciągnij i upuść, bez kodu: strony, nagłówki, stopki, sklep WooCommerce. Działa jako motyw albo samodzielna wtyczka na dowolnym motywie, a w Divi 5 silnik przepisano na architekturę React z natywnym CSS Flexbox i Grid.
Wizualna edycja na żywo, Theme Builder i treść dynamiczna
Divi Builder projektuje strony wizualnie, metodą przeciągnij i upuść – bezpośrednio na podglądzie strony (edycja on-canvas) albo w trybie szkieletowym, gdy wygodniej pracować na samej strukturze. Divi Theme Builder rozszerza tę kontrolę na globalne nagłówki, stopki oraz szablony wpisów, archiwów i stron WooCommerce. System treści dynamicznej wstrzykuje do modułów dane z bazy WordPressa, w tym pola ACF.
Edycja na żywo na froncie i tryb szkieletowy
Wizualny edytor pracuje na froncie strony – element przeciąga się i ustawia dokładnie tam, gdzie docelowo się pojawi. Zmiany widać natychmiast, bez przeładowania. Tryb szkieletowy (Wireframe Mode) odsłania samą hierarchię sekcji, wierszy i modułów, co porządkuje rozbudowane układy.
Edytor obsługuje też zaznaczanie i zmianę wielu elementów naraz – multi-select i bulk editing. Powtarzalne korekty stylu nie wymagają wtedy klikania po elementach pojedynczo.
Theme Builder — nagłówki, stopki i szablony wpisów
Divi Theme Builder buduje wizualnie globalny nagłówek, stopkę oraz szablony stron, pojedynczych wpisów, archiwów i sklepu. Każdy szablon przypisuje się warunkowo do wybranej części witryny – osobny układ dla wpisów jednej kategorii, inny dla strony produktu.
Treść dynamiczna, Loop Builder i Display Conditions
Treść dynamiczna pobiera dane na żywo z bazy WordPressa – tytuły wpisów, pola własne (w tym ACF), dane użytkownika – i wstawia je do modułów. Jeden szablon obsługuje wtedy setki wpisów. Loop Builder buduje własne pętle dla wpisów, terminów taksonomii i użytkowników, czyli nietypowe listy bloga, katalogu czy portfolio.
Display Conditions pokazuje lub ukrywa elementy warunkowo – według roli użytkownika, typu urządzenia, zakresu daty i godziny czy statusu koszyka.
Co zmienia Divi 5 — Flexbox, Grid i przepisany silnik
Divi 5 to przepisany od zera silnik Divi Builder – produkcyjne wydanie ukazało się 26 lutego 2026 roku. Opiera się na architekturze React i porzuca system shortcode na rzecz danych strukturalnych. Wprowadza natywne CSS Flexbox i Grid, siedem konfigurowalnych breakpointów, zagnieżdżone wiersze, presety klasowe oraz zmienne globalne dla kolorów, czcionek i rozmiarów.
CSS Flexbox i Grid bez pisania kodu
Natywny Flexbox i Grid dają pełną kontrolę nad kierunkiem, zawijaniem, odstępami, kolejnością i pozycjonowaniem elementów – na każdym z siedmiu breakpointów, bez obejść i ręcznego CSS. Zagnieżdżone wiersze (nested rows) i grupy modułów budują złożone układy wiersz w wierszu, a generowanego kodu jest mniej.
System projektowy — presety, zmienne globalne i breakpointy
Presety klasowe zapisują style wielokrotnego użytku – jedna zmiana presetu aktualizuje wygląd wszędzie tam, gdzie go zastosowano. Zmienne globalne przechowują kolory, rozmiary, czcionki, obrazy i ciągi tekstowe, gotowe do wstawienia w dowolnym polu ustawień. Same pola wartości obsługują jednostki CSS, zmienne i funkcje matematyczne (advanced units).
Siedem predefiniowanych breakpointów odpowiada typom urządzeń, a szerokość każdego z nich dostosowuje się do konkretnego projektu.
Inspector i nowy interfejs buildera
Inspector to narzędzie inspirowane Figmą. Po wskazaniu elementu zbiera najważniejsze atrybuty jego samego i elementów potomnych, więc kolory, czcionki, rozmiary, treść i presety zmienia się hurtowo, w wielu miejscach naraz. Interfejs Divi 5 dokłada wielopanelowe dokowanie, panel warstw, breadcrumbs kontenerów oraz wyszukiwarkę i filtry ustawień. Canvases udostępniają osobne przestrzenie robocze na menu, popupy i eksperymenty poza główną treścią.
Ponad 200 modułów, gotowe layouty i Divi AI
Divi Builder zawiera ponad 200 elementów i modułów – od przycisków, formularzy i sliderów po Accordion, Portfolio i moduł opt-in e-mail – a do tego ponad 2600 gotowych layoutów pogrupowanych w branżowe pakiety. Divi AI generuje układy, teksty, obrazy i kod CSS wprost w builderze, a Quick Sites składa kompletne witryny ze startowych pakietów.
Moduły i biblioteka gotowych layoutów
Każdy moduł – od Blurb i Call to Action po Countdown Timer, Galerię i Code Module – udostępnia setki ustawień projektowych. Ten sam element wygląda więc inaczej w każdym projekcie. Ponad 2600 gotowych layoutów (Layout Packs) to wbudowane szablony stron na różne branże, a Library zapisuje, kategoryzuje, eksportuje i importuje własne układy oraz elementy do ponownego użycia.
Moduł Code dodaje własny kod HTML, CSS i JavaScript do strony lub elementu – z podświetlaniem składni i autouzupełnianiem.
Divi AI i Quick Sites
Divi AI generuje wprost w builderze całe układy, teksty, obrazy oraz kod CSS, a model kodu trenowano na modułach Divi. Quick Sites składa kompletną witrynę – zestaw stron, globalne style, dynamiczne szablony, treść i zdjęcia – jednym kliknięciem albo na bazie startowego pakietu. To skraca etap budowy szkieletu strony.
Projektowanie sklepu WooCommerce w Divi
Divi Builder udostępnia ponad 25 natywnych modułów WooCommerce do projektowania stron produktu, koszyka, kasy i sklepu – galerię, opis, przycisk „dodaj do koszyka”, recenzje, upsell i cross-sell. W połączeniu z Theme Builderem i treścią dynamiczną buduje autorski szablon strony produktu bez dodatkowych wtyczek do układu.
Moduły strony produktu, koszyka i kasy
Zestaw modułów Woo obejmuje galerię i obrazy produktu, opis, metadane, ocenę i recenzje, stan magazynowy, zakładki oraz moduły koszyka i kasy – dane rozliczeniowe, płatność, wysyłka. Każdy element strony sklepu rozmieszcza się i stylizuje osobno, a dynamiczna treść Woo trafia także do innych modułów.
Własny szablon sklepu w Theme Builderze
W Theme Builderze powstaje jeden globalny szablon strony produktu – treść dynamiczna z pól produktu obsługuje wtedy cały katalog automatycznie. Uwaga dla polskiego rynku: Divi projektuje wygląd stron sklepu, ale polskie bramki płatności (Przelewy24, Tpay, BLIK) oraz kurierzy (InPost Paczkomaty, Furgonetka) działają przez osobne wtyczki WooCommerce – to nie są natywne moduły Divi.
Integracje z SEO, formularzami i wielojęzycznością
Divi Builder współpracuje z większością wtyczek WordPress, w tym z gotowymi integracjami Rank Math (zarządzanie SEO wprost w Visual Builderze), ACF (treść dynamiczna) oraz WPML i TranslatePress (wielojęzyczność). Moduł opt-in łączy się z 20 dostawcami e-mail marketingu – MailChimp, GetResponse, ActiveCampaign, Brevo – a formularze obsługują WPForms, Gravity Forms i Contact Form 7.
SEO, pola ACF i treść dynamiczna
Rank Math integruje się z Visual Builderem, więc tytuły, opisy i analizę SEO ustawia się bez wychodzenia z edytora strony. Advanced Custom Fields podłącza się do systemu treści dynamicznej Divi i wyświetla pola własne w dowolnym module – od nagłówka po galerię.
Wielojęzyczność — WPML, Polylang i TranslatePress
Divi ma oficjalne, wspierane integracje z WPML oraz TranslatePress, który tłumaczy treść metodą point-and-click wprost na podglądzie strony. Działa też z Polylang, choć przy rozbudowanych szablonach Theme Buildera społeczność częściej wskazuje WPML. Interfejs samego buildera jest dostępny po polsku.
E-mail marketing, formularze i Divi Marketplace
Moduł opt-in łączy się z 20 systemami mailingowymi – MailChimp, GetResponse, ActiveCampaign, ConvertKit, MailerLite, Brevo – a formularze kontaktowe obsługują WPForms, Gravity Forms i Contact Form 7. Divi Marketplace dokłada ponad 250 komercyjnych rozszerzeń, child themes i layoutów, a otwarte Module API daje deweloperom narzędzia do budowy własnych modułów.
Motyw Divi czy samodzielna wtyczka Divi Builder
Divi Builder występuje w dwóch postaciach opartych na tym samym silniku: wbudowany w motyw Divi, który stanowi kompletny framework całej witryny, albo jako samodzielna wtyczka na dowolnym, poprawnie napisanym motywie WordPress (potwierdzone testy z Genesis i Twenty Twenty-Two). Przy samodzielnej wtyczce układy pełnej szerokości działają wtedy, gdy motyw udostępnia szablon full-width.
Kiedy wybrać motyw, a kiedy samą wtyczkę
Motyw Divi sprawdza się tam, gdzie builder steruje całą witryną – nagłówkiem, stopką, szablonami i treścią – bez warstwy innego motywu pod spodem. Samodzielna wtyczka Divi Builder pasuje wtedy, gdy projekt zostaje przy istniejącym, lekkim motywie, a w Divi powstają tylko wybrane strony.
Dodanie Divi do istniejącego motywu
Wtyczka Divi Builder instaluje się obok aktywnego motywu, a w Gutenbergu gotowe układy wstawia blok Divi Layout Block – oba edytory mieszają się na jednej stronie. Jedyne praktyczne ograniczenie: układy pełnej szerokości wypełnią okno przeglądarki tylko wtedy, gdy obcy motyw udostępnia szablon full-width.
Dla kogo Divi Builder sprawdza się najlepiej
Divi Builder sprawdza się najlepiej u freelancerów i agencji budujących wiele witryn klienckich, u właścicieli małych firm bez znajomości kodu oraz w sklepach WooCommerce, które chcą w pełni zaprojektować swój wygląd. Przy prostych blogach-wizytówkach lub projektach stawiających na maksymalnie lekki, natywny WordPress lżejszą alternatywą bywa Gutenberg albo Bricks.
Dla kogo Divi Builder sprawdza się najlepiej:
- Freelancerzy i agencje budujący wiele witryn klienckich – jeden silnik pokrywa motyw, układ, szablony i sklep.
- Właściciele małych firm i twórcy bez kodu, którym wystarczą gotowe layouty, Quick Sites i Divi AI.
- Sklepy WooCommerce, które chcą zaprojektować strony produktu, koszyka i kasy bez dodatkowych wtyczek do układu.
- Osoby zastępujące wiele pojedynczych wtyczek – typografia, slidery, opt-iny, formularze – jednym narzędziem.
- Użytkownicy przywiązani do własnego motywu, którzy dokładają silnik Divi przez samodzielną wtyczkę.
Agencje, freelancerzy i workflow na wielu witrynach
Przy wielu projektach rocznie powtarzalność oszczędza czas: start z gotowego Layout Packa lub AI Quick Site, globalne style, Theme Builder do nagłówka i stopki. Divi Cloud trzyma layouty, szablony i snippety w chmurze, dostępne na każdej nowej witrynie, a Divi Teams dołącza do projektu członków zespołu lub klientów. Divi Dash zarządza aktualizacjami i wtyczkami wielu witryn z jednego pulpitu.
Sklepy WooCommerce i twórcy bez kodu
Dla sklepu Divi łączy moduły Woo z własnym szablonem strony produktu i dynamiczną treścią z pól produktu – cały wygląd projektuje się wizualnie. Osoby bez znajomości CSS i HTML budują stronę na bazie ponad 2600 gotowych layoutów oraz generatora Quick Sites, a Divi AI uzupełnia teksty i obrazy.
Dla kogo Divi nie jest najlepszym wyborem
Dla kogo Divi Builder nie jest najlepszym wyborem:
- Projekty „performance-first” na maksymalnie lekkim, natywnym WordPressie – bliżej tej filozofii stoi Gutenberg albo Bricks.
- Strony, które realnie będą zmieniać motyw lub builder – historyczny lock-in shortcode z Divi 4 utrudniał migrację (Divi 5 odchodzi od shortcode na rzecz danych strukturalnych).
- Proste blogi i wizytówki bez potrzeby zaawansowanego designu, którym wystarczy lżejszy, darmowy Gutenberg.
Wymagania techniczne i kompatybilność
Divi Builder wymaga aktualnej stabilnej wersji WordPressa oraz PHP minimum 7.4 (oficjalne minimum producenta), z rekomendacją PHP 8.1 lub nowszego i pamięcią PHP od 128 MB – choć dla cięższego interfejsu Divi 5 rozsądniejszym pułapem jest 256 MB. Interfejs przetłumaczono na 32 języki, w tym polski, z obsługą RTL i natywną integracją z WooCommerce, WPML oraz edytorem Gutenberg.
WordPress, PHP i parametry serwera
Oficjalna lista wymagań producenta podaje PHP 7.4 i 128 MB pamięci jako minimum – to wartości spod linii Divi 4. Dla nowego, opartego na React interfejsu Divi 5 bezpieczniej przyjąć nowszą wersję PHP i 256 MB pamięci, mimo że twarde minimum pozostaje bez zmian.
| Parametr | Wartość |
|---|---|
| Wersja | 4.27.7 |
| Wersja WordPress | aktualna wersja stabilna (min. 5.3; przy PHP 8.x zalecane 5.6+) |
| Wersja PHP | 7.4 lub nowsza (rekomendowana 8.1+) |
| Pamięć PHP (memory_limit) | 128 MB (zalecane 256 MB dla Divi 5) |
| post_max_size | 64 MB |
| upload_max_filesize | 64 MB |
| max_execution_time | 120 |
| Baza danych | MySQL 5.7 lub nowsza / MariaDB 10.2 lub nowsza |
| Edytor blokowy Gutenberg | zgodny (Divi Layout Block) |
| WooCommerce | natywna integracja (ponad 25 modułów) |
| Wielojęzyczność | WPML, TranslatePress, Polylang |
| Język interfejsu i RTL | 32 języki, w tym polski; obsługa RTL |
Kompatybilność z Gutenbergiem, motywami i językami
Divi jest zgodny z edytorem Gutenberg – blok Divi Layout Block wstawia layouty i moduły Divi wewnątrz strony budowanej w edytorze blokowym, a architektura Divi 5 zbliża się do Gutenberga i Site Editora. Samodzielna wtyczka Divi Builder współpracuje z dowolnym, dobrze napisanym motywem, a interfejs buildera obsługuje 32 języki, w tym polski, oraz układy RTL.
Najczęściej zadawane pytania
Czy mogę używać samego Divi Builder z innym motywem?
Tak, samodzielna wtyczka Divi Builder działa na dowolnym, poprawnie napisanym motywie WordPress – potwierdziły to testy z Genesis i Twenty Twenty-Two. Dostarcza ten sam silnik co motyw Divi, więc do dyspozycji zostają te same moduły i system projektowy. Reszta motywu pozostaje aktywna, a w Divi projektuje się wybrane strony. Jedyne praktyczne ograniczenie dotyczy układów pełnej szerokości – wypełnią okno tylko wtedy, gdy motyw udostępnia szablon full-width.
Jakiej wtyczki do tłumaczeń używać z Divi?
Divi Builder ma oficjalne integracje z WPML i TranslatePress – ten drugi tłumaczy treść metodą point-and-click wprost na podglądzie strony. Działa też z Polylang, choć w społeczności powtarza się sygnał, że Polylang słabiej radzi sobie z szablonami Divi Theme Buildera. Przy rozbudowanych, globalnych szablonach częściej pada rekomendacja WPML. Wybór zależy od skali projektu i liczby globalnych szablonów do przetłumaczenia.
Czy Divi spowalnia stronę?
Wpływ Divi Builder na szybkość strony zależy przede wszystkim od hostingu, optymalizacji i liczby zainstalowanych wtyczek, a nie wyłącznie od samego buildera. Złożone strony w Divi 4 bywały cięższe, dlatego Divi 5 przepisano pod kątem wydajności – z mniejszym footprintem JavaScript, ładowaniem bibliotek na żądanie oraz automatycznym Critical CSS i Dynamic Assets. Warstwa buildera nad WordPressem nadal istnieje, więc dobry hosting i cache zostają istotne.
Czy mogę używać Divi razem z Gutenbergiem?
Tak, Divi Builder współpracuje z edytorem Gutenberg dzięki blokowi Divi Layout Block – wstawia on layouty i moduły Divi wewnątrz strony budowanej w edytorze blokowym, a oba edytory mogą działać na jednej stronie. Podstawowym trybem pracy Divi pozostaje jednak Visual Builder, edytujący stronę na żywo. Architektura Divi 5 zbliża się zresztą do Gutenberga i Site Editora, co ułatwia łączenie obu podejść.
Czy Divi działa na PHP 8.3?
Oficjalne minimum dla Divi Builder to PHP 7.4, a producent zaleca wersję 8.0 lub nowszą, więc PHP 8.3 mieści się w obrębie wspieranych wersji. W kontekście 2026 roku WordPress.org rekomenduje zresztą PHP 8.3 i nowsze jako standard. Dla cięższego interfejsu Divi 5 rozsądnie jest połączyć nowszą wersję PHP z pamięcią rzędu 256 MB, mimo że oficjalna lista wciąż podaje 128 MB jako minimum.
Czy warto przejść z Elementora na Divi?
Divi Builder i Elementor to dwa odrębne kreatory, więc przejście oznacza przebudowę stron – treść zbudowana w jednym builderze nie przeniesie się automatycznie do drugiego. Divi wyróżnia model motywu i buildera w jednym ekosystemie, z Theme Builderem, Divi Cloud i Divi AI; Elementor jest wtyczką z osobną wersją darmową i Pro. Wybór zależy od preferowanego interfejsu i tego, czy potrzebny jest kompletny framework witryny, czy lekka wtyczka na istniejącym motywie.
Opinie
Na razie nie ma opinii o produkcie.