Overview of all AEM modules Seite 2
text-size-headline-h2

Click here to return to page 1

Click here to go to page 3

margin-top-3xl
Container - Modul:
text-size-headline-h2
The Container module serves as a text component, allowing the integration of a headline along with a continuous body text.
margin-top-2xl
Titel Text
text
Customer Hub Target - Modul
text-size-headline-h2
The Customer Hub Target module is a custom component that is displayed exclusively to existing customers on the homepage. Individual containers can be personalized using Adobe Target. If the connection to Adobe Target is not set up, images and text can alternatively be managed via the content tree in AEM.
margin-top-2xl
customer-hub-target-default
Guten Tag,
Ihre wichtigsten Tools und Empfehlungen auf einen Blick
Optimieren Sie Ihre Flotte
Basierend auf Ihrer Flottengroesse
https://dev--dkv-dev--comwrap.aem.page/de/media_12e082e3717745a5812532cb8f23d32865b300372.jpg?width=600&format=webply&optimize=medium
Flottenfahrzeuge
/de
DKV Lade-Netzwerk
Heute genuetzten und naechsten Kunden
https://dev--dkv-dev--comwrap.aem.page/de/media_1a788fcc5869cd72718521f62eaee86c974053dfc.jpg?width=600&format=webply&optimize=medium
Ladevorgang mit Tablet
/de
DKV Echtzeittracking
Mengen und Tragezonen identifizieren
https://dev--dkv-dev--comwrap.aem.page/de/media_12e082e3717745a5812532cb8f23d32865b300372.jpg?width=600&format=webply&optimize=medium
Zwei Personen am Truck
/de
DKV Cockpit
Das zentrale Kundenkonto
https://dev--dkv-dev--comwrap.aem.page/de/media_1a788fcc5869cd72718521f62eaee86c974053dfc.jpg?width=600&format=webply&optimize=medium
Dashboard mit Analysen
/de
DKV Maps
Die optimale Routenplanung
https://dev--dkv-dev--comwrap.aem.page/de/media_12e082e3717745a5812532cb8f23d32865b300372.jpg?width=600&format=webply&optimize=medium
Kartendarstellung auf Monitor
/de
Helpcenter
Zentrale Anlaufstelle fuer Fragen und Support
https://dev--dkv-dev--comwrap.aem.page/de/media_1a788fcc5869cd72718521f62eaee86c974053dfc.jpg?width=600&format=webply&optimize=medium
Support und Service
/de
Embed - Modul
text-size-headline-h2
The Embed module allows the integration of embed script code. It can be used to implement custom code snippets and external scripts within AEM.
margin-top-2xl
Headline Text

<!-- Demo Embed Modul -->

<div id="demo-module" style="border: 1px solid #ddd; padding: 20px; border-radius: 12px; max-width: 400px; font-family: Arial, sans-serif;">

<h3 style="margin-top: 0;">Demo Modul</h3>

<p>Dieses Modul zeigt, wie Inhalte interaktiv dargestellt werden können.</p>

<button id="demo-btn" style="

background-color: #ff6a00;

color: white;

border: none;

padding: 10px 16px;

border-radius: 6px;

cursor: pointer;

">

Klick mich

</button>

<p id="demo-result" style="margin-top: 15px; display: none;">

Aktion erfolgreich ausgeführt!

</p>

</div>

<script>

document.getElementById("demo-btn").addEventListener("click", function() {

var result = document.getElementById("demo-result");

result.style.display = "block";

});

</script>

inner-block-embed
Fleet Card - Modul
text-size-headline-h2
The Fleet Card module is complemented by the Fleet Card Item module. It displays up to three boxes side by side, each following a consistent structure with a headline, an icon, a descriptive text, and a button linking either to a contact form or directly to the shop.
margin-top-2xl
auswahlmodul

Wie viele Tankkarten benötigen Sie?

Bis zu 5 Tankkarten

Für PKW und Transporter
Jetzt online bestellen
internal
cta
https://www.dkv-mobility.com/de/de/shop?categories=shop%2Ffuel-and-charge-cards
internal
cta

6+ Tankkarten oder LKW-Tankkarten

für Fuhrparks mit PKWs und Transportern (oder für LKW-Fuhrparks)

