WYSIWYG

Upptäck fördelarna och historien bakom WYSIWYG-redigerare, verktyg som gör det möjligt för marknadsförare att skapa och redigera digitalt innehåll visuellt.

Vad är WYSIWYG?

WYSIWYG (uttalas "wizzywig") står för "What You See Is What You Get." Det syftar på redigerare eller programvara som låter användare designa och skapa innehåll i ett visuellt format, där det du ser på skärmen är exakt hur det kommer att se ut när det publiceras.

För marknadsförare är WYSIWYG-verktyg en nödvändighet. De är utformade för att göra innehållsskapande enklare för icke-utvecklare, vilket gör att marknadsförare snabbt kan skapa landningssidor, designa e-postkampanjer eller formatera blogginlägg utan att behöva brottas med HTML eller CSS. Istället för att fokusera på kodning kan marknadsförare koncentrera sig på de kreativa och strategiska aspekterna av webbplatsinnehåll.

WYSIWYG:s historia

WYSIWYG har funnits sedan 1970-talet. Tidiga ordbehandlare, som Microsoft Word och Apples MacWrite, var några av de första verktygen som använde denna metod. De lät användare se hur deras dokument skulle se ut när de skrevs ut. På 1990-talet anpassades WYSIWYG-redigerare för webbdesign. Redigerare som Adobe Dreamweaver innebar att användare visuellt kunde bygga webbplatser utan att skriva HTML.

Idag används WYSIWYG överallt — från innehållshanteringssystem till plattformar för e-postmarknadsföring. Det har gjort det enklare för alla att skapa digitalt innehåll, inte bara utvecklare.

Hur WYSIWYG-redigerare fungerar

WYSIWYG-redigerare fungerar genom att visa ett visuellt gränssnitt där användare kan skapa och redigera innehåll så som det kommer att se ut i sitt slutgiltiga format. När du skriver text, lägger till bilder eller tillämpar formatering som fetstil eller kursiv, översätter WYSIWYG-redigeraren automatiskt dessa åtgärder till lämplig HTML- eller CSS-kod bakom kulisserna.

Det smarta med WYSIWYG ligger i dess förmåga att hantera komplex kod utan att användaren behöver kunna något om den. Den använder en översättningsmotor i bakgrunden för att konvertera visuella element till kod, samtidigt som den visar en ren och intuitiv redigerare i frontänden.

För marknadsförare innebär detta att det kan vara lika enkelt att skapa en landningssida eller e-postkampanj som att använda en ordbehandlare. Du kan dra och släppa bilder, redigera text och experimentera med formatering i realtid, med vetskapen om att det du ser på skärmen är precis vad din målgrupp kommer att uppleva när de besöker din webbplats.

Viktiga funktioner att leta efter i en WYSIWYG-redigerare

Även om olika WYSIWYG-redigerare varierar i funktionalitet delar de flesta av dem några kärnfunktioner som gör dem till kraftfulla verktyg för innehållsskapande: 

  1. Textformatering: Du kan ändra teckenstorlek, stil och färg samt tillämpa formatering som fetstil, kursiv eller understrykning utan att behöva kunna HTML eller CSS.
  2. Bild-/mediainbäddning: WYSIWYG-redigerare låter dig enkelt lägga till bilder, videor eller andra medier i ditt innehåll genom att dra och släppa eller klicka på en knapp.
  3. Tabeller och listor: Att skapa tabeller, punktlistor eller numrerade listor är enkelt med inbyggda funktioner som automatiskt tillämpar rätt formatering.
  4. Länkning: Användare kan enkelt lägga till hyperlänkar i sin text, sina bilder eller andra element utan att manuellt skriva HTML-länktaggen.
  5. Dra-och-släpp-gränssnitt: Många WYSIWYG-verktyg låter dig ordna om element genom att dra och släppa dem på plats, vilket gör designprocessen intuitiv för marknadsförare.
  6. Förhandsgranskningsläge: De flesta redigerare erbjuder ett förhandsgranskningsalternativ så att användare kan se exakt hur deras innehåll kommer att se ut på olika enheter och skärmstorlekar innan de publicerar.

WYSIWYG-verktyg för marknadsförare

Om du är marknadsförare har du troligtvis stött på WYSIWYG-redigerare i olika verktyg. Här är några populära WYSIWYG-plattformar som effektiviserar innehållsskapande:

  • WordPress: Gutenberg-redigeraren i WordPress är en WYSIWYG-redigerare som gör det enkelt för marknadsförare att skapa blogginlägg och sidor. 
  • Wix: En populär webbplatsbyggare med dra-och-släpp-funktionalitet som gör det enkelt att designa snygga, responsiva webbplatser utan att röra kod.
  • Mailchimp: Denna plattform för e-postmarknadsföring har en WYSIWYG-redigerare som gör det enkelt för marknadsförare att skapa e-postkampanjer.
  • HubSpot: HubSpots CMS erbjuder en kraftfull WYSIWYG-redigerare för marknadsförare som snabbt vill bygga webbplatser, landningssidor och blogginnehåll.
  • Optimizely: Optimizelys Visual Builder är ytterligare ett exempel som erbjuder samma WYSIWYG-redigeringsfunktioner tillsammans med kraftfull personalisering och A/B-testning.

WYSIWYG: Fördelar och begränsningar

WYSIWYG-redigerare gör innehållsskapande enkelt genom att låta användare se ändringar i realtid utan att behöva kunna kod. De är användarvänliga och utmärkta för snabba uppdateringar. De kan dock vara begränsande för mer komplexa uppgifter och producerar ibland ineffektiv kod som kräver insats från en utvecklare.

WYSIWYG-fördelar WYSIWYG-nackdelar 
Användarvänligt: WYSIWYG-redigerare är enkla att använda, även för marknadsförare utan tekniska kunskaper.   Begränsad flexibilitet: Inte idealiskt för mer komplexa designer.
Realtidsredigering: Som namnet antyder är det du ser i redigeraren exakt vad slutresultatet kommer att se ut som, och du kan se ändringar omedelbart. Rörig eller uppsvälld kod: Den automatiskt genererade koden från WYSIWYG-redigerare kan vara mindre effektiv än skräddarsydd kodning.
Snabbt att bygga: Innehåll kan publiceras snabbare.  Webbläsarproblem: Innehåll kan visas olika i olika webbläsare.
Inga kodkunskaper krävs: Team utan utvecklare kan enkelt skapa och hantera innehåll.      Stort beroende av mallar: Kan leda till överanvändning av grundläggande designer.

Olika användningsområden för WYSIWYG-redigerare

WYSIWYG-redigerare är mångsidiga verktyg som kan användas i en mängd olika marknadsföringssammanhang:

  • E-postmarknadsföring: WYSIWYG-redigerare i marknadsföringsprogram som Mailchimp eller HubSpot gör det möjligt för marknadsförare att skapa professionella e-postkampanjer med dra-och-släpp-funktionalitet.
  • Innehållshantering: Plattformar som Optimizely gör det enkelt för marknadsförare att uppdatera blogginnehåll, skapa landningssidor och hantera webbplatsinnehåll utan att behöva en utvecklare.
  • Webbplatsbyggare: Verktyg som Wix och Squarespace använder WYSIWYG-redigerare för att göra det enklare att bygga och underhålla webbplatser för användare utan kodkunskaper.