• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Get a Newsletter

Get a Newsletter

Email marketing made simple

  • Funktioner
  • Priser
  • Blogg
  • Kontakt
  • Logga in
  • Starta gratiskonto
  • Engelska
  • Svenska

5 praktiska designtips för den nya Blockeditorn

Simon Wallström · december 16, 2020

Detta är en uppföljning på artikeln 5 enkla designtips som gör ditt nyhetsbrevet snyggare, om du inte har läst den än så rekommenderar jag att du börjar där. I den här artikeln tänkte jag visa hur du kan använda tipsen i den nya Blockeditorn för att skapa lättlästa, snygga och personliga nyhetsbrev.

Använd få typsnitt

Ett återkommande önskemål från våra kunder har varit att kunna använda Google fonts i sina nyhetsbrev. Nu är det äntligen möjligt 🙂 Hela Google’s bibliotek finns tillgängligt i Blockeditorn. Vi har valt ut några typsnitt som vi anser håller hög nivå och resten når du genom att söka i fältet:

Trots alla fördelar med Google fonts så finns det några saker som kan vara bra att tänka på:

  • Varje typsnitt ”väger”(Kilobyte) ganska mycket. Med det menar jag att ju fler typsnitt du använder desto längre tid tar det för dina mottagare att ladda ner och kunna läsa nyhetsbrevet.
  • Google fonts stöds inte i alla e-postklienter. Vi anger dock en reserv som går i samma stil som det typsnitt du valde.

Välj färger med omsorg

I den nya blockeditorn har vi gjort det väldigt enkelt att välja färger med omsorg. De färger du väljer under ”Design”-tabben är de färger som sedan finns tillgängliga i färgväljaren i resten av verktyget.

I videon nedan demonstrerar jag detta, där jag sätter ganska enkla och högt kontrasterande färger på typsnitt och avskiljare, men väljer att sätta min accentfärg på knappar och länkar. Då finns dessa tillgängliga om jag vill belysa något särskilt i ett annat block medan jag bygger nyhetsbrevet.

Var inte rädd för tomrum

Precis som i den förra versionen av Blockeditorn har även den nya ett särskilt block för att kontrollera vertikala avstånd i nyhetsbreven. Det som är extra bra i den nya versionen är att du manuellt kan bestämma hur hög varje avstånd ska vara. Tidigare hade avståndet en fast höjd på 20px vilket resulterade i att man var tvungen att dra in flera avskiljare för att nå önskad höjd, men problemet var att man inte kunde finlira med avståndet, men nu är det alltså möjligt.

Se till att ha tillräckliga kontraster

En annan högt efterfrågan funktion har varit att kunna använda bakgrundsbilder i Blockeditorn, även det är nu möjligt! Bakgrundsbilder kan vara ett utmärkt sätt att skapa nyhetsbrev som verkligen fångar blicken men det finns några saker som är bra att tänka på:

  • Som rubriken lyder – Se till att ha tillräckliga kontraster. Detta är extra viktigt när man använder bakgrundsbilder, jag ser ofta nyhetsbrev och webbplatser med vit text på ”mörk” bakgrundsbild som är väldigt svår att läsa.
  • Välj en bra reservfärg. Tyvärr så finns det några e-postklienter som inte har stöd för bakgrundsbilder, då är det väldigt viktigt att välja en liknande bakgrundsfärg om bilden inte kan visas.

Videon nedan visar hur du lägger till en bakgrundsfärg som reserv. Det är enkelt att se om reservfärgen är lämplig då vi visar den som bakgrundsfärg för alla textblock i den aktuella sektionen:

Fatta dig kort

Andemeningen med den här punkten i förra artikeln var egentligen att belysa vikten av att tänka noga kring kompositionen av varje nyhetsbrev. Det finns inget fel i att ha mycket innehåll, problemet jag ofta ser är att texten är väldigt komprimerad och avsaknaden av tomrum gör att man kan tendera att tappa läslusten.

Många av de saker jag gått igenom i den här artikeln kan användas för att undvika den fällan. Nedan har jag samlat alla tips i ett och samma nyhetsbrev:

PS. Om du gillar mallen och vill använda den som grund för ditt nästa nyhetsbrev finns den nu tillgänglig i  verktyget – helt gratis. Du hittar mallen genom att Logga in eller registrera ett gratiskonto och gå till ”Utskick > Skapa utkast”.

Tips & tricks blockeditor, design

Senaste nytt i din inkorg

Fyll i din e-postadress för att få tips och råd om hur ditt företag kan växa och sälja mer via nyhetsbrev.

Reader Interactions

Trackbacks

  1. Svenskarna och internet 2020 – 10 trender att ha koll på - Get a Newsletter skriver:
    december 18, 2020 kl. 7:48 f m

    […] 5 praktiska designtips för den nya blockeditorn […]

    Svara
  2. Så lyckas du med nyhetsbrev 2021 - Get a Newsletter skriver:
    januari 21, 2021 kl. 3:46 e m

    […] du vill djupdyka ytterligare på designområdet hittar du två värdefulla blogginlägg här – 5 praktiska designtips för den nya blockeditorn och 5 enkla designtips som gör ditt nyhetsbrev […]

    Svara

Lämna ett svar Avbryt svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Kom igång gratis

Starta ett gratiskonto och få fri tillgång till tjänsten – villkorslöst utan kostnader.
Get a Newsletter är användarvänligt och enkelt att lära sig.

Starta gratiskonto

Footer

Huvudmeny

  • Hem
  • Funktioner
  • Priser
  • Blogg
  • Kontakta oss

Företaget

  • FAQ
  • Kunder
  • Om oss
  • Karriär
  • Kunskap

Bli delaktig

  • Samarbete
  • Affiliate
  • Integration
  • Partner

Senaste nytt i din inkorg

Fyll i din e-postadress för att få tips och råd om hur ditt företag kan växa och sälja mer via nyhetsbrev.

getanewsletter

Copyright © 2020 · Get a Newsletter

Följ oss i sociala medier

  • Facebook
  • Twitter
  • Instagram
  • LinkedIn
  • YouTube