Angebot anfordern
cta
/de/de/dkv/fuel/contact-form-7/?6_cards_plus-or-truck
FlowPaper - Modul
text-size-headline-h2
The FlowPaper module is complemented by the FlowPaper Item. While the background color can be adjusted, the headline remains consistently orange. The FlowPaper Item is used to provide downloadable catalogs.
There are two available variants: when the ‘Media Should Be Enabled’ option is activated, a pre-generated FlowPaper link can be embedded, allowing users to browse through the document. If this option is disabled, the document is only available for download.
margin-top-2xl
headline

Headline Text

description
Text
id
DKVreport
marginTop
margin-top-2xl
marginBottom
margin-bottom-m
items
title

Flowpaper Item 1

isFlowpaper
true
flowpaperUrl
https://7ab50766.flowpaper.com/DKVMobilitySustainabilityReport2025/
flowpaperImage
https://7ab50766.flowpaper.com/DKVMobilitySustainabilityReport2025/docs/DKV_Mobility_Sustainability-Report2025.pdf_1_thumb.jpg
image
imageLayout
landscape
link
/content/dam/dkv/assets/documents/company/dkv-mobility-sustainability-report-2025.pdf
linkStyle
animated
linkTarget
_self
linkLabel
Download
linkTitle
Alternativer Text
inner-block-flowpaper-item
title

Flowpaper Item 2

isFlowpaper
false
flowpaperUrl
flowpaperImage
image
GRI Index 2024
imageLayout
landscape
link
/content/dam/dkv/assets/documents/company/dkv-mobility-gri-esrs-index-2025.pdf
linkStyle
animated
linkTarget
_self
linkLabel
Download
linkTitle
Alternativer Text
inner-block-flowpaper-item
Fragment - Modul
text-size-headline-h2
The Fragment module can display a reference, such as an image. The content can be customised, but the position of the image cannot be changed.
margin-top-2xl
Get In Touch - Modul
text-size-headline-h2
The Get in Touch module is a contact component that extends the functionality of a standard contact form. On the left side, up to four detailed information elements can be added. The contact form on the right can be configured to use either the global contact form or a landing page-specific contact form.
margin-top-2xl

INFORMATION ABOUT PRODUCTS, SERVICES & DKV

We are here to help you with any questions you may have. Please contact us using the form below or use the contact information provided.

SERVICES FOR ACCEPTANCE PARTNERS & SUPPLIERS

We are here to help you with any questions you may have. Please contact us using the form below or use the contact information provided.

LOST OR DAMAGED DKV CARD

We are here to help you with any questions you may have. Please contact us using the form below or use the contact information provided.

BREAKDOWN, ACCIDENT OR REPAIR

We are here to help you with any questions you may have. Please contact us using the form below or use the contact information provided.

Request a callback

Would you also like to benefit from the DKV advantages? We will be happy to call you back.
global-form
Google Map Embed - Modul
text-size-headline-h2
The Google Map Embed module is designed to integrate a link to Google Maps. By embedding the link, a preview is displayed in the layout as designed below.
margin-top-2xl
iframeSrc
https://www.google.com/maps/d/u/0/embed?mid=10Z0Wjvlkx_GMx3y0lg1bHR6aSFNk7JQ&ehbc=2E312F
screenReader
Google Maps
background
id
marginTop
margin-top-2xl
marginBottom
margin-bottom-2xl
H1 Textmodul - Modul
text-size-headline-h2
The H1 text module is a classic text component that allows for the integration of a headline along with either a short or longer text. Links can only be added via code integration.
margin-top-2xl
Headline
text-size-headline-h2
Text Teil
margin-top-2xl
Hl Contentliste - Modul
text-size-headline-h2
Das Hl Contentliste Modul wird ergänzt durch das Hl Contentliste Item Modul. Hier wird eine Headline mit einem großen Bild dargstellt. darunter kann ein Fließtext eingebunden werden.
margin-top-2xl
headline

Headline

id
marginTop
margin-top-2xl
marginBottom
margin-bottom-2xl
items
title
image
LKW auf der Straße
imageText

Text can go here

{{"link": "/de/de/toll/toll-boxes/dkv-box-italia", "linkStyle": "default", "linkTitle": "Jetzt DKV BOX ITALIA bestellen", "linkType": "internal", "aria-label": "Jetzt DKV BOX ITALIA bestellen", "linkLabel": "Jetzt DKV BOX ITALIA bestellen", "target": "_self"}}

