Come creare HTML-mail: guida passo per passo

Le mailing list sono una parte importante delle campagne di marketing. Creare una mail per loro in molti modi assomiglia lo sviluppo di pagine web semplici. Allo stesso tempo, si dovrebbe prendere in considerazione alcune importanti differenze. In particolare, l'invio di messaggi di posta elettronica HTML sarà efficace solo se effettuate in modo corretto in senso tecnico, e il loro contenuto e stile si incontrano i vostri obiettivi. In questo caso, v'è una percezione che un laico non può far fronte a questo compito. Questo articolo fornisce dettagliate passo per passo le istruzioni, come scrivere e come inviare e-mail HTML.

Caratteristiche della creazione

L'uomo moderno riceve ogni giorno una media di 5-6, e, a volte fino a 10 e-mail. Questo significa che hai solo meno di un secondo, per avere il tempo di attirare l'attenzione del destinatario, prima che vada alla lettura del seguente corrispondenza. In caso contrario, il tuo invio di messaggi di posta elettronica HTML saranno completamente inefficaci, e basta perso tempo.

Uno di sfumatura che aumentare le vostre probabilità di attirare l'attenzione dei potenziali clienti o altri target di riferimento è la creazione di corrispondenza, che si adatta ai dispositivi mobili. Dopo tutto, la maggior parte di coloro ai quali si rivolge per visualizzare e-mail, probabilmente li usano più spesso di computer desktop e laptop.

A questo scopo può essere utilizzato, ad esempio, "responsive design" si adatta facilmente alle dimensioni dello schermo.

Quale dovrebbe essere il modello di lettera

Quando il layout del documento, destinato ad inviare corrispondenti, dovrebbero rispettare i seguenti requisiti:

• Dovrebbe essere abbastanza stretto, cioè. E. Nella taglia non supera l'intervallo di 500-600 pixel che forniscono la corretta visualizzazione del testo e altri contenuti su dispositivi di qualsiasi tipo.
• È necessario utilizzare un font grande abbastanza per tutte le informazioni di testo così come iOS dispositivo HTML-mail sarà scomoda da leggere se la dimensione del carattere di almeno 13 pixel.
• Gli elementi su cui è possibile fare clic per fare, dovrebbero essere abbastanza grandi e isolato dai collegamenti più stretti. In questo caso, il destinatario può facilmente attivare al primo tentativo.

formazione

Prima dello sviluppo di HTML-lettera, è necessario creare uno dei dischi una nuova cartella e il nome, ad esempio, "News". Inoltre, è necessario scaricare e installare il software Dreamweaver CS3. Questo prodotto da Adobe è abbastanza semplice siti Web Design Tool ed è adatto per lo sviluppo di una mailing lettere in formato HTML.

Creare e salvare un documento

Prima di scrivere il testo della lettera, è necessario:

• aprire molto popolare programma di progettazione HTML-email Dreamweaver CS3 (DW);
• creare un documento selezionando un tipo di "Transizione HTML 4.01»;
• salvare il file con l'estensione «.html»;
• nel menu in alto per trovare il comando di modifica;
• rimuovere il segno di spunta dalla casella di controllo "Usa CSS anziché tag HTML».

Guida passo passo

Ora, vediamo come creare HTML-mail. Per fare questo:

• Coerentemente aprire la scheda menu "Inserisci" e "Table" ed esporre i parametri necessari della tabella. Ad esempio, la linea – 2 colonne – 1, Larghezza – 700, l'intestazione – la parte superiore. I confini possono essere impostati, e si può fare senza di loro, specificare 0.
• Formare l'intestazione del messaggio. Poiché HTML-lettera destinata ad un numero maggiore di beneficiari, usa l'operatore [first_name], sostituire il nome del destinatario desiderato.
• Nella finestra inferiore, le "Proprietà" messi i parametri necessari per il tipo di carattere, dimensione e colore del testo del titolo e il colore di sfondo.
• "Exit" dal campo di intestazione. Nella parte inferiore dello schermo per spostare le opzioni del cursore mettere "Centrato" e "nel mezzo."
• Inserire il messaggio di testo preparato o "scrivere" bene nel programma DW selezionando il tipo e la dimensione del carattere, e l'allineamento del testo nella pagina.

Creazione di collegamenti ipertestuali

Cercheremo di rendere HTML-lettera più professionale e avanzato. Con questo obiettivo in cuoio contenuti collegamenti ipertestuali. Per fare questo, selezionare la posizione nel testo, che è stato scelto come collegamento ipertestuale. Nell'angolo sinistro dovrebbe essere "aperto" l'icona appropriata e inserire un link nella casella di riepilogo nella parte superiore dello schermo. In questo caso, non dimenticate di mettere un segno di spunta nella casella di controllo «_blank», per aprire il link in una nuova finestra, e il destinatario dopo lo spettacolo non ha perso l'accesso alla lettera principale.

Come inserire immagini

