WYSIWYG

Was ist WYSIWYG?

WYSIWYG (ausgesprochen "wizzywig") steht für "What You See Is What You Get" (Was Sie sehen, ist, was Sie bekommen) und bezieht sich auf Editoren oder Software, die es Benutzern ermöglichen, Inhalte in einem visuellen Format zu entwerfen und zu erstellen, wobei das, was Sie auf dem Bildschirm sehen, genau so aussieht, wie es bei der Veröffentlichung aussehen wird.

Für Marketingfachleute sind WYSIWYG-Tools unverzichtbar. Sie wurden entwickelt, um die Erstellung von Inhalten für Nicht-Entwickler zu vereinfachen, so dass Marketingexperten schnell Landing Pages erstellen, E-Mail-Kampagnen entwerfen oder Blogbeiträge formatieren können, ohne sich in HTML oder CSS zu verheddern. Anstatt sich auf die Programmierung zu konzentrieren, können sich Marketingexperten auf die kreativen und strategischen Aspekte von Website-Inhalten konzentrieren.

Geschichte von WYSIWYG

WYSIWYG gibt es bereits seit den 1970er Jahren. Frühe Textverarbeitungsprogramme, wie Microsoft Word und Apples MacWrite, waren einige der ersten Tools, die diesen Ansatz verwendeten. Mit ihnen konnten die Benutzer sehen, wie ihre Dokumente beim Ausdrucken aussehen würden. In den 1990er Jahren wurden die WYSIWYG-Editoren für das Webdesign angepasst. Mit Editoren wie Adobe Dreamweaver konnten die Benutzer Websites visuell erstellen, ohne HTML zu schreiben.

Heute wird WYSIWYG überall eingesetzt - von Content Management Systemen bis hin zu E-Mail-Marketing Plattformen . Es hat die Erstellung digitaler Inhalte für alle einfacher gemacht, nicht nur für Entwickler.

Wie WYSIWYG-Editoren funktionieren

WYSIWYG-Editoren zeigen eine visuelle Oberfläche, auf der Benutzer Inhalte so erstellen und bearbeiten können, wie sie im endgültigen Format erscheinen werden. Wenn Sie Text eingeben, Bilder hinzufügen oder Formatierungen wie fett oder kursiv anwenden, übersetzt der WYSIWYG-Editor diese Aktionen im Hintergrund automatisch in den entsprechenden HTML- oder CSS-Code.

Die Magie von WYSIWYG liegt in seiner Fähigkeit, komplexen Code zu verarbeiten, ohne dass der Benutzer etwas darüber wissen muss. Es verwendet eine Backend-Übersetzungsmaschine, um visuelle Elemente in Code umzuwandeln, während gleichzeitig ein sauberer, intuitiver Frontend-Editor angezeigt wird.

Für Marketingexperten bedeutet dies, dass die Erstellung einer Landing Page oder einer E-Mail-Kampagne so einfach ist wie die Verwendung eines Textverarbeitungsprogramms. Sie können Bilder per Drag & Drop einfügen, Text bearbeiten und mit der Formatierung in Echtzeit experimentieren. Dabei haben Sie die Gewissheit, dass das, was Sie auf Ihrem Bildschirm sehen, auch das ist, was Ihr Publikum beim Besuch Ihrer Website erleben wird.

Wichtige Funktionen, auf die Sie bei einem WYSIWYG-Editor achten sollten

Die verschiedenen WYSIWYG-Editoren unterscheiden sich zwar in ihrer Funktionalität, aber die meisten haben einige Kernfunktionen gemeinsam, die sie zu leistungsstarken Tools für die Erstellung von Inhalten machen:

1. Textformatierung: Sie können Schriftgröße, -stil und -farbe ändern und Formatierungen wie fett, kursiv oder unterstrichen anwenden, ohne HTML- oder CSS-Kenntnisse haben zu müssen.
2. Bilder/Medien einbetten: Mit WYSIWYG-Editoren können Sie Bilder, Videos oder andere Medien ganz einfach per Drag & Drop oder durch Klicken auf eine Schaltfläche in Ihre Inhalte einfügen.
3. Tabellen und Listen: Das Erstellen von Tabellen, Aufzählungspunkten oder nummerierten Listen ist dank integrierter Funktionen, die automatisch die richtige Formatierung anwenden, ganz einfach.
4. Verlinkung: Sie können ganz einfach Hyperlinks zu Ihrem Text, Ihren Bildern oder anderen Elementen hinzufügen, ohne den HTML-Link-Tag manuell ausschreiben zu müssen.
5. Drag-and-Drop-Schnittstelle: Viele WYSIWYG-Tools ermöglichen es Ihnen, Elemente durch Ziehen und Ablegen neu anzuordnen, so dass der Designprozess für Marketingexperten intuitiv ist.
6. Vorschaumodus: Die meisten Editoren bieten eine Vorschaufunktion, so dass Benutzer genau sehen können, wie ihre Inhalte auf verschiedenen Geräten und Bildschirmgrößen aussehen werden, bevor sie auf Veröffentlichen klicken.