tileimage
tileimageText
inner-block-hl-contentliste-item
Hubspot Form - Modul
text-size-headline-h2
The HubSpot Form module is a contact form component that allows differentiation between a global contact form and a landing page-specific contact form. It is centrally controlled and exclusively displays the selected contact form.
margin-top-2xl
global-form
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
white
true
inner-block-hubspot-form
Image Parallax Scrolling - Modul
text-size-headline-h2
The Image Parallax Scrolling module serves as a banner component with a background image. The scrolling effect can be enabled or disabled. Text can either be placed directly on the image, as shown in the design, using white font, or displayed within a white text box, in which case the text appears in black.
margin-top-2xl
id
parallax
disableScroll
false
theme
dark
scrollEffect
0.2
headlineText

For a green future
Lead in Green

text
We actively support the transition to a CO₂-neutral mobility and transportation industry. Our goal is to avoid and reduce greenhouse gas emissions in our day-to-day business.
image
link
https://www.dkv-mobility-group.com/en/sustainability/
linkStyle
cta
linkTarget
_blank
linkLabel
To our lead in green approach
margin-top
margin-top-none
margin-bottom
margin-bottom-2xl
Image tiles container - Modul
text-size-headline-h2
The Image Tiles Container module displays an image as shown in the design. By adding the Image Tiles Item, grey overlay boxes can be integrated.
Typically, three boxes are displayed vertically to align seamlessly with the image. Each box provides space for a headline and a link only.
margin-top-2xl

component-class__image-tiles-container-headline-text

Headline Text

Mautbox

inner-block-image-tiles-item

component-class__image-tiles-item-container-button

component-separator-start_backButton

animated

Mehr Informationen

component-separator-end_backButton

Mautbox

inner-block-image-tiles-item

component-class__image-tiles-item-container-button

component-separator-start_backButton

animated

Mehr Informationen

component-separator-end_backButton

Mautbox

inner-block-image-tiles-item

component-class__image-tiles-item-container-button

component-separator-start_backButton

animated

Mehr Informationen

component-separator-end_backButton

Interactive Form - Modul
text-size-headline-h2
The Interactive Form module is the standard contact form used on most pages. It features a consistently dark blue background and allows for the inclusion of a short teaser text.
margin-top-2xl

options-class__interactive-form

options-key__id

dkv_contact

options-key__toggle-column-seperator

false

options-key__background-color

bg-blue-dark

options-key__margin-top

margin-top-2xl

options-key__margin-bottom

margin-bottom-2xl

options-class__interactive-form-text-item

options-key__class-interactive-form-text-item

component-class__interactive-form-text-item-title

Contact

component-class__interactive-form-text-item-text

Would you also like to benefit from the DKV Mobility advantages?

We will be pleased to call you back.

inner-block-interactive-form-text-item
global-form
white
false
inner-block-hubspot-form
Intro Header- Modul
text-size-headline-h2
The Intro Header module can be used as a header component to display an image across the full width. In addition, two smaller images or logos can be integrated.
margin-top-2xl

options-class__intro-header

options-key__id

options-key__margin-top

options-key__margin-bottom

component-class__intro-header-container-header-image

Image alt text...

component-class__intro-header-container-badge

Image alt text...

component-class__intro-header-container-country-icon

Image alt text...

Title Top placeholder: Cockpit Ihr zentrales Kundenkonto

Landing Page Header- Modul
text-size-headline-h2
The Landing Page Header is a legacy component and is no longer in use.
margin-top-2xl
Landingpage header
DKV Tankkarten (subheading)
  • Tanken an 96% der Tankstellen in Deutschland
  • Das größte Tankstellennetz Europas: Shell, JET, Aral, Esso, uvm.
