Inhalts- und Designelemente hinzufügen
Jetzt, da dein Layout fertig ist, kannst du es mit ansprechendem Content füllen. Füge E-Mail-Elemente hinzu, um deine Botschaft zum Leben zu erwecken, ein Produkt hervorzuheben, Neuigkeiten zu teilen oder Klicks zu erzielen.
Bausteine für Canva Email
Der E-Mail-Editor von Canva ist flexibel, aber nicht jedes Element eignet sich optimal für E-Mails. Manche funktionieren auf verschiedenen Plattformen und Geräten besser als andere.
Hier erfährst du, wie du gut strukturierte und inboxfreundliche Inhalte erstellst.
Design-Blöcke
Design-Blöcke sind vorgefertigte Abschnitte, die Text, Bilder, Formen oder Hintergründe zu einem strukturierten Layout zusammenfassen. Sie helfen dir, deinen Content zu organisieren und für eine bessere Darstellung auf Mobilgeräten zu sorgen.
Zu den wichtigsten Design-Blöcken gehören Kopfzeilen, Fußzeilen und Icon-Blöcke. Sie helfen dir dabei, zentrale Bereiche deiner E-Mail zu gestalten.
- Kopfzeilen stehen ganz oben und enthalten oft dein Logo oder eine kurze Einleitung.
- Fußzeilen stehen ganz unten und enthalten üblicherweise Kontaktinformationen, Abmeldelinks oder Haftungsausschlüsse.
- Icon-Blöcke sind Gruppen klickbarer Icons mit kurzem Text. Damit kannst du Merkmale, Vorteile oder wichtige Punkte hervorheben und Leser*innen mit deinen Social-Media-Plattformen verknüpfen.
E-Mail-kompatible Schriftarten
Nur bei E-Mail-kompatiblen Schriftarten ist sichergestellt, dass sie in allen E-Mail-Programmen korrekt angezeigt werden. Nicht kompatible Schriftarten werden beim Anzeigen durch Empfänger*innen möglicherweise durch Ersatzschriftarten ersetzt. Um ein einheitliches Erscheinungsbild zu gewährleisten, verwende immer Schriftarten aus der Liste der E-Mail-kompatiblen Schriftarten von Canva.
Nutze Buttons, um wichtige Handlungsaufforderungen (CTAs) wie „Jetzt einkaufen“ oder „Anmeldung“ hervorzuheben. Halte sie kurz, klar und optisch auffällig, damit sie die Aufmerksamkeit auf sich ziehen und zu Klicks anregen.
Bilder
Füge markengerechtes Bildmaterial oder Produktbilder hinzu, um deine Botschaft zu unterstützen. Achte auf die richtige Größe und Ausrichtung. Weitere Informationen findest du unter Bilder zu Designs hinzufügen.
Interaktive Elemente wie Videos, Umfragen oder Quizze werden von den meisten E-Mail-Plattformen nicht unterstützt:
- Videos werden in GIFs konvertiert
- Abstimmungen und Quizze werden als statischer Inhalt angezeigt (nicht anklickbar)
Spalten
Nutze Spalten, um Inhalte nebeneinander darzustellen, zum Beispiel Produktmerkmale, Vergleiche oder Text-Bild-Layouts. So kannst du komplexe Informationen übersichtlich anordnen.
Elemente hinzufügen und anpassen
So gestaltest du die einzelnen Elemente passend zu deiner Marke und den Zielen deiner E-Mail. Du kannst sie dort hinzufügen, wo sie in deinem Design sinnvoll sind.
E-Mail-sichere Schriftarten auswählen
Wichtig: Nur E-Mail-sichere Schriftarten werden garantiert auf allen E-Mail-Plattformen korrekt angezeigt. Wenn du eine nicht E-Mail-sichere Schrift wählst, wird sie möglicherweise nicht wie beabsichtigt gerendert und könnte bei der Zustellung an die Empfänger durch eine Ersatzschrift ersetzt werden. Wähle immer aus der E-Mail-sicheren Schriftartliste von Canva aus, um ein besseres Ergebnis zu erzielen.
- Wähle in der Symbolleiste Schriftart aus. Die Standardeinstellung ist Arial.
- Wähle im Bereich „Schriftarten“ aus der Liste der für E-Mails sicheren Schriftarten von Canva aus.
- Du kannst die Schriftgröße anpassen, indem du die + / - Buttons in der Symbolleiste auswählst.
Für die Lesbarkeit in E-Mails verwenden Sie:
- 14–16 Pixel für Fließtext
- 20–30 Pixel für Überschriften und Titel
Absatzabstand anpassen
Du kannst den Abstand zwischen Absätzen, Zeilen und Buchstaben in Canva Docs und Canva Email genau anpassen. So erstellst du Dokumente, die leichter zu lesen sind und deinem bevorzugten Formatierungsstil entsprechen.
- Wähle den Text aus, den du anpassen möchtest.
- Wähle Erweiterte Einstellungen in der Textsymbolleiste aus.
- Passe den Absatzabstand an. Verwende den Schieberegler oder gib einen Wert ein, um den Abstand vor und nach Absätzen festzulegen.
- Passe bei Bedarf den Zeilenabstand und den Zeichenabstand an.
Hintergrundfarbe hinzufügen
Füge deinem Design eine Hintergrundfarbe hinzu, die zu deiner Marke passt, oder hebe bestimmte Abschnitte hervor. Wählen Sie Farben aus Markenkit- oder Dokumentfarben.
- Klicke auf die Seitenecke, um die Seite auszuwählen.
- Wähle das Symbol für die Hintergrundfarbe aus.
- Wähle im Bedienfeld „Farbe“ eine Farbe aus „Dokumentfarben“ oder „Markenkit“ aus.
- Wenn die gesuchte Farbe nicht verfügbar ist, wähle die Kachel „+ Regenbogenfarbe“ (Neue Farbe hinzufügen) aus, um weitere Optionen anzuzeigen.
Struktur mit Spalten hinzufügen
Strukturieren Sie Ihr E-Mail-Layout mithilfe von Spalten, um Inhalte nebeneinander zu organisieren. Spalten sind responsiv und stapeln sich auf Mobilgeräten automatisch vertikal.
- Gehe in deinem E-Mail-Design zur Registerkarte „ Elemente“ und wähle „Spalten“ aus.
- Wähle aus einfachen Spalten, gestylten Spalten und vorgefertigten Spalten.
- Wählen Sie diese Option, um diejenige einzufügen, die zu Ihrem Layout passt.
- Alternativ wählen Sie das Plus neben dem Textcursor. Scrolle nach unten und wähle Spalten aus.
- Wähle dein bevorzugtes Spaltenlayout (z. B. 2 oder 3 Spalten).
- Klicke in jede Spalte, um Text, Bilder oder Schaltflächen hinzuzufügen.
- Ändere die Spaltengröße, indem du den Trenner zwischen ihnen ziehst.
Blockabstände anpassen
Du kannst die Abstände zwischen Blöcken in deinen Canva Docs und Canva Email steuern, etwa zwischen Bildern, Layouts und anderen Content-Bereichen, damit dein Design auf verschiedenen Bildschirmgrößen einheitlich aussieht.
- Wähle den Block aus, den du anpassen möchtest (Bild, Layout oder Abschnitt).
- Wähle Abstand in der Symbolleiste des Editors aus.
- Mit den Schiebereglern für den Blockabstand kannst du den Leerraum zwischen den Blöcken feinjustieren.
Designblöcke einfügen (Kopf- und Fußzeilen)
Spare Zeit und erstelle einheitliche Layouts, indem du Abschnitte wie Kopf- und Fußzeilen in all deinen E-Mail-Designs wiederverwendest.
- Kopfzeile – Platziere dein Logo und deine Markenfarben ganz oben in den Newslettern.
- Fußzeile – Füge unten in jeder E-Mail-Kampagne Kontaktdaten, Abmeldelinks oder Haftungsausschlüsse hinzu.
- Rufe die Registerkarte „Elemente“ auf und wähle „Kopf- und Fußzeilen“ aus.
- Stöbere und klicke, um dasjenige einzufügen, das zu deinem Layout passt.
Lege eine Kopf- oder Fußzeile am Rand deines Designs fest
Positioniere einen Kopf- oder Fußzeilenblock so, dass er gut zum oberen oder unteren Rand deines E-Mail-Layouts passt.
- Wähle den Kopf- oder Fußzeilenblock in deinem Design aus, um ihn auszuwählen.
- Wähle in der schwebenden Symbolleiste das Symbol Mehr aus.
- Wähle im Menü eine der folgenden Optionen aus:
- Ganz nach oben – um den Block an den oberen Rand der E-Mail zu verschieben.
- Unten einstellen – zum Verschieben an den unteren Rand. Hinweis: Dein Block rastet jetzt am Rand der Design-Leinwand ein und hält dein Layout ordentlich und ausgerichtet.
Einige vorgefertigte E-Mail-Fußzeilen enthalten einen Platzhalter "Abbestellen". Dies ist kein funktionierender Link, wenn du dein Design als HTML exportierst.
Wenn Sie Ihre E-Mail über einen E-Mail-Service-Provider (ESP) wie Mailchimp versenden:
- Du musst den Abmeldelink in deinem ESP hinzufügen oder ersetzen, bevor du ihn versendest.
- Dies ist erforderlich, um die E-Mail-Gesetze wie CAN-SPAM und DSGVO einzuhalten.
Weitere Informationen zum Verwalten von Abmeldelinks und -präferenzen.
Symbolblöcke hinzufügen
Icon-Blöcke kombinieren einfache Grafiken mit kurzem Text. Nutze sie für Dinge wie soziale Links, Feature-Highlights oder Service-Vergünstigungen. Sie eignen sich gut für Fußzeilen, in der Nähe von CTAs oder zum visuellen Aufteilen von Abschnitten.
- Wähle in der Seitenleiste des Editors die Registerkarte Elemente aus.
- Wählen Sie Symbolblöcke.
- Wähle einen Symbolblock aus oder ziehe ihn dorthin, wo es in deinem Design sinnvoll ist, normalerweise in der Fußzeile oder in deinem Haupt-CTA.
- Wähle in der Editor-Symbolleiste die Farbkachel aus, die du ändern möchtest. Die Farboptionen werden dann in der Seitenleiste angezeigt.
- Wähle eine neue Farbe aus, die auf das Symbol angewendet werden soll.
Call-to-Action (CTA) Schaltflächen hinzufügen
Eine Call-to-Action-Schaltfläche (CTA) ermutigt Leser, eine bestimmte Aktion wie „Jetzt einkaufen“, „Mehr erfahren“ oder „Registrieren“ durchzuführen. Wenn du eine Schaltfläche hinzufügst, kannst du das Engagement und die Klickraten in deiner E-Mail oder deinem Design steigern.
- So fügst du eine CTA-Schaltfläche hinzu:
- Rufe die Registerkarte „Elemente“ auf und wähle „Schaltflächen“ aus.
- Oder wähle das Plus-Symbol und dann die Schaltfläche aus.
- Gib deinen Button-Namen ein und füge den URL-Link hinzu.
- Wähle Fertig aus.
- Passe den Schaltflächenstil über die Symbolleiste an (Farbe, Ausrichtung usw. ändern).
Bilder hinzufügen
Bilder machen deine E-Mails ansprechender und ansprechender. Du kannst Produktfotos, Teamaufnahmen, Illustrationen oder Stock-Visuals hinzufügen, um deine Botschaft und deine Marke zu unterstützen.
Pro-Tipp: Komprimiere große Bilder vor dem Hochladen, um schnelle Ladezeiten für E-Mails zu gewährleisten.
- Wähle in der Seitenleiste des Editors die Registerkarte „Elemente“, um nach Bildern zu suchen.
- Um deine eigenen Bilder zu verwenden, gehe auf die Registerkarte „ Uploads“ und wähle dann „Dateien hochladen“ aus, um Bilder von deinem Gerät hinzuzufügen.
- Wähle das Bild aus, um es deiner E-Mail hinzuzufügen. Ändere die Größe und positioniere das Bild wie gewünscht.
Nachdem du deinen Content hinzugefügt hast, kannst du dir eine Vorschau ansehen, deine E-Mail herunterladen oder eine Test-E-Mail senden.
Nächster Schritt: Deine E-Mail testen und exportieren
War das hilfreich?
Hilfreich
Nicht hilfreich