Video-Tutorial: Deine E-Mails zu SendGrid hochladen

Dieses Video zeigt, wie du HTML-E-Mails aus dem Figma-Plugin Emailify zu SendGrid hochlädst.

ZIP-Datei herunterladen

1. Wähle im Export-Panel von Emailify SendGrid (Zip) und wähle deine E-Mail-Frames aus. Ein SendGrid-API-Schlüssel ist nicht nötig.
2. Entscheide, ob du deine Bilder über die Optionen für Bild-Hosting hochladen möchtest.
3. Klick auf Export For SendGrid, lade die Datei herunter und entpacke sie.
4. Kopiere die index.html jeder E-Mail in den HTML-Code-Editor von SendGrid. Wenn du lokale Bildpfade exportiert hast, hoste die Bilder und ersetze diese Pfade vor dem Versand durch öffentliche URLs.
5. Schick eine Testmail über SendGrid und prüfe sie in den E-Mail-Clients deiner Empfänger.

Beide SendGrid-Optionen lassen den speziellen Fallback für abgerundete Buttons in älteren Outlook-Clients weg. Diese Clients zeigen Buttons mit eckigen Ecken an; Clients, die abgerundete Ecken per CSS unterstützen, behalten sie. Diese Kompatibilitätsentscheidung garantiert nicht, dass jedes Darstellungsproblem in Outlook gelöst ist.

Über die API hochladen

Wähle im Export-Panel von Emailify die Option SendGrid (API) aus der Dropdown-Liste und füge dann einen gültigen SendGrid-API-Schlüssel ein. Den Schlüssel erzeugst du in deinem SendGrid-Konto auf der Einstellungsseite API Keys.

Wenn du so weit bist, klick auf den Button Upload To SendGrid, um die in Figma ausgewählten E-Mails als HTML zu exportieren und automatisch als Vorlagen in deine SendGrid Design Library hochzuladen.