--- url: 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/elements/card' title: 'Eine Card hinzufügen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-23T23:56:32+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Sie erhalten einen gerahmten Kasten mit Kopfzeile und Titel, der andere Elemente aufnimmt, zum Beispiel Text oder einen Button. Nutzen Sie Cards, um zusammengehörige Inhalte wie Leistungen, Teamprofile oder Tarifpläne zu gruppieren.' 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-24T09:09:48+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Eine Card hinzufügen' description: 'Sie erhalten einen gerahmten Kasten mit Kopfzeile und Titel, der andere Elemente aufnimmt, zum Beispiel Text oder einen Button. Nutzen Sie Cards, um zusammengehörige Inhalte wie Leistungen, Teamprofile oder Tarifpläne zu gruppieren.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-23T23:56:32+0000' dateModified: '2026-10-24T09:09:48+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/de/hc/documentation/learn-dxpr-builder/elements/card' articleSection: Marketing - '@type': WebPage '@id': 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/elements/card' description: 'Sie erhalten einen gerahmten Kasten mit Kopfzeile und Titel, der andere Elemente aufnimmt, zum Beispiel Text oder einen Button. Nutzen Sie Cards, um zusammengehörige Inhalte wie Leistungen, Teamprofile oder Tarifpläne zu gruppieren.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Startseite item: 'https://dxpr.com/de' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: de --- [Help Center](/de/hc)/[Documentation](/de/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/hc/documentation/learn-dxpr-builder/elements/marketing) # Eine Card hinzufügen. Learn DXPR BuilderBuild pagesAdd contentMarketing ## In this guide Related guides - [Das Aussehen eines Elements im Style-Tab ändern](/de/hc/documentation/learn-dxpr-builder/element-settings/style-tab) Sie erhalten einen gerahmten Kasten mit Kopfzeile und Titel, der andere Elemente aufnimmt, zum Beispiel Text oder einen Button. Nutzen Sie Cards, um zusammengehörige Inhalte wie Leistungen, Teamprofile oder Tarifpläne zu gruppieren. ## Eine Card hinzufügen Öffnen Sie Ihre Seite im angemeldeten Zustand: Wenn Sie mit der Maus über den Inhaltsbereich fahren, erscheinen die Steuerelemente des Builders. [Ihre erste Seite](/de/hc/documentation/learn-dxpr-builder/getting-started/first-page) zeigt die Grundlagen. 1. Fahren Sie mit der Maus über die Spalte und klicken Sie in ihrer Steuerleiste auf **+**; klicken Sie auf einer leeren Seite auf **Add Elements**. Öffnen Sie den **Content**-Tab und klicken Sie auf **Card**. Die Card landet oben in der Spalte, ohne Dialog. 2. Fahren Sie mit der Maus darüber, klicken Sie in ihrer Steuerleiste auf **More** und wählen Sie **Settings**. Geben Sie einen **Header** ein, zum Beispiel Investor Relations. 3. Geben Sie den Card-**Title** ein, zum Beispiel Q3 Results Published. 4. Wählen Sie einen **Type** für den Card-Stil. Hier wählen wir **Primary**. Der Text wird automatisch weiß. 5. Klicken Sie im Dialog auf **Speichern**. 6. Fahren Sie mit der Maus über die Card und klicken Sie auf das **+** in ihrer eigenen Steuerleiste, nicht in der der Spalte. Das **+** im leeren Card-Body funktioniert ebenfalls. Fügen Sie einen **Button** hinzu, denn eine Card ist ein Container. Stellen Sie Beschriftung und Link wie unter [Button](/de/hc/documentation/learn-dxpr-builder/elements/button) beschrieben ein. Klicken Sie dann in der Symbolleiste oben im Inhaltsbereich auf **Speichern**, um die Seite zu speichern. ## Was Sie sehen Ihre Kopfzeile und Ihr Titel sitzen auf einer Card in der gewählten Farbe, mit dem Button darin. Im Video stehen Investor Relations und Q3 Results Published auf einer Primary-Card. Der Button ist ein normales Button-Element, Sie bearbeiten und gestalten ihn also einzeln. Besucher sehen ihn, sobald Sie die Seite speichern und sie veröffentlicht ist. ## Ihre Card einrichten Fahren Sie mit der Maus über das Element und öffnen Sie in seiner Steuerleiste **More > Settings**. Optionen: - **Header:** Text in der Leiste oben auf der Card. Leer lassen, um die Leiste auszublenden. - **Title:** die Überschrift oben im Card-Body. - **Type:** die Card-Farbe: Default, Primary, Secondary, Success, Info, Warning, Danger, Dark oder Light. Alle außer Default und Light verwenden weißen Text. Eine Card ist ein Container. Fügen Sie andere Elemente in ihren Body hinzu oder ziehen Sie sie hinein, zum Beispiel Text, ein Bild oder einen Button. ## Wenn Sie es nicht sehen - **Die Card ist nicht im Content-Tab.** Ihr Benutzerprofil blendet sie aus. Bitten Sie die Administration, **Card (Bootstrap 4/5)** unter **Elements** in [User Profiles](/de/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin) anzukreuzen. - **Es ist nach dem Neuladen verschwunden.** Die Seite wurde nicht gespeichert. Fügen Sie es erneut hinzu und klicken Sie in der Symbolleiste oben im Inhaltsbereich auf **Speichern**. - **Die Card zeigt nur einen Rahmen und nichts darin.** Es ist noch kein Element darin. Fahren Sie mit der Maus über die Card, klicken Sie in ihrer Steuerleiste auf **+** und fügen Sie ein Text-, Image- oder Button-Element hinzu. - **Die Kopfzeile fehlt.** Das Feld **Header** ist leer. Fahren Sie mit der Maus über das Element und öffnen Sie **More > Settings**, und geben Sie dann eine Kopfzeile ein. - **Text auf der Card ist schwer zu lesen.** Die meisten **Type**-Optionen verwenden weißen Text, der auf einer hellen Farbe wie Warning verblasst. Wählen Sie einen dunkleren Type oder Light. ## Wie geht es weiter? [Style-Tab](/de/hc/documentation/learn-dxpr-builder/element-settings/style-tab), um Abstände und Hintergrund Ihrer Card zu ändern.