CSS-optimalisatie begrijpen

Wat je leert

Lees hoe CSS-optimalisatie helpt om e-mails kleiner te maken en het risico op clipping te verkleinen, en wanneer je het uitschakelt voor inboxcompatibiliteit.

Over CSS-optimalisatie in Klaviyo

Met CSS-optimalisatie ingeschakeld gebruikt Klaviyo ingesloten stijlen om de ontwerpinstellingen toe te passen die je kiest voor je e-mailtemplate en de bijbehorende blokken. Met ingesloten stijlen kunnen meerdere elementen dezelfde CSS-regels delen, waardoor je minder herhaalde opmaakcode nodig hebt.

Staan inboxproviders ingesloten stijlen toe?

De grootste inboxproviders (Gmail, Yahoo, Apple, Outlook, AOL) accepteren en renderen allemaal ingesloten stijlen.

Als je merkt dat een groot aantal van je klanten de onderstaande inboxproviders gebruikt of een andere provider die ingesloten stijlen niet rendert, overweeg dan om het vakje Ingesloten stijlen inschakelen uit te vinken, zodat je e-mails eruitzien zoals je ze hebt ontworpen.

Schakel CSS-optimalisatie uit

Als je CSS-optimalisatie uitschakelt, wordt er overgeschakeld naar inline CSS, waarbij stijlen direct op afzonderlijke elementen worden toegepast. Deze accountbrede instelling heeft invloed op e-mailverzendingen, exports en previews voor bestaande en toekomstige berichten. Je hebt toestemming nodig om accountinstellingen te bewerken om dit te wijzigen.

Inline CSS kan de e-mailgrootte vergroten en het risico op afkappen verhogen, dus test je e-mails voordat je ze verzendt. Controleer na het opslaan van deze instelling zowel de opmaak als het afkappen in de inboxproviders die je klanten gebruiken.

1. Selecteer linksonder de naam van je organisatie.
2. Klik op Instellingen.
3. Selecteer het tabblad E-mail .
4. Ga naar Afzendervoorkeuren.
5. Schakel in de sectie CSS optimization de optie Enable embedded styles uit.
6. Klik op Opslaan.

Extra hulpbronnen