WYSIWYG

Oppdag fordelene og historien bak WYSIWYG-redigeringsverktøy – verktøy som lar markedsførere opprette og redigere digitalt innhold visuelt.

Hva er WYSIWYG?

WYSIWYG (uttales «wizzywig») står for «What You See Is What You Get.» Det refererer til redigeringsverktøy eller programvare som lar brukere designe og lage innhold i et visuelt format, der det du ser på skjermen er nøyaktig slik det vil se ut når det publiseres.

For markedsførere er WYSIWYG-verktøy helt essensielle. De er designet for å gjøre innholdsproduksjon enklere for ikke-utviklere, slik at markedsførere raskt kan lage landingssider, designe e-postkampanjer eller formatere blogginnlegg uten å måtte forholde seg til HTML eller CSS. I stedet for å fokusere på koding kan markedsførere konsentrere seg om de kreative og strategiske aspektene ved nettstedsinnhold.

Historien bak WYSIWYG

WYSIWYG har eksistert siden 1970-tallet. Tidlige tekstbehandlere, som Microsoft Word og Apples MacWrite, var blant de første verktøyene som brukte denne tilnærmingen. De lot brukere se hvordan dokumentene deres ville se ut når de ble skrevet ut. På 1990-tallet ble WYSIWYG-redigeringsverktøy tilpasset webdesign. Verktøy som Adobe Dreamweaver gjorde det mulig for brukere å bygge nettsider visuelt uten å skrive HTML.

I dag brukes WYSIWYG overalt – fra innholdsstyringssystemer til e-postmarkedsføringsplattformer. Det har gjort det enklere for alle, ikke bare utviklere, å lage digitalt innhold.

Hvordan WYSIWYG-redigeringsverktøy fungerer

WYSIWYG-redigeringsverktøy fungerer ved å vise et visuelt grensesnitt der brukere kan opprette og redigere innhold slik det vil vises i sitt endelige format. Når du skriver tekst, legger til bilder eller bruker formatering som fet eller kursiv skrift, oversetter WYSIWYG-redigeringsverktøyet automatisk disse handlingene til riktig HTML- eller CSS-kode i bakgrunnen.

Det geniale med WYSIWYG er evnen til å håndtere kompleks kode uten at brukeren trenger å vite noe om det. Det bruker en oversettelsesmotor i bakgrunnen for å konvertere visuelle elementer til kode, samtidig som det viser et rent og intuitivt redigeringsverktøy i frontenden.

For markedsførere betyr dette at det å lage en landingsside eller e-postkampanje kan være like enkelt som å bruke et tekstbehandlingsprogram. Du kan dra og slippe bilder, redigere tekst og eksperimentere med formatering i sanntid – vel vitende om at det du ser på skjermen din, er det publikumet ditt vil oppleve når de besøker nettstedet ditt.

Viktige funksjoner å se etter i et WYSIWYG-redigeringsverktøy

Selv om ulike WYSIWYG-redigeringsverktøy varierer i funksjonalitet, deler de fleste noen kjernefunksjoner som gjør dem til kraftige verktøy for innholdsproduksjon: 

  1. Tekstformatering: Du kan endre skriftstørrelse, stil og farge, og bruke formatering som fet, kursiv eller understreking uten å måtte kunne HTML eller CSS.
  2. Innebygging av bilder/media: WYSIWYG-redigeringsverktøy lar deg enkelt legge til bilder, videoer eller andre medier i innholdet ditt ved å dra og slippe eller klikke på en knapp.
  3. Tabeller og lister: Det er enkelt å lage tabeller, punktlister eller nummererte lister med innebygde funksjoner som automatisk bruker riktig formatering.
  4. Lenking: Brukere kan enkelt legge til hyperlenker i tekst, bilder eller andre elementer uten å måtte skrive HTML-lenkekoden manuelt.
  5. Dra-og-slipp-grensesnitt: Mange WYSIWYG-verktøy lar deg omorganisere elementer ved å dra og slippe dem på plass, noe som gjør designprosessen intuitiv for markedsførere.
  6. Forhåndsvisningsmodus: De fleste redigeringsverktøy tilbyr en forhåndsvisning slik at brukere kan se nøyaktig hvordan innholdet vil se ut på ulike enheter og skjermstørrelser før de publiserer.

WYSIWYG-verktøy for markedsførere

Som markedsfører har du sannsynligvis støtt på WYSIWYG-redigeringsverktøy i ulike verktøy. Her er noen populære WYSIWYG-plattformer som bidrar til å effektivisere innholdsproduksjon:

  • WordPress: Gutenberg-redigeringsverktøyet i WordPress er et WYSIWYG-verktøy som lar markedsførere enkelt lage blogginnlegg og sider. 
  • Wix: En populær nettstedsbygger med dra-og-slipp-funksjonalitet som gjør det enkelt å designe vakre, responsive nettsider uten å røre kode.
  • Mailchimp: Denne e-postmarkedsføringsplattformen har et WYSIWYG-redigeringsverktøy som lar markedsførere enkelt lage e-postkampanjer.
  • HubSpot: HubSpots CMS tilbyr et kraftig WYSIWYG-redigeringsverktøy som lar markedsførere raskt bygge nettsider, landingssider og blogginnhold.
  • Optimizely: Optimizelys Visual Builder er et annet eksempel, som tilbyr de samme WYSIWYG-redigeringsfunksjonene sammen med kraftige personaliserings- og A/B-testingsmuligheter.

WYSIWYG: Fordeler og begrensninger

WYSIWYG-redigeringsverktøy gjør innholdsproduksjon enkelt ved å la brukere se endringer i sanntid uten å måtte kunne kode. De er brukervennlige og gode for raske oppdateringer. De kan imidlertid være begrensende for mer komplekse oppgaver og produserer noen ganger ineffektiv kode som krever hjelp fra utviklere.

Fordeler med WYSIWYG Ulemper med WYSIWYG 
Brukervennlig: WYSIWYG-redigeringsverktøy er enkle å bruke, selv for markedsførere uten tekniske ferdigheter.   Mangler fleksibilitet: Ikke ideelt for mer komplekse design.
Sanntidsredigering: Som navnet tilsier, er det du ser i redigeringsverktøyet nøyaktig slik sluttproduktet vil se ut, og du kan se endringer umiddelbart. Rotete eller oppblåst kode: Den automatisk genererte koden fra WYSIWYG-redigeringsverktøy kan være mindre effektiv enn egenutviklet kode.
Raskt å bygge: Innhold kan publiseres raskere.  Nettleserproblemer: Innhold kan vises forskjellig i ulike nettlesere.
Ingen kodekunnskap nødvendig: Ikke-tekniske team kan enkelt opprette og administrere innhold.      Sterk avhengighet av maler: Kan føre til overbruk av enkle design.

Ulike bruksområder for WYSIWYG-redigeringsverktøy

WYSIWYG-redigeringsverktøy er allsidige verktøy som kan brukes i en rekke markedsføringskontekster:

  • E-postmarkedsføring: WYSIWYG-redigeringsverktøy i markedsføringsprogramvare som Mailchimp eller HubSpot lar markedsførere lage profesjonelle e-postkampanjer med dra-og-slipp-funksjonalitet.
  • Innholdsstyring: Plattformer som Optimizely gjør det enkelt for markedsførere å oppdatere blogginnhold, lage landingssider og administrere nettstedsinnhold uten å trenge en utvikler.
  • Nettstedsbyggere: Verktøy som Wix og Squarespace bruker WYSIWYG-redigeringsverktøy for å gjøre det enklere å bygge og vedlikeholde nettsider for brukere uten kodekunnskap.