Das Wichtigste in Kürze

• Der Claude Skill ist ein kostenloser Download von Benchmark Email. Sie erhalten ihn über die Seite des KI-Agenten für HTML-E-Mails von Benchmark, die auf den Skill auf GitHub verlinkt. Anschließend fügen Sie ihn Ihrem eigenen Claude-Konto hinzu.
• Sie nutzen den Skill in Claude, nicht in Benchmark. Laden Sie ihn einmalig in Claude hoch, unter Einstellungen > Skills – entweder in der Desktop-App oder in der Webversion. Danach steht er Ihnen in jeder neuen Claude-Unterhaltung zur Verfügung.
• Ein ausführliches Briefing sorgt für eine bessere E-Mail. Nennen Sie Claude Ihr Ziel, Ihre Markenfarben, Ihr Logo, Ihre Links und die wichtigsten Details. Der Skill macht daraus E-Mail-taugliches HTML, das so aufgebaut ist, dass es im Posteingang nicht zerbricht.
• Fügen Sie das Ergebnis in den HTML-Editor von Benchmark ein. Kopieren Sie das von Claude generierte HTML oder laden Sie die bereitgestellte Datei hoch. Fügen Sie dann Ihre Merge-Tags hinzu und versenden Sie wie gewohnt.
• Sie nutzen Claude nicht? Auf der Seite des KI-Agenten für HTML-E-Mails finden Sie außerdem einen Prompt, der mit ChatGPT, Gemini, Perplexity, Copilot und anderen KI-Assistenten funktioniert.

 

Eine individuelle HTML-E-Mail zu erstellen, bedeutete früher, tabellenbasierten Code von Hand zu schreiben, mit Darstellungsproblemen in Outlook zu kämpfen und mehr Zeit mit Debugging als mit Design zu verbringen. Für die meisten Marketer war das Hürde genug, um bei Drag-and-drop-Vorlagen zu bleiben und die individuelle Arbeit anderen zu überlassen.

Der Claude Skill von Benchmark Email ändert das. Sie fügen ihn einmalig zu Claude hinzu. Von da an können Sie einfach beschreiben, welche E-Mail Sie möchten, und erhalten versandfertiges HTML, das Sie direkt in Benchmark einfügen und versenden können.

In diesem Beitrag erfahren Sie, wie Sie den Skill installieren, nutzen und das Beste aus ihm herausholen.

Was ist der Claude Skill von Benchmark?

Ein Claude Skill ist ein gebündeltes Paket aus Anweisungen und Regeln, das Sie Ihrem Claude-Konto hinzufügen. Claude kann ihn dann für eine bestimmte Aufgabe abrufen. Benchmark Email hat einen solchen Skill für HTML-E-Mails entwickelt. Er gibt Claude die Werkzeuge und Regeln an die Hand, die nötig sind, um E-Mail-taugliches HTML zu schreiben, das regelkonform bleibt und im Posteingang nicht fehlerhaft dargestellt wird.

Der Skill befindet sich in Ihrem Claude-Konto, nicht in Benchmark. Sie erstellen die E-Mail in Claude und übertragen das fertige HTML anschließend in den Editor von Benchmark, um sie zu versenden.

Da der Skill speziell für E-Mails entwickelt wurde, berücksichtigt er Aspekte, um die sich eine normale Webseite nicht kümmern muss, etwa wie verschiedene Posteingänge und E-Mail-Programme HTML darstellen. Damit können Sie:

• komplette Vorlagen anhand eines Briefings erstellen
• Farben, Schriftarten und Layout anpassen
• Abschnitte hinzufügen oder entfernen
• Varianten für A/B-Tests erstellen

All das erledigen Sie, indem Sie mit Claude in einfacher Sprache chatten.

Wenn Ihr Team einen anderen KI-Assistenten nutzt, finden Sie auf derselben Seite des KI-Agenten für HTML-E-Mails einen Prompt, der mit ChatGPT, Gemini, Perplexity, Copilot und weiteren Tools funktioniert. Dieser Leitfaden behandelt den Claude Skill.

Schritt für Schritt: HTML-E-Mails mit dem Claude Skill erstellen

Im Folgenden finden Sie die einzelnen Schritte zur besseren Übersicht.

Schritt 1: Laden Sie den Skill von der Seite des KI-Agenten für HTML-E-Mails von Benchmark herunter

Rufen Sie die Seite des KI-Agenten für HTML-E-Mails von Benchmark auf und klicken Sie auf Download the Skill. Dadurch gelangen Sie zu GitHub. GitHub ist nicht nur etwas für Entwickler. Dort müssen Sie lediglich auf den Skill-Link klicken, und die Datei wird auf Ihren Computer heruntergeladen.

Schritt 2: Laden Sie den Skill in Claude hoch

Öffnen Sie Claude. Sowohl die Desktop-App als auch die Webversion funktionieren. Gehen Sie zu Einstellungen > Skills und wählen Sie die Option, einen Skill hochzuladen. Ziehen Sie dann die soeben heruntergeladene Datei per Drag-and-drop hinein. Nach der Installation sehen Sie den Benchmark-HTML-E-Mail-Skill in Ihrer Skill-Liste.