WYSIWYG-Tools für Vermarkter

Als Marketer sind Sie wahrscheinlich schon mit WYSIWYG-Editoren in verschiedenen Tools in Berührung gekommen. Hier sind ein paar beliebte WYSIWYG-Plattformen, die die Erstellung von Inhalten vereinfachen:

• WordPress: Der Gutenberg-Editor in WordPress ist ein WYSIWYG-Editor, mit dem Marketer Blogbeiträge und Seiten einfach erstellen können.
• Wix: Ein beliebter Website-Builder mit Drag-and-Drop-Funktionalität, mit dem Sie ganz einfach schöne, responsive Websites gestalten können, ohne den Code anfassen zu müssen.
• Mailchimp: Diese Plattform für E-Mail-Marketing verfügt über einen WYSIWYG-Editor, mit dem Marketingfachleute mühelos E-Mail-Kampagnen erstellen können.
• HubSpot: Das CMS von HubSpot bietet einen leistungsstarken WYSIWYG-Editor, mit dem Marketingexperten schnell Websites, Landing Pages und Blog-Inhalte erstellen können.
• Optimizely: Der Visual Builder von Optimizely ist ein weiteres Beispiel, das dieselben WYSIWYG-Editierfunktionen sowie leistungsstarke Funktionen zur Personalisierung und zum A/B-Testing bietet.

WYSIWYG: Vorteile und Einschränkungen

WYSIWYG-Editoren vereinfachen die Erstellung von Inhalten, da die Benutzer Änderungen in Echtzeit sehen können, ohne Codekenntnisse haben zu müssen. Sie sind benutzerfreundlich und eignen sich hervorragend für schnelle Aktualisierungen. Bei komplexeren Aufgaben können sie jedoch einschränkend wirken und manchmal ineffizienten Code produzieren, der den Einsatz von Entwicklern erfordert.

WYSIWYG-Vorteile	WYSIWYG Nachteile
Benutzerfreundlich: WYSIWYG-Editoren sind einfach zu bedienen, auch für Marketingexperten ohne technische Kenntnisse.	Mangelnde Flexibilität: Nicht ideal für komplexere Designs.
Bearbeitung in Echtzeit: Wie der Name schon sagt, ist das, was Sie im Editor sehen, genau das, wie das Endprodukt aussehen wird, und Sie können Änderungen sofort sehen.	Unordentlicher oder aufgeblähter Code: Der automatische Code, der von WYSIWYG-Editoren erzeugt wird, kann weniger effizient sein als benutzerdefinierte Kodierung.
Schnell zu erstellen: Sie können Inhalte schneller bereitstellen.	Browser-Probleme: Inhalte können in verschiedenen Browsern unterschiedlich dargestellt werden.
Keine Programmierkenntnisse erforderlich: Teams, die keine Entwickler sind, können Inhalte einfach erstellen und verwalten.	Starke Abhängigkeit von Vorlagen: Kann zu einer übermäßigen Verwendung von Grunddesigns führen.

Verschiedene Anwendungsfälle für WYSIWYG-Editoren

WYSIWYG-Editoren sind vielseitige Tools, die in einer Vielzahl von Marketingkontexten eingesetzt werden können:

• E-Mail-Marketing: WYSIWYG-Editoren in Marketingsoftware wie Mailchimp oder HubSpot ermöglichen es Marketingfachleuten, professionelle E-Mail-Kampagnen mit Drag-and-Drop-Funktionalität zu erstellen.
• Content Management: Plattformen wie Optimizely ermöglichen es Marketingfachleuten, Blog-Inhalte zu aktualisieren, Landing Pages zu erstellen und Website-Inhalte zu verwalten, ohne einen Entwickler zu benötigen.
• Website-Baukästen: Tools wie Wix und Squarespace verwenden WYSIWYG-Editoren, um die Erstellung und Pflege von Websites für Benutzer ohne Programmierkenntnisse zu erleichtern.

WYSIWYG-FAQs

Wie unterscheidet sich die WYSIWYG-Bearbeitung von der HTML-Bearbeitung?

Mit WYSIWYG-Editoren können Sie Inhalte visuell erstellen, ohne HTML-Kenntnisse haben zu müssen, während HTML Kodierung erfordert, um Inhalte zu formatieren und zu strukturieren. WYSIWYG ist für Nicht-Entwickler einfacher, aber HTML bietet mehr Kontrolle für diejenigen, die wissen, wie man programmiert.

Was ist ein Beispiel für einen WYSIWYG-Editor?

Ein bekanntes Beispiel für einen WYSIWYG-Editor ist der Gutenberg-Editor in WordPress. Er ermöglicht es Benutzern, Blogbeiträge und Seiten durch Ziehen und Ablegen von Elementen zu erstellen, Text zu formatieren und Medien einzubetten - und das alles, ohne Code zu schreiben. Andere Beispiele sind Optimizely CMS, Wix und der E-Mail-Editor von Mailchimp.