Creativitat
Un document, no una plantilla
El que escrius és un arbre de blocs amb un esquema publicat. El que s'envia és aquest document renderitzat per a un objectiu — correu electrònic, pàgina, formulari, SMS, push o impressió. Tots dos estan separats a propòsit, perquè l'editor és substituïble i la renderització no, i fingir el contrari és com una eina de màrqueting acaba amb sis versions del mateix missatge que ja no coincideixen.
Sis objectius, una font
Cada objectiu té restriccions que no són qüestió de gust, i el renderitzador les coneix perquè tu no hi hagis de pensar.
Correu electrònic vol dir taules i CSS incrustat, sense flex ni grid perquè Outlook encara fa servir Word per maquetar el correu, una alternativa en text pla generada per tu, colors que sobreviuen a un client en mode fosc que inverteix les coses, i un límit de mida d'uns 102 KB on Gmail comença a retallar.
Pàgina vol dir HTML modern i responsiu de tota la vida, publicat sota un slug, al teu propi domini si en vols un. Formulari és una pàgina més vinculacions de camps, validació, un honeypot i un límit de freqüència — i és l'única ruta cap als teus contactes que pot produir legítimament una base de consent.
SMS compta els segments a mesura que escrius. Push és un títol, un cos, una icona, accions i un enllaç profund. Carta és CSS d'impressió renderitzat a un PDF, adreçat i enviat per correu.
El document en si s'emmagatzema com a configuració amb un esquema publicat, al servei de documents de l'ecosistema en lloc d'amagar-se en una taula privada. Això vol dir que el dia que arribi un editor millor, editarà els mateixos documents i res de l'amunt canviarà.
- 1correu electrònicTaules, CSS incrustat, alternativa en text, segur en mode fosc, límit d'uns 102 KB.
- 2pàginaHTML responsiu sota un slug, al teu domini.
- 3formulariPàgina més vinculacions, validació, honeypot, límit de freqüència.
- 4smsText amb un comptador de segments GSM-7 / UCS-2 en directe.
- 5pushTítol, cos, icona, accions, enllaç profund.
- 6cartaCSS d'impressió → PDF.
- iLa costuraL'editor és substituïble; els destins no. Per això el document té un esquema publicat.
Sortida renderitzada i emmagatzemada a la cau per destinació
Variables de fusió
Una variable desconeguda falla en publicar, no silenciosament en enviar
El comportament per defecte de qualsevol llenguatge de plantilles davant una clau que falta és renderitzar res. En un correu, això significa «Hola ,» enviat a quaranta mil persones, i ningú no s'assabenta fins que comencen a arribar les respostes. Per això un document es valida contra el vocabulari de variables abans de poder-se publicar.
Què pots interpolar
El correu electrònic, el nom, el telèfon i la llengua del contacte; attrs.*, que és obert perquè els atributs són teus; el nom i l'adreça postal de la teva organització; els enllaços de baixa i de preferències; i l'assumpte i la precapçalera del propi missatge.
Deliberadament una llista en lloc de «qualsevol cosa del registre». Una fila de contacte també porta identificadors interns, i cap d'ells pertany a un missatge.
Un valor per defecte no és una variable que falta
{{first_name | default:there}} és una variable coneguda que aquest contacte en concret no té — una llista importada on la meitat de les files no tenien nom. Això renderitza el valor per defecte i és perfectament correcte.
El que es rebutja és {{frist_name}}: una variable que no existeix per a ningú. En el moment d'enviar, les dues es veuen idèntiques. En el moment de publicar no podrien ser més diferents, i per això la comprovació es fa allà.
El mateix vocabulari funciona a tots els destins, de manera que una frase escrita per a un correu es renderitza a l'SMS i a la pàgina de destinació sense reescriure-la. I first_name es deriva en renderitzar a partir del nom sencer en lloc d'emmagatzemar-se — perquè una divisió emmagatzemada és una divisió equivocada esperant la persona el nom de la qual no encaixa amb la suposició.
Escriu-ho una vegada. Arriba vestit per al canal.
Abans de sortir
Les comprovacions que es fan mentre encara pots arreglar les coses
El retall de Gmail
Per sobre d'uns 102 KB, Gmail trunca el missatge i amaga la resta darrere d'un enllaç que gairebé ningú no prem — incloent-hi, al final de tot, la teva baixa. El renderitzador mesura i avisa en publicar.
Pes de les imatges
Una fotografia principal de quatre megabytes esgota el pressupost de mida i es renderitza malament en un telèfon. Les imatges es redimensionen i es converteixen en pujar-les, cosa que és una qüestió d'entregabilitat i no un detall estètic.
Vista prèvia de la safata d'entrada
El missatge es renderitza i es fotografia a amplades d'escriptori i de mòbil, de manera que la llista mostra com és realment la cosa i no el seu nom. Sense cap servei de vista prèvia de pagament.
Un enviament de prova real
Envia-t'ho a tu mateix, pel mateix renderitzador i amb la mateixa identitat d'enviament que rebria un destinatari real. Una vista prèvia que segueix un camí de codi diferent no prova res del missatge que s'envia.
L'HTML enganxat es saneja
El contingut enganxat des d'altres llocs passa per un sanejador abans d'emmagatzemar-se, perquè un correu de màrqueting no és el lloc per descobrir què hi havia al porta-retalls de algú.
Markdown, si ho prefereixes
Escriu en Markdown i fes-lo renderitzar. Molt més fiable que demanar a un model HTML de correu, i és el que fa que un agent escrigui un missatge sigui una idea viable i no una demostració.
Començant des del teu propi lloc web
Enganxa un URL a la primera execució. ClickSomo llegeix la pàgina per obtenir-ne el logotip, les icones, el manifest i els colors mesurats — no colors que algú ha endevinat — i construeix un primer correu que ja sembla teu. També detecta la plataforma, que normalment és suficient per suggerir un embut que val la pena: una botiga rep un correu de cistella abandonada, un editor rep una benvinguda al butlletí.
Cada sol·licitud d'un URL que proporciones passa per un cercador protegit: només HTTP i HTTPS, les adreces literals es comproven directament, cada resposta DNS ha de ser pública i cada salt de redirecció es revalida. Recollir URL arbitraris en nom d'un client és una de les maneres més fàcils de fer un forat a la teva pròpia xarxa, i no és una cosa per escriure dues vegades.
La part honesta: una primera plantilla generada des del teu lloc web és un bon començament, no un disseny acabat. Encerta a grans trets el logotip, els colors i la tipografia perquè el teu primer enviament no sembli una demostració — i després l'edites, que és una feina molt millor que mirar un llenç buit.