Dies müssen Sie nur einmal tun. Danach können Sie den Skill jederzeit nutzen, wenn Sie ihn brauchen.

Schritt 3: Starten Sie einen neuen Claude-Chat und teilen Sie Ihr Briefing

Öffnen Sie in Claude eine neue Unterhaltung und bitten Sie Claude, mit dem Benchmark-E-Mail-Skill eine neue HTML-E-Mail zu entwerfen. Fügen Sie dann Ihr Briefing ein. Je besser der Input, desto besser das Ergebnis – geben Sie also so viele Informationen wie möglich an:

• Der Zweck der E-Mail. Handelt es sich um ein Werbeangebot, einen Newsletter, eine Produktankündigung oder eine Willkommensnachricht?
• Die Details. Das Angebot, das Programm oder die Story sowie alle Links, QR-Codes oder Bilder, die enthalten sein sollen.
• Ihre Markendetails. Markenfarben (am besten als Hex-Codes), Schriftarten und den Speicherort Ihres Logos, entweder als Link zur Datei oder zu Ihrer Website.
• Die benötigten Abschnitte in der gewünschten Reihenfolge. Oder lassen Sie Claude ein Layout vorschlagen.

Wenn Sie in Ihrem Claude-Konto bereits Markenrichtlinien oder Logodateien hinterlegt haben, können Sie in Ihrem Briefing auch darauf verweisen.

Ein Beispiel-Prompt:

„Nutzen Sie die Benchmark-Funktion zur Erstellung einer neuen HTML-E-Mail. Briefing:

Wir sind ein lokales Café und möchten unsere Aktion „Ein Kaffee für die Nachbarschaft“ bewerben. Dabei spenden wir einen Teil des Erlöses aus jedem verkauften Latte an eine gemeinnützige Organisation vor Ort.

