Aplicació: Visualitzador i editor HTML per a signatures de correu electrònic i fragments web

Quan veieu una signatura de correu electrònic que admireu (o una secció d'un lloc web amb l'estil perfecte) copiant-la HTML directament pot ser complicat. Sovint, enganxar-ho en un editor de text elimina el format o, pitjor encara, trenca l'estructura completament.

Visualitzador i editor HTML

La Martech Zone El Visualitzador HTML resol aquest problema. Tant si esteu replicant una signatura de correu electrònic professional del missatge d'una altra persona com si esteu extraient un bloc de contingut amb estil d'una pàgina web, aquesta eina us ofereix un espai segur per enganxar, inspeccionar, editar i reutilitzar el codi HTML subjacent exactament tal com estava previst.

Consells per editar signatures HTML o fragments web

Quan treballeu amb HTML copiat, especialment signatures de correu electrònic o blocs de contingut amb estil, és important saber quins canvis podeu fer a l'editor visual i quins requereixen edicions directes al codi HTML següent. Això és el que heu de tenir en compte:

• Les edicions visuals són fantàstiques per al contingutPodeu canviar el text visible com ara noms, títols o noms d'empreses directament a l'editor de previsualització. El format es mantindrà intacte i els canvis es reflectiran automàticament al codi següent.
• Aneu amb compte amb els enllaços, els correus electrònics i els números de telèfon: Si necessiteu actualitzar un URL, adreça de correu electrònic, O número de telèfon, sovint s'incrusten a l'HTML com a destinacions d'enllaç (href). Això vol dir que haureu de desplaçar-vos cap avall fins al quadre de codi HTML i actualitzar-los manualment. Per exemple: <a href="mailto:[email protected]">Jane Doe</a> Si només canvieu "Jane Doe" a l'editor visual, l'enllaç clicable encara apuntarà a [email protected] tret que també actualitzeu el mailto: part del codi.
• El mateix passa amb els logotips o les iconesSi voleu substituir una imatge, com ara el logotip d'una empresa, haureu d'actualitzar el src="..." valor a l'HTML, no només al contingut visible.
• No us oblideu de revisar els enllaços dues vegadesDesprés d'editar, feu servir l'àrea de previsualització per fer clic a qualsevol enllaç o imatge per confirmar que apuntin on voleu que vagin.

Prendre's un minut per ajustar el codi correctament garanteix que la còpia final tingui un aspecte professional i funcionen correctament quan s'enganxen als clients de correu electrònic, CRMso editors de llocs web.

Com utilitzar el visor HTML

1. Enganxa el contingut HTMLFeu clic amb el botó dret dins del quadre de l'editor i trieu Enganxar, o utilitzar Ctrl+V / Cmd+V per inserir l'HTML del porta-retalls. Això es pot copiar d'un correu electrònic, d'una pàgina web o fins i tot de la configuració de signatura del client de correu electrònic.
2. Editar visualment o en codiDesprés d'enganxar-lo, el contingut apareixerà tal com ho faria en un correu electrònic o en un navegador. Si voleu fer canvis (com ara canviar un logotip, actualitzar la informació de contacte o canviar estils), podeu fer-ho directament a l'editor visual o al codi HTML sense processar que es mostra a continuació.
3. Copia la versió finalUn cop estigueu satisfets amb el resultat, seleccioneu i copieu el codi HTML de l'àrea de text. A continuació, el podeu enganxar a la configuració de signatura del vostre client de correu electrònic, a un CMS, a una plataforma de màrqueting o a qualsevol lloc on s'accepti HTML.

Aquesta eina ho manté tot local al vostre navegador: sense càrregues, sense emmagatzematge, només una edició HTML ràpida i precisa just on la necessiteu.