--- url: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/projektowanie/style-przyciskow' title: 'Wybierz style przycisków prowadzące odwiedzających | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T11:37:52+00:00' updated: '2026-10-24T19:36:26+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Decydujesz, jak donośny jest każdy przycisk. Lity przycisk oznacza jedną akcję, na której zależy ci najbardziej, a przycisk konturowy obok oferuje alternatywę bez konkurowania. Ta strona pokazuje, jak ostylować taką parę i co zmienia które ustawienie. Aby dodać przycisk i ustawić jego link, zobacz dodawanie przycisku. Film podąża za poniższymi krokami: czyni Apply now głównym przyciskiem i dodaje konturowy drugi przycisk. tags: - 'Design guides' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T19:36:26+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Wybierz style przycisków prowadzące odwiedzających' description: |- Decydujesz, jak donośny jest każdy przycisk. Lity przycisk oznacza jedną akcję, na której zależy ci najbardziej, a przycisk konturowy obok oferuje alternatywę bez konkurowania. Ta strona pokazuje, jak ostylować taką parę i co zmienia które ustawienie. Aby dodać przycisk i ustawić jego link, zobacz dodawanie przycisku. Film podąża za poniższymi krokami: czyni Apply now głównym przyciskiem i dodaje konturowy drugi przycisk. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T11:37:52+0000' dateModified: '2026-10-24T19:36:26+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/projektowanie/style-przyciskow' articleSection: 'Przewodniki projektowe' - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/projektowanie/style-przyciskow' description: |- Decydujesz, jak donośny jest każdy przycisk. Lity przycisk oznacza jedną akcję, na której zależy ci najbardziej, a przycisk konturowy obok oferuje alternatywę bez konkurowania. Ta strona pokazuje, jak ostylować taką parę i co zmienia które ustawienie. Aby dodać przycisk i ustawić jego link, zobacz dodawanie przycisku. Film podąża za poniższymi krokami: czyni Apply now głównym przyciskiem i dodaje konturowy drugi przycisk. 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) /[Buduj strony](/pl/hc/documentation/learn-dxpr-builder/build) /[Stylizuj elementy](/pl/hc/documentation/learn-dxpr-builder/element-settings) /[Przewodniki projektowe](/pl/hc/documentation/learn-dxpr-builder/design/overview) # Wybierz style przycisków prowadzące odwiedzających. Poznaj DXPR BuilderBuduj stronyStylizuj elementyPrzewodniki projektowe ## W tym przewodniku Powiązane przewodniki - [Dodawanie przycisku](/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/przycisk) - [Spraw, aby elementy reagowały na najechanie](/pl/hc/dokumentacja/nauka-dxpr-builder/projektowanie/efekty-hover) - [Używaj kolorów marki](/pl/hc/dokumentacja/nauka-dxpr-builder/projektowanie/kolory-marki) Decydujesz, jak donośny jest każdy przycisk. Lity przycisk oznacza jedną akcję, na której zależy ci najbardziej, a przycisk konturowy obok oferuje alternatywę bez konkurowania. Ta strona pokazuje, jak ostylować taką parę i co zmienia które ustawienie. Aby dodać przycisk i ustawić jego link, zobacz [dodawanie przycisku](/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/przycisk). Film podąża za poniższymi krokami: czyni Apply now głównym przyciskiem i dodaje konturowy drugi przycisk. ## Stylowanie głównego i drugiego przycisku Zacznij od przycisku na stronie, na przykład **Apply now**. 1. Najedź na przycisk i otwórz **More > Settings**. 2. Ustaw **Type** na **Primary**. 3. Ustaw **Size** na **Large** i kliknij **Save**. 4. Ponownie najedź na przycisk i otwórz **More > Clone**. Kopia pojawia się tuż pod oryginałem. 5. Otwórz **More > Settings** na kopii. Zmień jej **Title**, na przykład na `Download brochure`, i jej **Link**. 6. Włącz **Outline style** i kliknij **Save**. 7. Kliknij **Save** na pasku narzędzi. ## Wybór stylu dla każdej akcji | Akcja | Styl | Przykład | |---|---|---| | Jedna akcja, na której zależy ci najbardziej | Lity **Primary** | Apply now | | Alternatywa | **Outline style** w tym samym **Type** | Download brochure | | Drobna akcja | **Link**, który wygląda jak link tekstowy | Read the terms | | Ostrzeżenie albo ostatni krok | **Danger** albo **Warning** | Cancel my booking | Używaj jednego litego przycisku na sekcję, aby odwiedzający od razu widzieli, gdzie kliknąć. Pisz etykiety mówiące, co się stanie: „Get started” zamiast „Click here”, „Send message” zamiast „Submit”. ## Co widzisz Dwa duże przyciski układają się w stos w kolumnie: lity w głównym kolorze motywu i konturowy z obramowaniem i tekstem w tym samym kolorze. Lity pierwszy przyciąga wzrok. Linki nie otwierają się podczas edycji. Aby je przetestować, zapisz stronę, otwórz menu widoku (ikona oka) i wybierz **Preview**. ## Ustawienia | Ustawienie | Do czego służy | Domyślnie | |---|---|---| | **Type** | Styl koloru: **Primary**, **Secondary**, **Success**, **Info**, **Warning**, **Danger**, **Link**, **Light** albo **Dark**. Kolory pochodzą z twojego motywu. | **Primary** | | **Outline style** | Kolorowe obramowanie i tekst bez wypełnienia | Wyłączone | | **Size** | **Normal**, **Large** albo **Small** | **Normal** | | **Block button** | Rozciąga przycisk na pełną szerokość kolumny | Wyłączone | | **Link target** | **Same window** albo **New window**. Pokazuje się, gdy **Link** ma wartość. | **Same window** | Dla twórców motywów: każdy **Type** dodaje klasę Bootstrapa `btn-`, na przykład `btn-primary`. Przy włączonym **Outline style** staje się `btn-outline-`, z wyjątkiem **Link**, który zawsze pozostaje `btn-link`. **Large** dodaje `btn-lg`, **Small** dodaje `btn-sm`, a **Block button** dodaje `btn-block`. ## Jeśli nie widzisz stylu - **Konturowy przycisk nie pokazuje obramowania.** **Type** to **Link**, który zawsze wygląda jak link tekstowy, więc **Outline style** nie działa. Wybierz inny **Type** dla konturowego przycisku. - **Przycisk prawie znika.** **Light** jest bliskie bieli, więc wtapia się w białą sekcję. Wybierz ciemniejszy **Type** albo nadaj sekcji kolor tła. - **Link otwiera się w tej samej karcie.** **Link target** to **Same window** i pokazuje się tylko, gdy **Link** ma wartość. Najpierw wypełnij **Link**, potem wybierz **New window**. ## Co dalej? - [Dodawanie przycisku](/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/przycisk): każde ustawienie przycisku, z filmem. - [Efekty najechania](/pl/hc/dokumentacja/nauka-dxpr-builder/projektowanie/efekty-hover): przyciemnij przycisk albo dodaj cień, gdy wskaźnik go osiągnie. - [Kolor i marka](/pl/hc/dokumentacja/nauka-dxpr-builder/projektowanie/kolory-marki): trzymaj kolory przycisków w zgodzie z marką.