Com crear HTML de correu electrònic: guia pas a pas

Les llistes de correu són una part important de les campanyes de màrqueting. Crear missatges de correu electrònic per a ells en molts aspectes s'assembla al desenvolupament de pàgines web senzilles. Alhora, s'ha de tenir en compte algunes diferències importants. En particular, l'enviament de missatges de correu electrònic HTML només serà eficaç si es fan correctament en el sentit tècnic, i el seu contingut i estil, als seus objectius. En aquest cas, hi ha la percepció que un laic no pot fer front a aquesta tasca. Aquest article proporciona instruccions detallades pas a pas, com escriure i com enviar correu electrònic HTML.

Característiques de la creació

L'home modern rep diàriament una mitjana de 5-6, i en ocasions fins a 10 e-mails. Això vol dir que només tenen menys d'un segon, per tenir temps per cridar l'atenció del destinatari, abans que surti a la lectura de la següent correspondència. En cas contrari, l'enviament dels missatges de correu electrònic HTML seran totalment ineficaç, i només una pèrdua de temps.

Un dels matisos que augmenten les seves possibilitats d'atraure l'atenció de clients potencials o un altre públic objectiu és la creació de la correspondència, que s'adapta als dispositius mòbils. Després de tot, la major part d'aquells a qui es dirigeix a veure el correu electrònic, probablement els utilitzen amb més freqüència que els ordinadors de sobretaula i portàtils.

Per a aquest propòsit es pot utilitzar, per exemple, "el disseny de resposta" s'adapta fàcilment a la mida de la pantalla.

Quina ha de ser la plantilla de carta

Quan el disseny del document, destinat a enviar corresponsals, han de complir amb els següents requisits:

• Ha de quedar força estreta, és a dir. E. En mida no ha de passar el rang de 500-600 píxels que proporcionen la correcta visualització de text i altres continguts en els dispositius de qualsevol tipus.
• Cal utilitzar un tipus de lletra prou gran com per a tota la informació de text, així com IOS-HTML dispositiu electrònic serà incòmode per llegir si la mida de font d'almenys 13 píxels.
• Elements en què pot fer clic per veure, ha de ser prou gran i aïllat dels vincles més estrets. En aquest cas, el destinatari pot activar fàcilment en el primer intent.

formació

Abans del desenvolupament d'HTML lletres, s'ha de crear una de les unitats d'una nova carpeta i el nom, per exemple, "Notícies". A més, cal descarregar i instal·lar el programari Dreamweaver CS3. Aquest producte d'Adobe és una eina bastant simples de disseny de llocs web i és molt adequat per al desenvolupament d'un enviament de cartes en format HTML.

Crear i desar un document

Abans d'escriure el text de la carta, cal:

• obrir bastant popular programa de disseny HTML-mails Dreamweaver CS3 (DW);
• crear un document mitjançant la selecció d'un tipus de "HTML 4.01 Transició»;
• guardar l'arxiu amb l'extensió «.html»;
• al menú superior per trobar la comanda d'edició;
• eliminar la marca de la casella de selecció "Utilitza CSS en lloc d'etiquetes HTML».

Guia pas a pas

Ara, anem a veure com crear HTML de correu electrònic. Per a això:

• Consistentment obrir la fitxa del menú "Insereix" i "Taula" i exposar els paràmetres necessaris de la taula. Per exemple, la línia - 2 columnes - 1, Ample - 700, la capçalera - la part superior. Els límits es poden establir, i es pot prescindir d'ells, especificant 0.
• Formar la capçalera del missatge. Des HTML carta destinada a un major nombre de beneficiaris, per tal d'utilitzar l'operador [nom cognom], per substituir el nom del destinatari desitjat.
• A la finestra inferior, les "Propietats" van posar els paràmetres necessaris per al tipus de lletra, mida i color del text del títol i el color de fons.
• "Sortir" al camp de capçalera. A la part inferior de la pantalla per moure les opcions del cursor posar "centrat" i "Al mig".
• Insereix el missatge de text preparat o "escriure" les coses bé en el programa de DW seleccionant el tipus i mida de font, i l'alineació del text en la pàgina.

La creació d'enllaços d'hipertext

Anem a tractar de fer HTML lletres més professional i avançat. Amb aquest objectiu en els hipervincles continguts amagar. Per a això, seleccioneu el lloc en el text, que va ser triat com un enllaç d'hipertext. A la cantonada esquerra hauria de ser la icona apropiat "oberta" i inserir un enllaç en el quadre desplegable a la part superior de la pantalla. En aquest cas, no us oblideu de posar una creu a la casella «_blank», per obrir l'enllaç en una finestra, i el receptor després que l'espectacle no ha perdut l'accés a la carta principal.

Com inserir imatges