bulletpoints-checkmarks
Custom Button
https://www.dkv.de/tankkarte
internal
standard
DKV Tankkarte
Street at night
Landing Shop Video - Modul
text-size-headline-h2
The Landing Shop Video module supports the integration of either a YouTube video or a DAM (Digital Asset Management) video. YouTube videos must first be uploaded to the DKV YouTube channel and can then be embedded using a YouTube embed code.
margin-top-2xl
id
unterwegs
displayStyle
video
videoType
video_youtube
youtubeEmbedCode
<iframe width="560" height="315" src="https://www.youtube.com/embed/x1BiYAbg_P0?si=LEDdfcyYuB3LBsu_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
video
poster
isMuted
isAutoPlay
isLoop
isLeftAligned
headline
text
margin-top
margin-top-2xl
margin-bottom
margin-bottom-2xl
Language Switch Modal - Modul
text-size-headline-h2
The Language Switch Modal module is used exclusively within the navigation of the homepage across all language versions. It allows users to switch between different language options.
margin-top-2xl
Layout 50/50 - Modul
text-size-headline-h2
The Layout 50/50 module is a type of contact form component used to present key benefits alongside a contact form, which can be positioned either on the left or right side. Unlike the Interactive Form module, it can also be integrated within regular content sections. The form itself can be configured to display either a landing page-specific form or a global contact form.
margin-top-2xl

options-class__layout-50-50

options-key__id

options-key__toggle-column-seperator

options-key__background-color

options-key__margin-top

margin-top-2xl

options-key__margin-bottom

margin-bottom-none

options-class__layout-50-50-item

options-key__class-layout-text-image-item

options-key__toggle-image-position-below

component-class__layout-text-image-item-container-image

component-class__layout-text-image-item-container-text

Alle Vorteile auf einen Blick:

  • Tanken an 98% der Tankstellen in Deutschland und rund ${fuel} Tankstellen europaweit
  • Laden an rund ${charge} öffentlich zugänglichen Ladepunkten europaweit (inkl. Tesla Supercharger) mit 100% grünen Strom
  • Zahlreiche Ladepartner wie Shell Recharge, EnBW Tesla, e-on, FASTNED, IONITY, charge point, uvm.
  • Überblick über alle Tank- und Ladevorgänge im Kunden-Cockpit mit DKV Analytics und CO₂e-Monitor
  • Rund ${service} Service-Partner Reparatur, Reifen, Bergen, Abschleppen, Mietservice, uvm.
  • Alles auf einer Rechnung
  • Garantierte Sicherheit - PIN-Schutz und Online Autorisierung
  • Keine Mindestabnahme - keine Mindestflottengröße
  • APP&GO - Tanken und Laden mit dem Smartphone

component-separator-start_backButton

component-separator-end_backButton

inner-block-layout-text-image-item
form
contact-form
dark-blue
true
inner-block-hubspot-form
Logo - Modul
text-size-headline-h2
The Logo module is used to display the DKV logo above the main navigation.
margin-top-2xl
Mega Benefits - Modul
text-size-headline-h2
The Mega Benefits module is complemented by the Mega Benefits Item module. It is used to highlight the advantages of a DKV card. The card layout can be displayed either centrally or left-aligned. Each Mega Benefits Item represents an individual benefit, as shown in the design. A link can be added below the list of benefits.
margin-top-2xl

component-class__mega-benefits-container-headline

Mega Benefits

component-class__mega-benefits-container-text

Lorem ipsum dolor sit amet consectetur adipiscing elit vitae parturient, torquent natoque ad scelerisque interdum ligula sagittis litora lobortis

component-class__mega-benefits-container-image

Image alt text...

center

component-class__mega-benefits-container-button

component-separator-start_backButton

standard

Jetzt Tankkarte bestellen

component-separator-end_backButton

component-class__mega-benefits-item-container-text

Tanken an 97% der Tankstellen in Deutschland.

landing-page

component-class__mega-benefits-item-container-settings

slide-up

0

500

component-class__mega-benefits-item-container-text

Tanken an 97% der Tankstellen in Deutschland.

landing-page

component-class__mega-benefits-item-container-settings

slide-up

0

500

component-class__mega-benefits-item-container-text

Tanken an 97% der Tankstellen in Deutschland.

landing-page

component-class__mega-benefits-item-container-settings

slide-up

0

500

component-class__mega-benefits-item-container-text

Tanken an 97% der Tankstellen in Deutschland.

landing-page

component-class__mega-benefits-item-container-settings

slide-up

0

500

component-class__mega-benefits-item-container-text

Tanken an 97% der Tankstellen in Deutschland.

landing-page

component-class__mega-benefits-item-container-settings

slide-up

0

500

component-class__mega-benefits-item-container-text

Tanken an 97% der Tankstellen in Deutschland.

landing-page

component-class__mega-benefits-item-container-settings

slide-up

0

500

text-size-headline-h2
Continue to page three
margin-top-2xl
margin-bottom-2xl