Hoe gebruik je een headerbalkblok in een e-mail
Wat je leert
Meer informatie over headerbalkblokken, die worden gebruikt om een logo, belangrijke links en andere informatie bovenaan je e-mails toe te voegen.
Over blokken in de koptekstbalk
Blokken in de kopbalk kunnen een logo bevatten en alle links die je wilt uitlichten. Overweeg om een aantal van de volgende links in je kopbalk op te nemen:
- Home
- Over ons
- Nu shoppen
- Nieuw
- Bestsellers
- Uitverkoop
- Veelgestelde vragen
- Retouren en ruilingen (in follow-up e-mails voor bestellingen)
Ga zorgvuldig om met het toevoegen van links; te veel links kunnen je e-mail er rommelig uit laten zien en moeilijk navigeerbaar maken.
Opmaakopties voor het blok met de kopbalk
Je kunt verschillende indelingen kiezen van de knoppen en het logo voor desktop en mobiel:
- Opties voor desktop-indeling
- Gestapeld logo
- Logo inline
- Logo gecentreerd
- Alleen links en knoppen
- Opties voor mobiele indeling
- Alles stapelen
- Gestapeld logo
- Logo inline
- Alleen links en knoppen
- Alleen gestapelde links en knoppen
Als je op mobiel een gestapeld formaat gebruikt, zijn je knoppen makkelijker te lezen en aan te klikken, omdat mobiele schermen veel kleiner zijn.
Voeg een headerbar-block toe aan een e-mail
- Sleep in een e-mailtemplate een blok Kopbalk naar het canvas.
- Het logo is vooraf ingevuld als je je logo al hebt toegevoegd aan je Klaviyo-account onder Content > Afbeeldingen & merk > Merk. Voeg anders een logo toe.
- Gebruik het vervolgkeuzepijl-pictogram om de details van elke link te bekijken en de linktekst en URL te bewerken.
- Om ruimte te besparen op mobiel kun je overwegen Alleen desktop te selecteren voor niet-essentiële links.
- Gebruik de knoppen Link toevoegen of Afbeelding toevoegen om extra links of content toe te voegen.
- Gebruik de instellingen onder de sectie Content om de linktekst op te maken, inclusief lettertypen, kleuren en opvulling.
Sla een headerbalk op voor gebruik in toekomstige e-mails
De meeste e-mails die je verstuurt, moeten een headerbalk bevatten. Om een headerbalkblok op te slaan als universele content om later opnieuw te gebruiken in toekomstige e-mails, klik je op het sterpictogram naast het blok en volg je de prompts die verschijnen.
Meer informatie over universele en opgeslagen content.
Overwegingen voor de postvak-in voor het blok koptekstbalk
Afhankelijk van de inbox van de ontvanger kan de headerbalk (of de e-mail als geheel) er iets anders uitzien. Om te zien hoe je e-mail in verschillende inboxen wordt weergegeven, kun je een tool zoals Email on Acid gebruiken.
Blokken in de kopbalk en Gmail-clipping
Header bar-blokken bevatten veel code, wat betekent dat ze het totale codegewicht van je e-mail verhogen. In berichten die veel andere content bevatten, kan dit leiden tot clipping in Gmail.
Als je bericht het risico loopt te worden afgekapt, overweeg dan een afbeeldingsblok voor je logo te gebruiken, gevolgd door een tabelblok met je links.
Blokken voor de kopbalk en Microsoft Outlook
Vanwege de unieke HTML-rendering engines van Outlook kan er een rand worden toegevoegd aan de elementen in je headerbalk voor ontvangers die Outlook gebruiken.
Vermijd dit door een kop te maken met afbeeldingsblok voor je logo en een tabel voor je links.