email marketing newsletter esempi email Come creare newsletter software email marketing e-mail marketing template newsletter

Come realizzare un’email modificando gli schemi HTML pronti di Infomail

Infomail mette a disposizione diversi template grafici, già strutturati e pronti per essere utilizzati.
Naturalmente questi non corrisponderanno interamente alle nostre esigenze: avremo magari la necessità di inserire il logo della nostra azienda, personalizzare i testi e cambiare i colori di sfondo.
Anche senza dover intervenire sui tag propri del linguaggio HTML , è possibile agire sui template grafici e modificarli radicalmente.
La prima cosa da fare è stabilire, almeno in via indicativa, quale vorremmo che fosse la resa della nostra comunicazione. Per fare questo componiamo un testo adatto, scegliamo le immagini migliori, stabiliamo se è il caso di inserire degli allegati, strutturiamo i link e procediamo nella creazione grafica del template.

Supponiamo di voler realizzare una comunicazione di questo tipo.
Vediamo insieme come fare con Infomail.

1

Scegliamo, tra i vari template grafici, quello la cui disposizione grafica assomigli maggiormente a quella scelta per la struttura del nostro template, ed iniziamo ad applicarvi le modifiche.

2

Per prima cosa sostituiamo l’immagine in alto:
- Selezioniamola e clicchiamo sul tasto Canc sulla tastiera
- Clicchiamo sull’icona    ico1  per inserire la nuova immagine
Se l’immagine inserita non dovesse avere le giuste dimensioni, è sufficiente selezionarla cliccandoci sopra.
Compariranno ora dei quadratini in corrispondenza dei lati e degli angoli. Selezionando uno di questi e trascinandolo verso
l’interno o l’esterno, l’immagine potrà essere ridimensionata sia in larghezza che in altezza.

3

Cancelliamo ora la riga amaranto posta sotto l’immagine. Posizioniamoci con il cursore sopra la riga che si intende eliminare e, premendo il tasto destro del mouse, scegliamo dal menu “Cancella riga”.

4

Eliminiamo anche il box che contiene le sezioni  “Latest News” e “In this issue”che non rientra nel nostro schema grafico. Selezioniamo il bordo esterno grigio tratteggiato (compariranno dei quadratini bianchi in corrispondenza dei lati e degli angoli), e clicchiamo su Canc nella tastiera.

 5

Dopo aver eliminato le sezioni  “Latest News” e “In this issue”, dobbiamo modificare il colore di sfondo, trasformandolo da nero in grigio. Posizioniamoci sopra lo sfondo nero , clicchiamo il tasto destro del mouse e scegliamo “Proprietà di cella” dal menu.

6

Scegliamo il colore cliccando sopra la casellina corrispondente: si aprirà la finestra selettore, in cui sarà possibile scegliere la gradazione di colore preferita. Se conosciamo il codice corrispondente al colore che vogliamo inserire (esempio #ff0f00 per il colore rosso), possiamo digitarlo nell’apposito box. Possiamo anche scegliere se aggiornare solo la cella corrente, tutte le celle della riga o tutte le celle della tabella.

7

Ora lavoriamo sul menu posto alla sinistra della comunicazione.
Dobbiamo creare 4 sezioni:
1- News
2- Offerte speciali
3- I servizi
4- Contatti

Il nostro template non ha però tutte queste sezioni.

Selezioniamo la sezione “Offerte speciali” (selezioniamo sia l’intestazione che il testo posto sotto!). Copiamo con Ctrl+c e incolliamo nello spazio bianco immediatamente sotto con Ctrl+v.

8

Ora che abbiamo replicato le diverse sezioni, procediamo a modificare il colore si fondo come visto precedentemente, e modifichiamo le intestazioni e i contenuti.
Ripetiamo le stesse operazioni con le sezioni della comunicazione poste a destra.

9

Inseriamo ora un’immagine nella sezione dedicata alla descrizione delle camere.
Posizioniamoci con il cursore nello spazio bianco sopra il testo e clicchiamo sull’icona  ico2  per inserire l’immagine, dopo averla ricercata sul PC.

Per modificare la sua posizione rispetto al testo, selezioniamo l’immagine e clicchiamo con il tasto destro sul mouse.
Selezioniamo la funzione “Proprietà dell’immagine

11

Selezionando il tab  “Aspetto” possiamo:

- Scegliere l’allineamento dell’immagine rispetto al testo (in alto, in mezzo, in basso, a sinistra, a destra etc..)
- Determinare le dimensioni dell’immagine rispettandone le proporzioni (digita il valore di una misura e clicca con il mouse sul valore dell’altra: questo cambierà adattandosi alle giuste proporzioni!)
- Stabilire la spaziatura verticale e quella orizzontale
- Definire lo spessore del bordo.

12

Ora possiamo inserire i link sulla comunicazione.
Iniziamo con inserire un link che dall’immagine principale ci riporti al nostro sito.
Selezioniamo l’immagine cliccandoci sopra con il mouse e clicchiamo sull’icona   ico2  “Inserisci link”.
Inseriamo l’indirizzo del sito web di riferimento e scegliamo se aprire o meno una pagina nuova per la visualizzazione.

13

Se volessimo allegare un file .pdf o .jpeg (per esempio una brochure) su OFFERTE SPECIALI, carichiamo l’allegato in Moduli, Allegati.
Torniamo alla comunicazione presente in Bozze ed effexttuiamo la procedura per inserire un link

14

Questa volta però non inseriamo l’URL ma clicchiamo su Sfoglia e selezioniamo il file da allegare.
Quando gli utenti riceveranno la comunicazione, questa non avrà il peso dell’allegato che sarà solo presente in forma di link ed agevolmente scaricabile.

15

Abbiamo visto dunque come è facile modificare un template grafico su Infomail inserendo un’immagine, modificando il testo ed il colore di sfondo delle celle, inserendo link e allegati.
Per qualsiasi informazione aggiuntiva, contattate il nostro servizio di Supporto allo 02 00619072 oppure scriveteci a supporto@infomal.it.

Leave a Reply

You must be logged in to post a comment.