Så här lägger du till en bakgrundsbild i ett e-postmeddelande eller en sektion
Du kommer att lära dig
Lär dig hur du lägger text, bilder och annat e-postinnehåll över bakgrundsbilder. Du kan lägga till en bakgrundsbild i ett helt e-postmeddelande eller i ett enskilt avsnitt. Med hjälp av 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-postgalleria eller bakom en viss del av gallerian. mallbakgrunder läggs till via mallens flik Stilar och täcker i allmänhet hela e-postmeddelandets bredd och höjd.
Sektionsbakgrunderna är dock isolerade till specifika områden i e-posten. De gör det möjligt för dig att skapa dynamiska, iögonfallande bilder och uppmaningar. Du kan också inkludera flera uppmaningar på en bild (t.ex. "Handla skor" och "Handla tillbehör"). Dessa sektionsspecifika bakgrundsbilder kan läggas till via fliken Stilar i en sektion.
Att använda en bakgrundsbild med text och annat innehåll överlagrat kan öka tillgängligheten i din e-post, jämfört med att infoga en enda bild som innehåller text. Om ditt meddelande huvudsakligen innehåller bilder med lite text är mottagare som använder skärmläsare och andra tillgänglighetsanordningar som inte visar bilder beroende av alt-texten för att förstå innehållet i meddelandet.
Dessutom kan mottagare som använder inkorgar med vanlig text eller har ställt in inkorgarna så att de döljer bilder som standard inte lätt förstå ditt meddelande. När du använder standardtextblock med en bild bakom är det lättare för mottagare med tillgänglighetsbehov eller alternativa enheter att förstå ditt budskap.
Välja bakgrundsbilder
När du väljer en bild som ska användas som bakgrund för ett avsnitt eller en mall ska du välja en bild som har tillräckligt hög upplösning för att se 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 din e-post. I allmänhet ska du använda bilder som är 1 MB eller mindre som bakgrund i avsnittet.
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-postmallar.
- Leta reda på avsnittet Bakgrund på fliken Stilar i avsnittet.
- Klicka på + för att lägga till en bild.
- Klicka på Browse Image Library och ladda sedan upp din bild.
- När du har utformat bakgrundsbilden kan du lägga till innehåll i avsnittet. Du kan lägga till valfri block -typ (t.ex. text block, knapp block, tabell block) och valfritt antal block i ditt avsnitt.
När du har ställt in en bakgrundsbild väljer du också en bakgrundsfärg. Den här färgen visas om bakgrundsbilden inte kan laddas av någon anledning.
- Öppna fliken Stilar i avsnittet.
- Växla sektionsfärg på.
- Välj en färg som nära matchar färgen på den bild du valt.
Alternativ för bakgrundsstil för avsnitt
För att välja om bilden ska täcka hela e-postmeddelandets bredd eller om den ska ingå i e-postmeddelandets innehåll, välj mellan Innehåll eller Avsnitt i inställningen Visa på.
I avsnittet Format kan du välja mellan följande alternativ:
- Originalstorlek
Din bild kommer att visas i sin originalstorlek och kommer inte att begränsas på något sätt. - Passar in
Din bild kommer att passa helt inom sektionsområdet, och kan exponera bakgrundsfärgen under om den inte är exakt lika stor som sektionsområdet. - Fylla
Din bild kommer att fylla sektionsområdet helt och hållet, och en del av bilden kan beskäras. - Kakelplatta
Bilden upprepas så att den fyller hela sektionsområdet, och du kan växla mellan Tile size och Tile size för att välja skala.
Ställ in en bakgrundsbild för köpcentret
För att lägga till en bakgrundsbild till en e-postmallar:
- 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 bild.
När du har lagt till din bild kan du ändra hur den ska placeras och om den ska upprepas (eller kaklas) horisontellt och vertikalt.
Bilder som används som bakgrundsbilder för en galleria kan täcka hela gallerians bredd. Du kanske vill ställa in en mall Bakgrundsfärg i en liknande nyans som din bild, eftersom bakgrundsfärgen kan visas medan bilden laddas eller om en mottagare har bilder i e-post inaktivera.
Inbox support för bakgrundsbilder
De flesta inkorgar innehåller support bakgrundsbilder, men det finns vissa situationer där de inte visas. I dessa scenarier visas bakgrundsfärgen istället.
Följande inkorgar har inte support bakgrundsbilder:
- Outlook för Windows
- Yahoo! Mail (delvis support)
- AOL (delvis support)
Om en mottagare har begränsad eller långsam internetåtkomst kan det dessutom hända att bakgrundsbilden laddas långsamt eller inte alls och att bakgrundsfärgen visas istället.
Ytterligare resurser
- Om e-post bilder bästa praxis
Läs om bästa praxis när du använder bilder i Klaviyo Email, inklusive storleksrekommendationer och hur du lägger till bilder.
- Mörkt läge e-post design bästa praxis
Lär dig mer om mörkt läge, en enhetsinställning som vissa användare aktiverar för att göra sina skärmar mörkare. Denna inställning 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