En general, una carta en format HTML completa les dades de contacte, preferiblement amb una foto de l'autor o de la imatge temàtic corresponent. Es pot descarregar des d'Internet o mitjançant la descàrrega a Internet, ja que es necessita la URL de la imatge. Aquest és el millor fet per un dels serveis gratuïts.

Per emetre un bon final com:

• inserit en la part inferior del missatge, en una altra taula de base 3 i les columnes 0 de paràmetres per als píxels de contorn;
• posar el cursor a la taula, on volen veure la imatge;
• marca a la finestra inferior, "mitjà" i "la part superior" per a cada secció;
• triar a la pestanya de menú superior "Insereix";
• no faci clic a la inscripció "Imatge" al menú emergent, enganxar l'adreça de contacte copiat;
• la tecla «OK» 2 cops.

revisió

Ara que ja sap com fer-ho HTML-carta, vostè ha de assegurar-se que el destinatari ho veurà en la forma correcta. A aquest efecte, abans de presentar desitja veure el seu treball en el navegador Dreamweaver CS3. Per a això, faci clic a la icona amb un globus al menú superior central. Si en lloc de lletres va aparèixer a la pantalla, abracadabra, que ha de posar en la configuració del seu navegador avtokodirovku.

codificació

Des de la secció "Projecte" i aneu a la part de codi - el "Codi". A la finestra que se separa i es copia tot el que hi ha entre les etiquetes i . Desar el fitxer. A continuació, inserir el codi HTML.

L'enviament de missatges de correu electrònic HTML

Per a que el correu obert "Smartresponder" (SR). a continuació:

• triar o crear un nou correu electrònic omplint la cadena "nom" i "la direcció del remitent."
• la línia d'ompliment "tema de la carta";
• marca al menú de l'esquerra de codi HTML superior;
• codi d'inserció còpia al programa de DW-codi en un gran camp "Font";
• comprovar la correcció dels mitjans de presentació d'una eina "Vista prèvia";
• Elimina la versió de text de la carta;
• provar per al correu brossa, utilitzant el botó apropiat al costat del botó "Enviar".

Diverses plantilles populars

L'ús d'un marc ajuda a accelerar significativament el procés de l'escriptura i fer-la més accessible a la promotora, que només ha entengui els conceptes bàsics de la creació de documents web. Els patrons més populars:

• Cerberus. Aquest conjunt de les anomenades plantilles de resposta per a crear cartes, normalment apareixen en una aplicació de Gmail per a mòbils, i en Outlook. Es permet l'ús de blocs de codi HTML, ja sigui en solitari o combinant-los.
• Tinta - és la collita de correus electrònics, correus que són gairebé universal i compatible amb tots els dispositius i clients.
• plantilla de correu electrònic HTML molt simple. La plantilla li permet crear cartes de correu són molt fàcils i ràpids. No obstant això, tindran un disseny molt simple en la forma d'una columna, que va entrar en una crida a l'acció.

Com inserir HTML a un

Considerem ara un problema lleugerament diferent. Per inserir codi HTML a un correu electrònic, per exemple, Gmail utilitzant, com en el següent exemple, el navegador Google Chrome, vostè ha de:

• feu clic al botó «F12», o seleccionar la seqüència apropiada d'ordres al menú;
• a la finestra oberta a la pàgina de codis actual del client Gmail trobar un lloc en el qual s'insereix en l'HTML-carta, fer un clic dret i seleccioneu "Edita com HTML».
• enganxar el codi HTML;
• pressionar una combinació de dues tecles «Ctrl» i «Enter».

Amb la mateixa finalitat es pot descarregar fàcil de ispolzovnii programa del Thunderbird de Mozilla. Amb ella es pot crear una carta, a continuació, seleccioneu en primer lloc "Insereix" i després "el codi HTML" i enganxar al seu codi postal.

instruments

Vordpressovsky butlletí electrònic plug-in li permet administrar professionalment butlletins i subscriptors. I quan, i una altra es realitza directament a través del panell d'administració de WordPress. Aquesta circumstància proporciona un control complet i de forma totalment gratuïta, que no pot sinó alegrar.

Una altra eina senzilla - imatges de fons a prova de bales, que és una senzilla eina que li permet obtenir el codi de la imatge de fons creat per les lletres a. Pot ajudar a prendre la correspondència més bella. Per al registre de la carta simplement ha d'introduir la URL de la imatge de fons que et va agradar i reservar el color, i si aquests paràmetres s'apliquen a tot el cos d'HTML o electrònics que estan destinats només per a una de les cel·les de la taula. El resultat és un codi de llista per utilitzar que voleu copiar i enganxar a la seva plantilla.

Ara que ja sap com enviar correu electrònic HTML. La seva creació no és particularment difícil, especialment si utilitza plantilles confeccionades en la qual la banda no en falten. Per tant, fins i tot aquells que no tenen un coneixement especial, pot fàcilment fer front a aquesta tasca.