> ## Documentation Index > Fetch the complete documentation index at: https://support.umsatzagent.com/llms.txt > Use this file to discover all available pages before exploring further. # Verschiedene Elemente im E-Mail-Builder > Erhalte die vollständige Kontrolle darüber, wie du E-Mails mit Drag-and-Drop-Elementen im E-Mail-Builder gestaltest und anpasst. Von Texten und Buttons… Erhalte die vollständige Kontrolle darüber, wie du E-Mails mit Drag-and-Drop-**Elementen** im E-Mail-Builder gestaltest und anpasst. Von Texten und Buttons bis hin zu Bildern, Videos und Countdown-Timern ermöglichen dir Elemente das Erstellen ansprechender und funktionaler E-Mails ganz ohne Programmieraufwand. **INHALTSVERZEICHNIS** * Was sind Elemente? * Liste der Elemente und ihre Verwendung * So fügst du ein Element hinzu * Häufig gestellte Fragen ## Was sind Elemente? Elemente sind vorgefertigte Inhaltskomponenten, mit denen du das Layout und den Inhalt deiner E-Mail ohne Programmieraufwand anpassen kannst. Jedes Element dient einem bestimmten Zweck, wie dem Hinzufügen von Text, Bildern, Social-Media-Links oder dynamischen Inhalten. ## Liste der Elemente und ihre Verwendung | **Element** | **Beschreibung** | **Häufige Anwendungsfälle** | | - | - | - | | **Text** | Füge geschriebenen Inhalt zu deiner E-Mail hinzu. Du kannst Schriftarten, Farben und Ausrichtung anpassen. | Überschriften, Beschreibungen, CTAs oder Fließtext hinzufügen. | | **Bild** | Füge Bilder oder Banner ein, um E-Mails visuell ansprechend zu gestalten. | Produkte, Logos oder Ankündigungen präsentieren. | | **Button** | Füge anklickbare Call-to-Action-(CTA)-Buttons hinzu. | Aktionen wie *Jetzt buchen*, *Jetzt kaufen* oder *Mehr erfahren* anregen. | | **Logo** | Füge dein Markenlogo ein. | Markenidentität am Anfang oder Ende von E-Mails stärken. | | **Trennlinie** | Erstelle eine visuelle Trennung zwischen Abschnitten. | Lesbarkeit und Struktur verbessern. | | **Social** | Füge Social-Media-Icons mit Links zu deinen Profilen hinzu. | Nutzer auf deine Social-Media-Kanäle leiten. | | **Footer** | Füge Kontaktinformationen, Abmeldelinks oder rechtliche Hinweise hinzu. | Gesetzlich vorgeschriebene Pflichtangaben bereitstellen. | | **Code** | Füge benutzerdefiniertes HTML oder Snippets ein. | Tracking-Pixel, dynamische Inhalte oder individuelle Designs hinzufügen. | | **Video** | Bette eine YouTube- oder Vimeo-Videovorschau mit Play-Button ein. | Tutorials, Ankündigungen oder Erfahrungsberichte teilen. | | **Warenkorb** | Zeige Artikel aus einem verknüpften E-Commerce-Shop an. | Produkte anzeigen, die Kunden im Warenkorb hinterlassen haben. | | **RSS-Header / RSS-Elemente** | Zeige automatisch die neuesten Beiträge aus einem RSS-Feed an. | Ideal für Newsletter oder Blog-Updates. | | **FAQ** | Füge ausklappbare Frage-Antwort-Bereiche hinzu. | Hilfebereiche bereitstellen oder häufige Fragen beantworten. | | **Produkte** | Zeige Produktlisten mit Bildern, Preisen und Kaufen-Buttons an. | Ausgewählte oder neue Produkte präsentieren. | | **Bild-Slider** | Erstelle ein Karussell aus mehreren Bildern. | Mehrere Produkte oder Veranstaltungen hervorheben. | | **URL-Vorschau** | Füge eine Link-Vorschau-Box ein, die einen Website-Ausschnitt anzeigt. | Blogbeiträge oder externe Inhalte bewerben. | | **Countdown-Timer** | Füge einen Live-Timer hinzu, um Dringlichkeit zu erzeugen. | Perfekt für zeitlich begrenzte Angebote oder Events. | | **Abstandshalter** | Füge Leerraum zwischen Elementen hinzu. | Abstände im E-Mail-Layout feinjustieren. | | **Bewertungslink** | Füge einen Link ein, um Empfänger um Feedback oder Bewertungen zu bitten. | Bewertungen oder Feedback zur Kundenzufriedenheit sammeln. | | **Formulare** | Bette ein Formular direkt in die E-Mail ein (sofern vom E-Mail-Client unterstützt). | Nutzereingaben wie Umfrageantworten oder Registrierungen erfassen. | ## So fügst du ein Element hinzu #### Schritt 1: Zu E-Mails navigieren * Wähle im Dashboard in der linken Navigationsleiste **Marketing** aus. * Klicke im oberen Navigationsbereich auf **E-Mails**. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155079825478/original/YBK86FfsHelFfyC2cVGY4r2X-CClPHwCiw.png?1788275463) #### Schritt 2: Neue E-Mail erstellen * Wähle die Startoption für die Erstellung einer neuen E-Mail aus. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155057345367/original/Ulk8o4-z2aTAVGZEayi5LZzuwlqXuBukOQ.jpeg?1761937281) #### Schritt 3: Elemente hinzufügen * Ziehe das gewünschte Element aus dem Reiter **Elemente** per Drag-and-Drop in deine E-Mail-Arbeitsfläche. * Klicke auf das Element, um Inhalt, Stil und Einstellungen anzupassen. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155057345368/original/6Zt3EM0WOrVATG7jW98JNJzaQU9DkZe2Iw.jpeg?1761937282) ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155057345372/original/DoUkbwMhpiG7RBp6oMim43IaSqc40P1yOA.jpeg?1761937282) ## Häufig gestellte Fragen **F: Kann ich Elemente neu anordnen, nachdem ich sie hinzugefügt habe?** Ja, du kannst Elemente per Drag-and-Drop an jede beliebige Stelle in deinem E-Mail-Layout verschieben. **F: Sind alle Elemente auf Mobilgeräten responsive?** Ja, alle Elemente sind standardmäßig responsive. Du kannst mobile Abstände oder Ausrichtungen im Reiter für die mobile Ansicht überprüfen und anpassen. **F: Was ist der Unterschied zwischen den Elementen „Text“ und „Code“?** Mit dem Text-Element kannst du Inhalte visuell hinzufügen und formatieren, während du mit dem Code-Element benutzerdefiniertes HTML für erweiterte Designs oder Integrationen einfügen kannst. **F: Was ist der Unterschied zwischen „Abstandshalter“ und „Trennlinie“?** Ein Abstandshalter fügt vertikalen Leerraum ein, während eine Trennlinie eine sichtbare Linie zwischen Abschnitten zur optischen Unterteilung hinzufügt. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.