---
title: "So fügen Sie eine „Browser-Vorschau\" zur E-Mail-Nachricht hinzu"
description: "Lassen Sie Empfänger Ihre E-Mail im Browser öffnen, wenn sie im Posteingang nicht korrekt angezeigt wird."
url: https://help.user.com/de/articles/69-so-fugen-sie-eine-browser-vorschau-zur-e-mail-nachricht-hinzu
collection: "E-Mail-Kampagnen & Inhaltserstellung"
updated: 2026-10-30
language: de
alternates: [en, fr, pl, it, es]
---

# So fügen Sie eine „Browser-Vorschau" zur E-Mail-Nachricht hinzu

Lassen Sie Empfänger Ihre E-Mail im Browser öffnen, wenn sie im Posteingang nicht korrekt angezeigt wird.

Mit einer **Browser-Vorschau** können Ihre Empfänger Ihre E-Mail direkt in einem Webbrowser ansehen. Das verbessert die Zugänglichkeit, wenn ein E-Mail-Client das Layout nicht korrekt darstellt oder Bilder blockiert. In diesem Artikel erfahren Sie, wie Sie Ihren E-Mails mithilfe eines speziellen HTML-Snippets einen Webcopy-Link hinzufügen.

## Visueller Editor

Nutzen Sie den drag & drop-Editor, um einen Browser-Vorschau-Link automatisch in Ihr E-Mail-Design einzufügen oder anzupassen. Wenn Sie eine E-Mail über „Email" → „New campaign" erstellen oder eine E-Mail über „Studio" → „Templates" → „My Templates" öffnen, fügt Positive User automatisch eine Pre-Header-Zeile mit einem „View in browser"-Link am oberen Rand Ihrer Arbeitsfläche hinzu.

![Email campaign editor preview shows a 25% off promotional email, with a red arrow pointing to the “follow this link” hyperlink above the email content. Visible: User, All products, Preview, Send a test, Save, Subject.](https://staticfiles.gleap.io/ghelparticle/c0Gvg0dQyRKWTdP75FMYcA5O0ZislEDy3RRp7Rlf3nisprK24yNClGXf9MdQWhQ5IlYYFpASLgr.png)

Ihr Team kann diese Standardzeile beibehalten oder einen eigenen Text verfassen, zum Beispiel „Online lesen". Markieren Sie den Text, den Sie als Link verwenden möchten, und klicken Sie dann auf das Link-Symbol in der Textbearbeitungs-Symbolleiste oberhalb des Blocks.

Klicken Sie im Modal „INSERT A LINK" auf das Dropdown „Type" und wählen Sie „To online version of email". Positive User füllt die erforderliche Link-ID automatisch aus, sodass Sie keinen Code einfügen müssen.

![](https://staticfiles.gleap.io/ghelparticle/rO3hbPO3LE9cEd0eBZUwQxPHFhUwfyv8rVunfDcCQUL81UspN8HwVuN9Tj0fHs58mklPprswqFF.png)

## Code-Editor

Folgen Sie diesen Schritten, um einen „View in browser"-Link in Ihre E-Mail-Nachricht einzufügen.

Öffnen Sie die E-Mail-Nachricht, die Sie aktualisieren möchten, im Code-Editor. Sie können darauf aus einer bestehenden Kampagne zugreifen oder unter „Studio" → „Templates" → „My Templates" gehen.

Entscheiden Sie, wo in Ihrer E-Mail-Vorlage der Browser-Vorschau-Link erscheinen soll, zum Beispiel im Pre-Header- oder Header-Bereich. Fügen Sie den folgenden Anchor-Tag in Ihr HTML ein:

```javascript
<a id="UE_browser_preview">View in browser</a>
```

Sie können das Styling an Ihr E-Mail-Design anpassen. Es empfiehlt sich außerdem, einen erläuternden Text hinzuzufügen, zum Beispiel:  
„Falls diese E-Mail nicht korrekt angezeigt wird, sehen Sie sie in Ihrem Browser an."

> Die Browser-Vorschau ist 7 Tage lang ab dem Versand der Kampagne verfügbar. Nach Ablauf dieser Zeit sehen Empfänger, die auf den Link klicken, eine Platzhalterseite anstelle der ursprünglichen E-Mail.

## Anwendungsfälle

-   **Konsistente Darstellung auf verschiedenen Geräten und Clients sicherstellen:** E-Mail-Clients wie Outlook oder Gmail stellen HTML-E-Mails möglicherweise unterschiedlich dar, insbesondere wenn Bilder, Schriftarten oder komplexe Layouts verwendet werden. Eine Browser-Vorschau hilft dabei, das beabsichtigte Layout und Branding zu erhalten, indem die Nachricht in einer standardisierten Webumgebung geöffnet wird.
    
-   **Empfänger hinter Firewalls oder Sicherheitsfiltern unterstützen:** In der B2B-Kommunikation blockieren unternehmensinterne Sicherheitseinstellungen häufig Bilder oder externe Ressourcen in E-Mails. Eine Browser-Vorschau ermöglicht es Empfängern, ohne diese Einschränkungen auf den vollständigen Inhalt zuzugreifen.
    

> Der Browser-Vorschau-Link funktioniert nur für versendete Kampagnen und bleibt nur begrenzte Zeit aktiv. Stellen Sie sicher, dass dieses Verhalten zu Ihrer Kommunikationsstrategie passt – insbesondere bei Evergreen- oder langfristig angelegten Kampagnen.

## Verwandte Artikel

-   [So erstellen Sie eine einmalige E-Mail Kampagne](https://help.user.com/en/articles/53-how-to-create-a-one-time-email-campaign.md)
    
-   [So erstellen Sie eine E-Mail Kampagne für die Automatisierung](https://help.user.com/en/articles/55-how-to-create-an-email-campaign-for-automation.md)
    
-   [So erstellen Sie eine E-Mail-Vorlage](https://help.user.com/en/articles/104-how-to-create-an-email-template.md)