Een HTML-template converteren naar slepen en neerzetten

Wat je leert

Leer hoe je een HTML-e-mailtemplate kunt omzetten naar een drag-and-drop template, zodat je die blok voor blok kunt bewerken in de drag-and-drop editor in plaats van in code.

Voordat je van start gaat

• Klonen naar drag-and-drop werkt op HTML-template die zijn opgeslagen in Content > template > E-mail: opgeslagen.
• Je hebt toestemming nodig om templates te bewerken in je account.
• Converteren maakt een nieuwe template. Je originele HTML-template wordt nooit gewijzigd, dus je kunt deze blijven gebruiken terwijl je de copy controleert.
• Een conversie duurt een paar minuten. Je hoeft niet op de pagina te blijven terwijl dit wordt uitgevoerd.

Een template converteren

Je kunt een conversie starten vanuit de templatebibliotheek of vanuit de HTML-editor.

Uit de templatebibliotheek

1. Ga naar Content > Templates en selecteer het tabblad E-mail: opgeslagen.
2. Zoek de HTML-template die je wilt converteren en klik vervolgens op het menu … op de kaart ervan.
3. Selecteer Klonen naar drag-and-drop.

Er verschijnt een placeholderkaart met de naam {template name} (geconverteerd) aan het begin van je template in het tabblad E-mail: opgeslagen met het bericht Template converteren …

Wanneer de conversie is voltooid, wordt deze vervangen door je nieuwe drag-and-drop template.

Vanuit de HTML-editor

1. Open de HTML-template die je wilt converteren.
2. Sla eventuele wijzigingen op. Klonen als slepen en neerzetten is niet beschikbaar zolang je niet-opgeslagen wijzigingen hebt.
3. Klik rechtsboven in de editor op Klonen als slepen en neerzetten.

De conversie blijft doorgaan als je de pagina verlaat. Als je blijft, toont Klaviyo het bericht Je sleep-en-neerzettemplate is klaar. en opent het de nieuwe template in de sleep-en-neerzeteditor wanneer dit klaar is. Als je weggaat, vind je het in het tabblad Geconverteerde templates.

Controleer je conversies

Selecteer het tabblad Geconverteerde templates in Content > Templates om elke conversie van de afgelopen 30 dagen te zien, inclusief conversies die nog lopen of zijn mislukt. Dit is de plek om te controleren of je de pagina hebt verlaten terwijl een conversie liep.

Elke rij toont:

• Naam: de naam van de nieuwe drag-and-drop-template. Klik erop om de template in de editor te openen.
• Brontemplate: de HTML-template waaruit deze is geconverteerd.
• Geconverteerd: wanneer de conversie is voltooid.
• Status: een van de volgende:
  • Klaar voor gebruik: de nieuwe template staat in E-mail: opgeslagen en is klaar om te bewerken.
  • In uitvoering: de conversie is nog bezig.
  • Mislukt: er is geen template gemaakt. Ga met de muis over de status om te zien waarom.

Als een conversie mislukt

Ga met de muis over de status Mislukt om de reden te zien:

• De conversie is mislukt. Probeer het opnieuw. Start een nieuwe conversie vanuit het menu van de template.
• De conversie duurde te lang. Conversies stoppen na 10 minuten verwerken. Zeer lange of complexe templates bereiken deze limiet het vaakst.

Een mislukte conversie maakt geen template aan en verandert je origineel niet.

Je geconverteerde template controleren

Je nieuwe template wordt bovenaan, op het hoogste niveau van je templates, opgeslagen in E-mail: opgeslagen als {original name} (geconverteerd). Het is een normale drag-and-drop-template: je kunt de naam wijzigen, deze naar een map verplaatsen en hem gebruiken in campagnes en flow.

Voordat je hiermee verzendt, open je het in de editor voor slepen en neerzetten en vergelijk je het met het origineel:

• Controleer of tekst, afbeeldingen, knoppen en links overeenkomen met het origineel.
• Controleer of personalisatietags en dynamische content werken zoals verwacht.
• Controleer de alt-tekst van de afbeelding.
• Bekijk de preview op desktop en mobiel.
• Stuur jezelf een testmail.

De conversie bouwt je template opnieuw op uit blokken die je kunt slepen en neerzetten, dus kleine verschillen in witruimte of styling ten opzichte van het origineel zijn mogelijk.

Resultaat

Je hebt een HTML-template geconverteerd naar een drag-and-drop-template die je blok voor blok kunt bewerken, terwijl je originele HTML-template ongewijzigd blijft.

Extra hulpbronnen