Introducing Optimizely Opal
an all-new AI platform. See how it works

Hva er WYSIWYG?

WYSIWYG (uttales "wizzywig") står for "What You See Is What You Get". Det refererer til redigeringsprogrammer eller programvare som lar brukerne designe og skape 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 avgjørende. De er utviklet for å gjøre det enklere for ikke-utviklere å lage innhold, slik at markedsførere raskt kan opprette destinasjonssider, utforme e-postkampanjer eller formatere blogginnlegg uten å måtte sette seg inn i HTML eller CSS. I stedet for å fokusere på koding kan markedsførere konsentrere seg om de kreative og strategiske aspektene ved innholdet på nettstedet.

WYSIWYGs historie

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

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

Slik fungerer WYSIWYG-editorer

WYSIWYG-editorer fungerer ved å vise et visuelt grensesnitt der brukerne kan opprette og redigere innhold slik det vil se ut i det endelige formatet. Når du skriver inn tekst, legger til bilder eller bruker formatering som fet eller kursiv skrift, oversetter WYSIWYG-editoren automatisk disse handlingene til riktig HTML- eller CSS-kode bak kulissene.

Det magiske med WYSIWYG er at den kan håndtere kompleks kode uten at brukeren trenger å kunne noe om det. Den bruker en oversettelsesmotor i backenden til å konvertere visuelle elementer til kode, samtidig som den viser en ren og intuitiv frontend-editor.

For markedsførere betyr dette at det kan være like enkelt å opprette en destinasjonsside eller e-postkampanje som å bruke en tekstbehandler. Du kan dra og slippe bilder, redigere tekst og eksperimentere med formatering i sanntid, samtidig som du vet at det du ser på skjermen, er det publikummet ditt vil oppleve når de besøker nettstedet ditt.

Viktige funksjoner du bør se etter i en WYSIWYG-editor

Selv om de ulike WYSIWYG-redigeringsprogrammene varierer i funksjonalitet, har de fleste av dem noen felles kjernefunksjoner som gjør dem til effektive verktøy for innholdsproduksjon:

  1. Tekstformatering: Du kan endre skriftstørrelse, stil og farge og bruke formatering som fet, kursiv eller understreket skrift uten å måtte kunne HTML eller CSS.
  2. Innbygging av bilder/medier: Med WYSIWYG-editorer kan du enkelt legge til bilder, videoer eller andre medier i innholdet 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 ut HTML-lenketaggen 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 redaktører tilbyr en forhåndsvisningsfunksjon, slik at brukerne kan se nøyaktig hvordan innholdet deres vil se ut på ulike enheter og skjermstørrelser før de trykker på publiser.

WYSIWYG-verktøy for markedsførere

Hvis du jobber med markedsføring, har du sannsynligvis støtt på WYSIWYG-editorer i ulike verktøy. Her er noen populære WYSIWYG-plattformer som bidrar til å effektivisere innholdsproduksjonen:

  • WordPress: Gutenberg-editoren i WordPress er en WYSIWYG-editor som gjør det enkelt for markedsførere å lage blogginnlegg og sider.
  • Wix: En populær nettsidebygger med dra-og-slipp-funksjonalitet, som gjør det enkelt å designe vakre, responsive nettsider uten å røre koden.
  • Mailchimp: Denne plattformen for e-postmarkedsføring har en WYSIWYG-editor som gjør det enkelt for markedsførere å lage e-postkampanjer.
  • HubSpot: HubSpots CMS tilbyr en kraftig WYSIWYG-editor som gjør det mulig for markedsførere å bygge nettsteder, destinasjonssider og blogginnhold raskt.
  • Optimizely: Optimizelys Visual Builder er et annet eksempel, og tilbyr de samme WYSIWYG-redigeringsfunksjonene i tillegg til kraftige muligheter for personalisering og A/B-testing.

WYSIWYG: Fordeler og begrensninger

WYSIWYG-redigerere gjør det enkelt å lage innhold ved å la brukerne se endringer i sanntid uten å måtte kunne kode. De er brukervennlige og egner seg ypperlig for raske oppdateringer. De kan imidlertid være begrensende for mer komplekse oppgaver, og noen ganger produserer de ineffektiv kode som krever innspill fra utviklere.

Fordeler med WYSIWYG Ulemper med WYSIWYG
Brukervennlig: WYSIWYG-editorer er enkle å bruke, selv for markedsførere uten tekniske ferdigheter. Mangler fleksibilitet: Ikke ideelt for mer komplekse design.
Redigering i sanntid: Som navnet antyder, er det du ser i redigeringsprogrammet nøyaktig slik det endelige produktet vil se ut, og du kan se endringer umiddelbart. Rotete eller oppblåst kode: Den automatiserte koden som genereres av WYSIWYG-editorer, kan være mindre effektiv enn tilpasset koding.
Rask å bygge: Kan distribuere innhold raskere. Nettleserproblemer: Innholdet kan vises ulikt i ulike nettlesere.
Ingen behov for kodingskompetanse: Team som ikke er utviklere, kan enkelt opprette og administrere innhold. Stor avhengighet av maler: Kan føre til overforbruk av grunnleggende design.

Ulike bruksområder for WYSIWYG-editorer

WYSIWYG-editorer er allsidige verktøy som kan brukes i en rekke ulike markedsføringssammenhenger:

  • E-postmarkedsføring: WYSIWYG-editorer i markedsføringsprogramvare som Mailchimp eller HubSpot gjør det mulig for markedsførere å lage profesjonelle e-postkampanjer med dra-og-slipp-funksjonalitet.
  • Innholdsadministrasjon: Med plattformer som Optimizely kan markedsførere enkelt oppdatere blogginnhold, opprette destinasjonssider og administrere nettstedsinnhold uten å trenge en utvikler.
  • Nettstedsbyggere: Verktøy som Wix og Squarespace bruker WYSIWYG-redigeringsprogrammer for å gjøre det enklere å bygge og vedlikeholde nettsteder for brukere uten kunnskap om koding.

WYSIWYG FAQs