--- url: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/card' title: 'Dodawanie karty | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T13:57:43+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Otrzymujesz ramkę z nagłówkiem i tytułem, która mieści inne elementy, na przykład tekst albo przycisk. Użyj kart do grupowania powiązanej treści, jak usługi, profile zespołu albo plany cenowe.' tags: - Marketing image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T13:57:43+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Dodawanie karty' description: 'Otrzymujesz ramkę z nagłówkiem i tytułem, która mieści inne elementy, na przykład tekst albo przycisk. Użyj kart do grupowania powiązanej treści, jak usługi, profile zespołu albo plany cenowe.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T13:57:43+0000' dateModified: '2026-10-24T13:57:43+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/documentation/learn-dxpr-builder/elements/card' articleSection: Marketing - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/card' description: 'Otrzymujesz ramkę z nagłówkiem i tytułem, która mieści inne elementy, na przykład tekst albo przycisk. Użyj kart do grupowania powiązanej treści, jak usługi, profile zespołu albo plany cenowe.' 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/documentation) /[Poznaj DXPR Builder](/pl/hc/documentation/learn-dxpr-builder) /[Buduj strony](/pl/hc/documentation/learn-dxpr-builder/build) /[Dodaj treści](/pl/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/pl/hc/documentation/learn-dxpr-builder/elements/marketing) # Dodawanie karty. Poznaj DXPR BuilderBuduj stronyDodaj treściMarketing ## W tym przewodniku Powiązane przewodniki - [Zmień wygląd elementu w panelu Styl](/pl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) Otrzymujesz ramkę z nagłówkiem i tytułem, która mieści inne elementy, na przykład tekst albo przycisk. Użyj kart do grupowania powiązanej treści, jak usługi, profile zespołu albo plany cenowe. ## Dodaj kartę Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. [Twoja pierwsza strona](/hc/documentation/learn-dxpr-builder/getting-started/first-page) przedstawia podstawy. 1. Najedź na kolumnę i kliknij **+** na jej pasku sterowania albo kliknij **Add Elements** na pustej stronie. Otwórz zakładkę **Treść** i kliknij **kartę**. Karta pojawi się na górze kolumny, bez okna dialogowego. 2. Najedź na nią, kliknij **More** na jej pasku sterowania i wybierz **Settings**. Wpisz **nagłówek**, na przykład Investor Relations. 3. Wpisz **tytuł** karty, na przykład Q3 Results Published. 4. Wybierz **Typ** stylu karty. Tutaj wybieramy **Primary**. Tekst zmienia kolor na biały. 5. Kliknij **Zapisz** w oknie dialogowym. 6. Najedź na kartę i kliknij **+** na jej własnym pasku sterowania, nie na pasku kolumny. **+** w pustej treści karty też działa. Dodaj **przycisk**, ponieważ karta jest kontenerem. Ustaw jego etykietę i link jak na stronie [Przycisk](/hc/documentation/learn-dxpr-builder/elements/button). Następnie kliknij **Zapisz** na pasku narzędzi u góry obszaru treści, aby zapisać stronę. ## Co widzisz Twój nagłówek i tytuł siedzą na karcie w wybranym kolorze, z przyciskiem w środku. Na filmie widnieją napisy Investor Relations i Q3 Results Published na karcie Primary. Przycisk to zwykły element przycisku, więc edytujesz go i stylizujesz osobno. Odwiedzający zobaczą go po zapisaniu i opublikowaniu strony. ## Skonfiguruj kartę Najedź na element i otwórz **More > Settings** na jego pasku sterowania. Opcje: - **Nagłówek:** tekst na pasku u góry karty. Pozostaw pusty, aby ukryć pasek. - **Tytuł:** nagłówek u góry treści karty. - **Typ:** kolor karty: Default, Primary, Secondary, Success, Info, Warning, Danger, Dark albo Light. Wszystkie oprócz Default i Light używają białego tekstu. Karta jest kontenerem. Dodaj do jej treści inne elementy albo je tam przeciągnij, na przykład tekst, obraz albo przycisk. ## Jeśli jej nie widać - **Karta nie występuje w zakładce Treść.** Twój profil użytkownika ją ukrywa. Poproś administratora o zaznaczenie **Card (Bootstrap 4/5)** w sekcji **Elements** na stronie [Profile użytkowników](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Zniknęła po przeładowaniu.** Strona nie została zapisana. Dodaj ją ponownie i kliknij **Zapisz** na pasku narzędzi u góry obszaru treści. - **Karta pokazuje tylko ramkę i nic w środku.** W środku nie ma jeszcze żadnych elementów. Najedź na kartę, kliknij **+** na jej pasku sterowania i dodaj tekst, obraz albo przycisk. - **Brakuje paska nagłówka.** Pole **Nagłówek** jest puste. Najedź na element i otwórz **More > Settings**, a następnie wpisz nagłówek. - **Tekst na karcie jest trudny do odczytania.** Większość opcji **Typ** używa białego tekstu, który blednie na jasnym kolorze, na przykład Warning. Wybierz ciemniejszy typ albo Light. ## Co dalej? [Panel Styl](/hc/documentation/learn-dxpr-builder/element-settings/style-tab), aby zmienić odstępy i tło karty.