Skip to navigation
Optimizely Logo

Ordlista för optimering

WYSIWYG

Innehållsförteckning

    Vad är WYSIWYG?

    WYSIWYG (uttalas "wizzywig") står för "What You See Is What You Get." Det hänvisar till redaktörer eller programvara som gör det möjligt för användare att 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 ett måste. De är utformade för att göra det enklare för icke-utvecklare att skapa innehåll, så att marknadsförare snabbt kan skapa landningssidor, utforma e-postkampanjer eller formatera blogginlägg utan att trassla in sig i HTML eller CSS. Istället för att fokusera på kodning kan marknadsförare koncentrera sig på de kreativa och strategiska aspekterna av webbplatsens innehåll.

    WYSIWYGs 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 detta tillvägagångssätt. De lät användarna se hur deras dokument skulle se ut när de skrevs ut. På 1990-talet anpassades WYSIWYG-editorerna för webbdesign. Redaktörer som Adobe Dreamweaver innebar att användare kunde bygga webbplatser visuellt utan att skriva HTML.

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

    Hur WYSIWYG-editorer fungerar

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

    Det magiska med WYSIWYG ligger i dess förmåga att hantera komplex kod utan att användaren behöver veta något om den. Den använder en översättningsmotor i backend för att konvertera visuella element till kod samtidigt som den visar en ren, intuitiv frontend-redigerare.

    För e-postmarknadsförare innebär det 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, samtidigt som du vet att det du ser på skärmen är det som din publik kommer att uppleva när de besöker din webbplats.

    Funktioner som ingår i en WYSIWYG-redigerare

    Även om olika WYSIWYG-redigerare har olika funktioner, delar de flesta några kärnfunktioner som gör dem till kraftfulla verktyg för att skapa innehåll:

    1. Textformatering: Du kan ändra teckenstorlek, stil och färg samt använda formatering som fet, kursiv eller understruken text utan att behöva kunna HTML eller CSS.
    2. Inbäddning av bilder/media: Med WYSIWYG-redaktörer kan du 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: Det är enkelt att skapa tabeller, punktlistor eller numrerade listor med hjälp av inbyggda funktioner som automatiskt tillämpar rätt formatering.
    4. Länkning: Användare kan enkelt lägga till hyperlänkar i text, bilder eller andra element utan att manuellt behöva skriva ut HTML-länktaggen.
    5. Drag-och-släpp-gränssnitt: I många WYSIWYG-verktyg kan du 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 redaktörer erbjuder ett förhandsgranskningsalternativ så att användarna kan se exakt hur deras innehåll kommer att se ut på olika enheter och skärmstorlekar innan de trycker på publicera.

    WYSIWYG-verktyg för marknadsförare

    Om du är marknadsförare har du sannolikt stött på WYSIWYG-editorer i olika verktyg. Här är några populära WYSIWYG-plattformar som hjälper till att effektivisera skapandet av innehåll:

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

    WYSIWYG: Fördelar och begränsningar

    WYSIWYG-redaktörer gör det enkelt att skapa innehåll genom att låta användarna 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 ibland producera ineffektiv kod som kräver utvecklarens input.

    WYSIWYG-fördelar WYSIWYG nackdelar
    Användarvänlig: WYSIWYG-editorer är lätta att använda, även för marknadsförare utan tekniska kunskaper. Saknar flexibilitet: Inte idealisk för mer komplex design.
    Redigering i realtid: Som namnet antyder är det du ser i redigeraren exakt hur slutprodukten kommer att se ut, och du kan se ändringar direkt. Rörig eller uppsvälld kod: Den automatiska koden som genereras av WYSIWYG-editorer kan vara mindre effektiv än anpassad kodning.
    Snabbt att bygga: Kan distribuera innehåll snabbare. Problem med webbläsare: Innehåll kan visas på olika sätt i olika webbläsare.
    Inget behov av kodningskunskaper: Team som inte är utvecklare kan enkelt skapa och hantera innehåll. Stort beroende av mallar: Kan leda till överanvändning av grundläggande design.

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

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

    • E-postmarknadsföring: WYSIWYG-editorer 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.
    • Hantering av innehåll: Plattformar som Optimizely gör det möjligt för marknadsförare att enkelt uppdatera blogginnehåll, skapa landningssidor och hantera webbplatsinnehåll utan att behöva en utvecklare.
    • Byggare av webbplatser: 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 kodningskunskaper.

    Vanliga frågor om WYSIWYG

    Hur skiljer sig WYSIWYG-redigering från HTML-redigering?

    Med WYSIWYG-redaktörer kan du skapa innehåll visuellt utan att behöva kunna HTML, medan HTML kräver kodning för att formatera och strukturera innehåll. WYSIWYG är enklare för icke-utvecklare, men HTML ger mer kontroll för dem som kan koda.

    Vad är ett exempel på en WYSIWYG-redigerare?

    Ett välkänt exempel på en WYSIWYG-redigerare är Gutenberg-redigeraren i WordPress. Med den kan användare skapa blogginlägg och sidor genom att dra och släppa element, formatera text och bädda in media - allt utan att skriva någon kod. Andra exempel är Optimizely CMS, Wix och Mailchimps e-postredigerare.