Inhalts- und Designelemente hinzufügen
Jetzt, da dein Layout fertig ist, ist es an der Zeit, es mit ansprechenden Inhalten zu füllen. Füge E-Mail-Elemente hinzu, um deine Nachricht zum Leben zu erwecken, ein Produkt hervorzuheben, Neuigkeiten zu teilen oder Klicks zu erzielen.
Canva-E-Mail-Bausteine
Der E-Mail-Editor von Canva ist flexibel, aber nicht jedes Element ist ideal für E-Mails. Einige funktionieren besser als andere auf verschiedenen Plattformen und Geräten.
Das kannst du verwenden, um gut strukturierte und posteingangsfreundliche Inhalte zu erstellen.
Designblöcke
Designblöcke sind vorgefertigte Abschnitte, die Text, Bilder, Formen oder Hintergründe in einem strukturierten Layout gruppieren. Sie helfen Ihnen, Ihre Inhalte zu organisieren und die Reaktionsfähigkeit auf Mobilgeräte zu verbessern.
Zu den wesentlichen Designblöcken gehören Kopfzeilen, Fußzeilen und Symbolblöcke, die alle dazu beitragen, wichtige Bereiche Ihrer E-Mail zu definieren.
- Kopfzeilen stehen ganz oben und enthalten oft dein Logo oder ein kurzes Intro.
- Fußzeilen befinden sich unten und enthalten in der Regel Kontaktinformationen, Abmeldelinks oder Haftungsausschlüsse.
- Icon-Blöcke sind eine Gruppe anklickbarer Icons mit kurzem Text, um Funktionen, Vorteile oder wichtige Punkte hervorzuheben und Leser mit deinen Social-Media-Plattformen zu verbinden.
Für E-Mails geeignete Schriftarten
Nur E-Mail-sichere Schriftarten werden garantiert auf allen E-Mail-Clients korrekt angezeigt. Nicht E-Mail-sichere Schriftarten können bei der Anzeige durch Empfänger durch Fallback-Optionen ersetzt werden. Um Konsistenz zu gewährleisten, verwende immer Schriftarten aus der E-Mail-sicheren Schriftartliste von Canva.
Schaltflächen
Verwenden Sie Schaltflächen, um wichtige Handlungsaufforderungen (CTAs) hervorzuheben, z. B. „Jetzt kaufen“ oder „Anmelden“. Halte sie kurz, klar und visuell klar, um Aufmerksamkeit zu erregen und Klicks zu erzielen.
Bilder
Fügen Sie Markenbilder oder Produktbilder hinzu, um Ihre Botschaft zu unterstreichen. Achte darauf, dass sie richtig dimensioniert und ausgerichtet sind. Hier erfährst du mehr darüber, wie du Designs Bilder hinzufügen kannst.
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
Verwenden Sie Spalten, um Inhalte nebeneinander anzuzeigen, z. B. Produkteigenschaften, Vergleiche oder Textbildlayouts. Sie sind praktisch, um komplexe Informationen zu organisieren.
Hinzufügen und Anpassen jedes Elements
Hier sind die Schritte, um jedes Element so zu gestalten, dass es zu deinen Marken- und E-Mail-Zielen passt. Du kannst sie dort hinzufügen, wo sie in deinem Design sinnvoll sind.
Wähle E-Mail-sichere Schriftarten
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
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.
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.
Jetzt, wo du deine Inhalte hinzugefügt hast, kannst du eine Vorschau ansehen, deine E-Mail herunterladen oder eine Test-E-Mail senden.
Nächster Schritt: E-Mail testen und exportieren
War das hilfreich?
Hilfreich
Nicht hilfreich