--- url: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/elemente/html' title: 'Ein HTML-Element hinzufügen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-23T23:54:36+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Sie erhalten eine Stelle auf der Seite, an der Ihr eigener Code läuft, zum Beispiel ein Social-Media-Beitrag oder ein Buchungs-Widget. Nutzen Sie sie, wenn ein Drittanbieter-Embed oder eigenes Markup kein passendes Element hat.' tags: - 'Text and media' 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: 'Ein HTML-Element hinzufügen' description: 'Sie erhalten eine Stelle auf der Seite, an der Ihr eigener Code läuft, zum Beispiel ein Social-Media-Beitrag oder ein Buchungs-Widget. Nutzen Sie sie, wenn ein Drittanbieter-Embed oder eigenes Markup kein passendes Element hat.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-23T23:54:36+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/de/hc/dokumentation/dxpr-builder-lernen/elemente/html' articleSection: 'Text und Medien' - '@type': WebPage '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/elemente/html' description: 'Sie erhalten eine Stelle auf der Seite, an der Ihr eigener Code läuft, zum Beispiel ein Social-Media-Beitrag oder ein Buchungs-Widget. Nutzen Sie sie, wenn ein Drittanbieter-Embed oder eigenes Markup kein passendes Element hat.' 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 --- [Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Builder lernen](/de/hc/documentation/learn-dxpr-builder) /[Seiten erstellen](/de/hc/documentation/learn-dxpr-builder/build) /[Inhalte hinzufügen](/de/hc/documentation/learn-dxpr-builder/elements) /[Text und Medien](/de/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Ein HTML-Element hinzufügen. DXPR Builder lernenSeiten erstellenInhalte hinzufügenText und Medien ## In diesem Leitfaden Verwandte Leitfäden - [Das Aussehen eines Elements im Style-Tab ändern](/de/hc/dokumentation/dxpr-builder-lernen/element-einstellungen/style-tab) Sie erhalten eine Stelle auf der Seite, an der Ihr eigener Code läuft, zum Beispiel ein Social-Media-Beitrag oder ein Buchungs-Widget. Nutzen Sie sie, wenn ein Drittanbieter-Embed oder eigenes Markup kein passendes Element hat. ## Ein HTML-Element 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/dokumentation/dxpr-builder-lernen/erste-schritte/erste-seite) 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 **HTML**. Das HTML-Element landet oben in der Spalte und sein Einstellungsdialog öffnet sich. 2. Kopieren Sie den Embed-Code aus der Embed- oder Share-Option des Dienstes. Fügen Sie ihn in den **Raw HTML**-Editor ein. 3. Klicken Sie im Dialog auf **Speichern**. Klicken Sie dann in der Symbolleiste oben im Inhaltsbereich auf **Speichern**, um die Seite zu speichern. ## Was Sie sehen Ihr Embed funktioniert im Editor, sobald Sie im Dialog auf **Speichern** klicken, denn der Builder führt sein Skript auch dort aus. Im Video erscheint ein Google Calendar mit US-Feiertagen, sobald sich der Dialog schließt. Besucher sehen es, sobald Sie die Seite speichern und sie veröffentlicht ist. ## Ihr HTML-Element einrichten Fahren Sie mit der Maus über das Element und öffnen Sie in seiner Steuerleiste **More > Settings**. Optionen: - **Raw HTML:** ein Code-Editor für Ihr HTML, CSS oder JavaScript. Skripte laufen im Editor und auf der veröffentlichten Seite. - **HTML ID:** eine optionale ID, um das Element mit CSS oder JavaScript anzusprechen. - **HTML classes:** optionale CSS-Klassen für den Element-Wrapper. ## Wenn Sie es nicht sehen - **HTML ist nicht im Content-Tab.** Ihr Benutzerprofil blendet es aus. Bitten Sie die Administration, es unter [User Profiles](/de/hc/dokumentation/dxpr-builder-lernen/verwaltung/benutzerprofile-verwaltung) zu aktivieren. - **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**. - **Das Embed erscheint als reiner Text oder nacktes Zitat.** Das Embed-Skript hat noch nicht geladen oder seine `