Di solito una lettera in formato HTML completa le informazioni di contatto, preferibilmente con una foto dell'autore o l'immagine tematica rilevante. Può essere scaricato da Internet o scaricando su Internet, in quanto sarà necessario l'URL dell'immagine. Questo è fatto meglio da uno dei servizi gratuiti.

Per il rilascio di un tale bel finale:

• inserito sul fondo del messaggio, in un'altra tabella di base 3 e colonne 0 parametri per i pixel di contorno;
• posizionare il cursore nella tabella, dove vogliono vedere l'immagine;
• segno nella finestra inferiore, "medio" e "bordo superiore" per ogni sezione;
• scegliere la scheda del menu in alto "Inserisci";
• fare clic sul scritta "Immagine" nel menu a comparsa, incollare l'indirizzo di contatto copiato;
• premere il tasto «OK» 2 volte.

recensione

Ora che sapete come fare HTML-lettera, è necessario assicurarsi che il destinatario vedrà nella forma corretta. A tal fine, prima di presentare volete vedere il vostro lavoro in del browser Dreamweaver CS3. Per fare questo, fare clic sull'icona con un globo nel menu in alto centrale. Se invece di lettere apparve sullo schermo, Abracadabra, si dovrebbe mettere nel tuo browser impostazioni avtokodirovku.

codifica

Dalla sezione "Progetto" e passare al codice parte – il "Codice". Nella finestra che si dividevano e copiare tutto ciò che si trova tra i tag e . Salvare il file. Quindi, inserire il codice HTML.

L'invio di messaggi di posta elettronica HTML

Per rendere la posta elettronica aperto "Smartresponder" (SR). allora:

• scegliere o creare una nuova e-mail compilando la stringa "nome" e "affrontare il mittente."
• linea di riempimento "tema della lettera";
• segno nel menu a sinistra codice HTML superiore;
• codice embed copiato il programma DW-codice in un grande campo "Sorgente";
• verificare la correttezza dei mezzi di visualizzazione di uno strumento "Anteprima";
• Elimina la versione testo della lettera;
• testarlo per lo spam, utilizzando l'apposito tasto accanto al pulsante "Invia".

Diversi modelli popolari

Utilizzando un quadro aiuta ad accelerare in modo significativo il processo di scrittura e renderlo più accessibile allo sviluppatore, che ha conoscono che le basi della creazione di documenti web. I modelli più popolari:

• Cerbero. Questo insieme di cosiddetti modelli sensibili per creare lettere, normalmente esposti in un'applicazione mobile Gmail e in Outlook. Esso consente di utilizzare blocchi di codice HTML, da solo o con la loro combinazione.
• Inchiostro – sta raccogliendo messaggi di posta elettronica, mailing, che sono quasi universale e compatibile con tutti i dispositivi e clienti.
• modello di email HTML molto semplice. Il modello consente di creare mailing lettere sono molto facili e veloci. Tuttavia, essi avranno un design molto semplice, sotto forma di una colonna, che è entrato in un invito all'azione.

Come inserire HTML in un

Consideriamo ora un problema leggermente diverso. Per inserire il codice HTML in una e-mail, ad esempio, Gmail utilizzando, come nell'esempio qui sotto, il browser Google Chrome, è necessario:

• cliccare sul pulsante «F12», o selezionare la sequenza appropriata di comandi nel menu;
• nella finestra aperta alla pagina di codice corrente gmail del cliente trovare un posto dove poter essere inserito in HTML-lettera, fare un clic destro e selezionare «Modifica HTML».
• incollare il codice HTML;
• premere una combinazione di due tasti «Ctrl» e «Entra».

Allo stesso scopo è possibile scaricare facile da ispolzovnii programma thunderbird di Mozilla. Con essa è possibile creare una lettera, quindi prima selezionare "Inserisci" e poi "il codice HTML" e incollare al codice postale.

strumenti

Vordpressovsky e-Newsletter plug-in consente di gestire professionalmente newsletter e abbonati. E poi, e un altro è fatto direttamente attraverso il pannello di amministrazione di WordPress. Questa circostanza offre il controllo completo e completamente gratuito, che non può che gioire.

Un altro semplice strumento – le immagini di sfondo Bulletproof, che è uno strumento semplice che consente di ottenere il codice per l'immagine di sfondo creato da lettere. Essa può aiutare a rendere la corrispondenza più bella. Per la registrazione della lettera dovrebbe sufficiente inserire l'URL dell'immagine di sfondo ti è piaciuto e prenotare il colore, e se questi parametri vengono applicati a tutto il corpo di HTML-mail o sono destinati solo per una delle celle della tabella. Il risultato è un codice di ready-made che si desidera copiare e incollare nel vostro modello.

Ora che sapete come inviare HTML-mail. La sua creazione non è particolarmente difficile, soprattutto se si utilizza modelli già pronti, in cui il web è non mancano. Pertanto, anche coloro che non hanno particolari conoscenze, può facilmente far fronte a questo compito.