Så lägger du till en bakgrundsbild i en e-postmall eller ett avsnitt
Du kommer att lära dig
Lär dig hur du kan lägga text, bilder och annat e-postinnehåll ovanpå bakgrundsbilder. Du kan lägga till en bakgrundsbild i ett helt e-postmeddelande eller i ett enskilt avsnitt. Genom att använda dessa funktioner kan du lägga en bild ovanpå en annan eller lägga till en knapp eller text ovanpå en bild.
Om bakgrundsbilder
Du kan lägga till en bakgrundsbild bakom en hel e-postmall eller bakom ett specifikt avsnitt i mallen. Mallbakgrunder läggs till via mallens flik Stilar och sträcker sig vanligtvis över e-postmeddelandets hela bredd och höjd.
Avsnittsbakgrunder är däremot isolerade till specifika delar av e-postmeddelandet. De gör att du kan skapa dynamiska, iögonfallande bilder och uppmaning. Du kan också inkludera flera uppmaning i 1 bild (t.ex. ”Handla skor” och ”Handla accessoarer”). De här avsnittsspecifika bakgrundsbilderna kan läggas till via en sektionens flik Stilar.
Att använda en bakgrundsbild med text och annat innehåll överlagt kan öka tillgängligheten för ditt e-postmeddelande, jämfört med att infoga en enda bild som innehåller text. Om ditt meddelande huvudsakligen innehåller bildinnehåll med lite text förlitar sig mottagare som använder skärmläsare och andra hjälpmedel för tillgänglighet som inte visar bilder på alt-text för att förstå meddelandets innehåll.
Dessutom kommer mottagare som använder inkorgar med bara text eller har ställt in sina inkorgar på att dölja bilder som standard inte att kunna förstå ditt meddelande lika lätt. När du använder standardtextblock med en bild bakom dem blir det enklare för mottagare med tillgänglighetsbehov eller alternativa enheter att förstå ditt budskap.
Välja bakgrundsbilder
När du väljer en bild att använda som bakgrund för en sektion eller mall ska du välja en bild med tillräckligt hög upplösning så att den ser skarp och professionell ut i inkorgen. Se dock till att inte använda en fil som är onödigt stor, eftersom det kan leda till långsamma laddningstider för dina e-postmeddelanden. Använd i allmänhet bilder som är 1 MB eller mindre som sektionsbakgrunder.
Ange en bakgrundsbild för avsnittet
När du har valt en bild att använda lägger du till ett nytt avsnitt i din e-postmall.
- På avsnittets flik Stilar letar du upp avsnittet Bakgrund.
- Klicka på + för att lägga till en bild.
- Klicka på Bläddra i bildbiblioteket och ladda sedan upp din bild.
- När du har format bakgrundsbilden lägger du till innehåll i sektionen. Du kan lägga till valfri blocktyp (t.ex. textblock, knappblock, tabellblock) och valfritt antal block i ditt avsnitt.
När du har angett en bakgrundsbild väljer du även en bakgrundsfärg. Den här färgen visas om bakgrundsbilden inte kan läsas in av någon anledning.
- Öppna avsnittets flik Formatmallar.
- Slå på Sektionsfärg.
- Välj en färg som ligger nära färgen i bilden du valde.
Stilalternativ för avsnittsbakgrund
Om du vill välja om bilden ska sträcka sig över hela bredden på ditt e-postmeddelande eller om den ska vara innesluten i e-postmeddelandets innehåll, väljer du mellan Innehåll eller Avsnitt i inställningen Visa på.
I avsnittet Format väljer du mellan följande alternativ:
- Originalstorlek
Din bild visas i sin originalstorlek och begränsas inte på något sätt. - Anpassa
Din bild får plats helt inom avsnittets yta och kan visa bakgrundsfärgen under om den inte har exakt samma storlek som avsnittets yta. - Fyll
Din bild fyller avsnittets yta helt och en del av bilden kan beskäras. - Sida vid sida
Bilden upprepas för att fylla hela sektionsområdet, och du kan växla Storlek på sida vid sida för att välja skala.
Ange en bakgrundsbild för mallen
Så här lägger du till en bakgrundsbild i en e-postmall:
- Navigera till mallens flik Stilar.
- Klicka på + för att lägga till en bild.
- Välj en bild från ditt bildbibliotek eller ladda upp en ny.
När du har lagt till din bild kan du ändra hur den är placerad och om den ska upprepas (eller läggas sida vid sida) horisontellt och vertikalt.
Bilder som är inställda som bakgrundsbilder för en mall kan täcka hela bredden på mallområdet. Du kanske vill ställa in en Mallbakgrund -färg i en liknande nyans som din bild, eftersom bakgrundsfärgen kan visas medan bilden läses in eller om en mottagare har bilder i e-post inaktiverade.
Inkorgsstöd för bakgrundsbilder
Även om de flesta inkorgar har stöd för bakgrundsbilder finns det vissa situationer där de kanske inte visas. I dessa scenarier visas bakgrundsfärgen i stället.
Följande inkorgar har inte stöd för bakgrundsbilder:
- Outlook för Windows
- Yahoo! Mail (delvis stöd)
- AOL (delvis stöd)
Dessutom kan bakgrundsbilden laddas långsamt eller inte alls om en mottagare har begränsad eller långsam internetåtkomst, vilket gör att bakgrundsfärgen visas i stället.
Ytterligare resurser
- Om bästa praxis för e-postbilder
Läs mer om bästa praxis när du använder bilder i Klaviyo Email, inklusive storleksrekommendationer och hur du lägger till bilder.
- Bästa praxis för design av e-post i mörkt läge
Lär dig mer om mörkt läge, en enhetsinställning som vissa användare slår på för att göra skärmarna mörkare. Den här inställningen påverkar hur e-postmeddelanden visas. Mörkt läge är en slutanvändarinställning som väljs på enhetsnivå, och Klaviyo har inte direkt kontroll över hur mörkt läge implementeras på varje enhet.
- Kodning av HTML-bakgrunder för e-post