--- url: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/przewodnik-po-produkcie' title: 'Poznaj DXPR Builder i wybierz konfigurację | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T01:34:30+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Wybierz się na krótką wycieczkę po DXPR Builder i zobacz, gdzie pasuje DXPR Theme. Otwierasz selektor elementów, budujesz jedną ostylowaną sekcję i ją podglądasz. Dalsza część strony pokazuje, co wnosi każdy produkt, abyś mógł wybrać między samym kreatorem, kreatorem z DXPR Theme albo DXPR CMS z oboma. Film zwiedza DXPR Builder na nowej, pustej stronie i buduje jedną sekcję. tags: - 'Build your first page' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Poznaj DXPR Builder i wybierz konfigurację' description: |- Wybierz się na krótką wycieczkę po DXPR Builder i zobacz, gdzie pasuje DXPR Theme. Otwierasz selektor elementów, budujesz jedną ostylowaną sekcję i ją podglądasz. Dalsza część strony pokazuje, co wnosi każdy produkt, abyś mógł wybrać między samym kreatorem, kreatorem z DXPR Theme albo DXPR CMS z oboma. Film zwiedza DXPR Builder na nowej, pustej stronie i buduje jedną sekcję. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T01:34:30+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/przewodnik-po-produkcie' articleSection: 'Zbuduj pierwszą stronę' - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/przewodnik-po-produkcie' description: |- Wybierz się na krótką wycieczkę po DXPR Builder i zobacz, gdzie pasuje DXPR Theme. Otwierasz selektor elementów, budujesz jedną ostylowaną sekcję i ją podglądasz. Dalsza część strony pokazuje, co wnosi każdy produkt, abyś mógł wybrać między samym kreatorem, kreatorem z DXPR Theme albo DXPR CMS z oboma. Film zwiedza DXPR Builder na nowej, pustej stronie i buduje jedną sekcję. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 'Strona Główna' item: 'https://dxpr.com/pl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pl --- [Centrum pomocy](/pl/hc)/[Dokumentacja](/pl/hc/dokumentacja) /[Poznaj DXPR Builder](/pl/hc/documentation/learn-dxpr-builder) /[Zacznij tutaj](/pl/hc/documentation/learn-dxpr-builder/start-here) /[Zbuduj pierwszą stronę](/pl/hc/documentation/learn-dxpr-builder/start-here/first-steps) # Poznaj DXPR Builder i wybierz konfigurację. Poznaj DXPR BuilderZacznij tutajZbuduj pierwszą stronę ## W tym przewodniku Powiązane przewodniki - [Zbuduj swoją pierwszą stronę](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/pierwsza-strona) - [Dla kogo jest DXPR Builder.](/pl/hc/dokumentacja/nauka-dxpr-builder/zacznij-tutaj/dla-kogo-jest-dxpr-builder) Wybierz się na krótką wycieczkę po DXPR Builder i zobacz, gdzie pasuje DXPR Theme. Otwierasz selektor elementów, budujesz jedną ostylowaną sekcję i ją podglądasz. Dalsza część strony pokazuje, co wnosi każdy produkt, abyś mógł wybrać między samym kreatorem, kreatorem z DXPR Theme albo DXPR CMS z oboma. Film zwiedza DXPR Builder na nowej, pustej stronie i buduje jedną sekcję. ## Zwiedź edytor Zacznij na zapisanej, pustej stronie typu treści pokazującego kreator. 1. Kliknij **Add Elements**, aby otworzyć selektor elementów. 2. Przejrzyj jego zakładki: **Treść**, **Bloki Drupala**, **Widoki Drupala**, **Zapisane szablony** i **Układ**. 3. Wybierz **sekcję** z zakładki **Układ**. 4. Najedź na sekcję, otwórz **More**, wybierz **Settings** i wybierz **Tło** w panelu **Styl**. 5. Kliknij **+** na sekcji, aby dodać **wiersz**, a potem dodaj **przycisk** i **tekst** do jego kolumn. Wybierz **Kolor czcionki** dla tekstu w jego panelu **Styl**. 6. Kliknij **Zapisz** na pasku narzędzi, a potem otwórz menu widoku i wybierz **Podgląd**. ## Co widzisz W **Podglądzie** jasnoszara sekcja pokazuje dwie kolumny. Lewa trzyma nagłówek, wiersz tekstu i przycisk **Learn more**; prawa trzyma fioletowy nagłówek i jego tekst. Podgląd ukrywa paski sterowania i przyciski plus, więc widzisz stronę tak, jak zobaczą ją odwiedzający. ## Co wnosi każdy produkt **DXPR Builder** to moduł Drupala, który właśnie zwiedzono. Działa z każdym motywem i dodaje: - 22 elementy treści i 6 elementów układu - Edycję na samej stronie, z podglądem - Tekst AI, tworzenie stron i obrazy, po zainstalowaniu modułów AI - Szablony stron i szablony użytkownika - Profile użytkowników określające, czego może używać każda rola - Bloki i widoki Drupala wewnątrz twoich układów **DXPR Theme** to motyw Bootstrap 5 od DXPR. Dodaje ustawienia kolorów, czcionek, nagłówka i układu strony oraz dostosowuje się do telefonów i tabletów. Nie potrzebuje własnego klucza produktu. | | DXPR Builder z innym motywem | DXPR Builder z DXPR Theme | |---|---|---| | Bootstrap 5 | Z twojego motywu albo **Sideload Bootstrap files** ustawione na **Bootstrap 5** | Dostarcza motyw | | Próbki kolorów w kreatorze | Paleta twojego motywu, jeśli ją definiuje | Paleta kolorów DXPR Theme | | Płynne przewijanie pod przyklejonym nagłówkiem | Ustaw **Scroll offset selector** na swój nagłówek | Działa po instalacji | | Klucz produktu | Potrzebny | Potrzebny tylko dla DXPR Builder | Oba ustawienia są na stronie **General Settings** w DXPR Builder, w sekcjach **Bootstrap** i **Advanced Settings**. ## Wybierz swoją konfigurację | Chcę… | Użyj | Potrzebuje | |---|---|---| | zacząć nową witrynę ze wszystkim ustawionym | [DXPR CMS](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/instalowanie-dxpr-cms) | Nowa witryna Drupala 11 | | dodać wizualne budowanie stron do działającej witryny | [Sam DXPR Builder](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/instalacja) | Bootstrap 5 z motywu albo z ustawienia sideload | | dopasować kreator do własnego motywu | DXPR Builder plus [Motywy](/pl/hc/dokumentacja/nauka-dxpr-builder/programowanie/motywy) | Programista | Marketingowcy treści zaczynający od zera wyciągną najwięcej z DXPR CMS: oba produkty i strony demo przychodzą gotowe do użycia. Webmasterzy z istniejącą witryną dodają DXPR Builder i zachowują motyw. ## Jeśli nie widać selektora elementów - **Pusta strona pokazuje „Choose a template”, ale nie ma przycisku Add Elements.** **Enable page creation assistant** jest wyłączone na `/admin/dxpr_studio/dxpr_builder/ai_settings`. Kliknij **+** na pasku narzędzi kreatora, aby zamiast tego otworzyć selektor. - **Przyciski i kolumny wyglądają na nieostylowane.** Twój motyw nie wczytuje Bootstrap 5. Ustaw **Sideload Bootstrap files** na **Bootstrap 5** w sekcji **Bootstrap** na `/admin/dxpr_studio/dxpr_builder/settings`. - **Selektor kolorów nie pokazuje próbek.** Twój motyw nie definiuje palety kolorów. Wybierz kolor w samym selektorze albo użyj motywu z paletą, na przykład DXPR Theme. ## Co dalej? - [Zbuduj swoją pierwszą stronę](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/pierwsza-strona): cała strona, krok po kroku. - [Kto używa DXPR Builder](/pl/hc/dokumentacja/nauka-dxpr-builder/zacznij-tutaj/dla-kogo-jest-dxpr-builder): co marketingowcy, webmasterzy i programiści robią z nim.