Verwenden Sie unsere Markenfarben (#4A2C2A und #F5E6D3), übernehmen Sie unser Logo von [website URL], fügen Sie einen Call-to-Action-Button mit dem Link [URL] hinzu und integrieren Sie den QR-Code von [page URL]. Gestalten Sie den Text herzlich und stellen Sie den Zusammenhalt in der Nachbarschaft in den Mittelpunkt.“

Claude bittet Sie möglicherweise um die Erlaubnis, auf die Seiten oder Dateien zuzugreifen, auf die Sie verwiesen haben. Erteilen Sie diese, damit Claude alle benötigten Inhalte abrufen kann.

Schritt 4: Öffnen Sie den benutzerdefinierten HTML-Editor in Benchmark

Während Claude den Entwurf erstellt, bereiten Sie Benchmark vor. Gehen Sie in Ihrem Benchmark-Email-Konto zu E-Mails > Neue E-Mail erstellen und wählen Sie Benutzerdefiniertes HTML:

• Von Grund auf neu beginnen: Schreiben Sie Ihren HTML-Code direkt in den Editor oder fügen Sie ihn dort ein.

Schritt 5: Überprüfen und verfeinern Sie das Ergebnis in Claude

Sobald Claude fertig ist, erhalten Sie HTML-Code zum Kopieren, eine Datei zum Herunterladen oder beides. Sehen Sie sich die Vorschau an und prüfen Sie Folgendes:

• Entspricht die Struktur Ihrem Briefing?
• Sind Farben, Links und Bilder korrekt?
• Hebt sich der CTA deutlich ab?

Keine Sorge, wenn das Logo in der Vorschau von Claude fehlerhaft aussieht. Sobald sich der HTML-Code im Editor von Benchmark befindet, wird es oft korrekt angezeigt.

Wenn etwas geändert werden muss, teilen Sie es Claude einfach in derselben Unterhaltung mit. Sie müssen nicht von vorn beginnen:

• „Erhöhe die Schriftgröße der Überschrift auf 32px.“
• „Ändere den Eckenradius des Buttons auf 6px.“
• „Füge unterhalb des Hero-Bereichs einen zweispaltigen Abschnitt mit einem Bild links und Text rechts hinzu.“
• „Reduziere den Footer auf den Abmeldelink und die Firmenadresse.“

Claude kann Ihnen auch bei den Texten helfen: „Gib mir drei Vorschläge für die Betreffzeile dieser E-Mail.“

Schritt 6: In Benchmark einfügen und Merge-Tags hinzufügen

Kopieren Sie den finalen HTML-Code und fügen Sie ihn in den HTML-Editor ein oder laden Sie die Datei hoch.

Fügen Sie als Nächstes Ihre Merge-Tags hinzu. Merge-Tags sind für jedes Benchmark-Konto individuell, daher kann der Skill sie nicht für Sie einfügen. Verwenden Sie den HTML-Editor, um Tags wie den Vornamen einzufügen, und legen Sie einen Fallback-Wert fest, damit die E-Mail auch dann natürlich klingt, wenn das entsprechende Feld eines Kontakts leer ist.

Schritt 7: Checkliste abschließen und senden

Klicken Sie auf Speichern & Weiter und gehen Sie die übliche E-Mail-Checkliste von Benchmark durch: Wählen Sie die Liste aus, an die Sie senden möchten, fügen Sie eine Betreffzeile und einen Vorschautext hinzu und legen Sie Ihre Absenderdaten fest. Senden Sie eine Test-E-Mail an sich selbst und prüfen Sie sie in Gmail, Outlook und auf Ihrem Smartphone. Dann kann es losgehen.

Tipps für bessere Ergebnisse

• Mehr Kontext, bessere Ergebnisse. Der Skill funktioniert am besten mit einem detaillierten Briefing. Teilen Sie die tatsächlichen Details Ihres Angebots, Ihre Links und Bilder sowie Ihre Markenrichtlinien mit. Überlassen Sie Claude nicht dem Raten.
• Formulieren Sie Ihre Markenvorgaben konkret. „Blau“ bedeutet für verschiedene Menschen Unterschiedliches. Hex-Codes wie #0033CC geben Claude präzise Vorgaben an die Hand und bringen Sie schon beim ersten Versuch deutlich näher ans Ziel.
• Verweisen Sie Claude auf Ihre Quellen. Mit einem Link zu Ihrer Website oder einer Landingpage kann Claude Logos, Bilder und Programmdetails direkt übernehmen.
• Nutzen Sie ihn für Varianten, nicht nur für erste Entwürfe. Sobald Sie eine funktionierende E-Mail haben, bitten Sie Claude um A/B-Varianten, etwa mit einer anderen CTA-Farbe, als kürzere Version oder ohne Hero-Bild.
• Bitten Sie um Erklärungen, wenn etwas nicht stimmt. Wenn ein Abschnitt nicht wie erwartet dargestellt wird, fügen Sie ihn in Claude ein und fragen Sie: „Dieser Abschnitt wird in Outlook nicht korrekt zentriert. Woran liegt das und wie behebe ich es?“

Häufig gestellte Fragen

Ist der Claude Skill in Benchmark Email integriert?

Nein. Sie fügen den Skill Ihrem eigenen Claude-Konto hinzu. Sie laden ihn von der Seite des KI-Agenten für HTML-E-Mails von Benchmark herunter (er wird auf GitHub gehostet), laden ihn in Claude unter Einstellungen > Skills hoch und verwenden ihn in Claude. Anschließend fügen Sie das fertige HTML in den HTML-Editor von Benchmark ein oder laden es dort hoch.

Benötige ich ein Claude-Konto, um diese Funktion zu nutzen?

Ja. Der Skill läuft in Claude, daher benötigen Sie ein Claude-Konto – entweder für die Desktop-App oder die Webversion. Wenn Sie einen anderen KI-Assistenten verwenden, finden Sie auf der Seite des KI-Agenten für HTML-E-Mails auch einen Prompt, der mit ChatGPT, Gemini, Perplexity, Copilot und anderen funktioniert.

Muss ich wissen, wie man GitHub verwendet?

Nein. GitHub ist lediglich der Ort, an dem die Skill-Datei gespeichert ist. Klicken Sie auf den Skill-Link, und die Datei wird auf Ihren Computer heruntergeladen. Mehr müssen Sie dort nicht tun.

Kann der Claude Skill auch die Texte für die E-Mail schreiben?

Ja. Sie können Claude in derselben Unterhaltung bitten, den Haupttext, den CTA-Text und Vorschläge für Betreffzeilen zu verfassen. Am besten funktioniert das, wenn Ihr Briefing die wichtigsten Details und Botschaften enthält.

Warum muss ich Merge-Tags selbst hinzufügen?

Merge-Tags sind für jedes Benchmark-Konto individuell, daher kann der Skill nicht automatisch die richtigen einfügen. Nachdem Sie das HTML in den Editor von Benchmark eingefügt haben, fügen Sie Merge-Tags wie den Vornamen ein und legen einen Fallback-Wert fest.

Was ist, wenn ich bereits eine HTML-Vorlage habe, die ich verwenden möchte?

Sie können Ihr vorhandenes HTML in Claude einfügen und Claude bitten, dieses anzupassen. So können Sie beispielsweise einen Abschnitt hinzufügen, die Farben ändern oder ein Darstellungsproblem beheben.

Ist das HTML mit allen E-Mail-Clients kompatibel?

Der Skill erstellt versandfertiges E-Mail-HTML, das im Posteingang nicht fehlerhaft dargestellt wird. Dennoch empfiehlt es sich, eine Test-E-Mail zu senden und die Darstellung in Gmail, Outlook und Apple Mail zu prüfen, bevor Sie an Ihre gesamte Liste versenden.

Welche Arten von E-Mails eignen sich am besten für diesen Workflow?

Jede E-Mail, für die Sie ein individuelles Layout im Stil Ihrer Marke wünschen, etwa Werbekampagnen, Produktankündigungen, Programm- oder Event-Promotions, saisonale Angebote und Newsletter mit Bild-und-Text-Abschnitten.