Dai stile ai tuoi annunci con impatto, passo dopo passo
Quando pubblichi un annuncio, ogni dettaglio conta. Un titolo con il colore giusto può catturare l’attenzione in pochi secondi, un testo evidenziato trasmette urgenza e un pulsante ben progettato invita subito al clic. Con semplici frammenti di HTML puoi trasformare un annuncio standard in uno molto più accattivante e persuasivo.
Definizioni chiave
HTML: linguaggio di markup che permette di dare formato e stile ai contenuti di un annuncio.
Source Code: opzione dell’editor che mostra il codice HTML dietro al testo.
CTA (Call To Action): pulsante o link che invita l’utente a compiere un’azione specifica, come prenotare o scoprire un alloggio.
Codice colore HEX: valore numerico che definisce un colore sul web, come #1ca22e (verde).
Cambia il colore di un titolo o di un testo
Se vuoi mettere in risalto un titolo o evidenziare un messaggio, puoi modificarne il colore dall’editor.
Passo dopo passo
Accedi al campo “Descrizione” e aggiungi il contenuto del tuo annuncio.
Clicca su “<> Source Code” per accedere al codice HTML.
Inserisci il seguente codice e sostituisci il testo con il tuo:
<p style="color:#1ca22e;">Super Offerta</p>
In questo esempio, #1ca22e è un colore verde. Sostituisci “Super Offerta” con il testo che preferisci.
Consiglio utile
Puoi applicare il colore nel codice e, tornando alla visualizzazione semplice, aggiungere il grassetto o cambiare la dimensione dalle opzioni dell’editor.
Evidenzia una parola o una frase
A volte basta mettere in risalto un’informazione chiave, come uno sconto:
<p>Approfitta di un <span style="color:#1ca22e;">15% di sconto</span> sul tuo prossimo soggiorno!</p>
In questo modo, solo “15% di sconto” apparirà in verde e il resto manterrà lo stile originale.
Inserisci un pulsante con link (CTA)
Un buon pulsante funziona come un invito chiaro. Per inserirlo:
<p> <a href="https://www.ejemplo.com"> <button style="background-color:#1ca22e; color:white; padding:10px; font-size:16px;"> Scopri gli alloggi </button> </a> </p>
href="…": sostituisci con l’URL di destinazione.
background-color e color: personalizza con i colori del tuo brand.
padding e font-size: modificano lo spazio e la dimensione del testo.
Buone pratiche
Usa i colori aziendali per mantenere coerenza visiva.
Evita pulsanti troppo piccoli: devono essere facili da individuare e cliccare.
Inserisci verbi d’azione (“Scopri”, “Prenota”, “Esplora”) che invoglino al clic.
Prima di pubblicare il tuo annuncio, controlla:
Il titolo ha un colore accattivante e leggibile.
Gli sconti o i vantaggi principali sono evidenziati.
Il pulsante porta alla pagina corretta.
Il design è ben visibile sia su computer che su mobile.
Con queste personalizzazioni, i tuoi annunci avranno uno stile unico: titoli che spiccano, sconti impossibili da ignorare e pulsanti che invitano all’azione.
Il prossimo passo è sperimentare con diverse combinazioni e scoprire quale stile genera più clic e prenotazioni.
Domande frequenti
È necessario saper programmare per applicare i frammenti HTML negli annunci sul web?
È necessario saper programmare per applicare i frammenti HTML negli annunci sul web?
No. Basta copiare e incollare i frammenti e modificare testo, colori o link da “<> Source Code”.
Dove posso trovare i codici colore HEX per personalizzare titoli, testi e pulsanti dei miei annunci?
Dove posso trovare i codici colore HEX per personalizzare titoli, testi e pulsanti dei miei annunci?
Puoi trovarli su generatori di colori HEX o nel manuale di identità visiva della tua azienda.
Se sbaglio a inserire l’HTML dell’annuncio, cosa succede e come lo correggo da “<> Source Code”?
Se sbaglio a inserire l’HTML dell’annuncio, cosa succede e come lo correggo da “<> Source Code”?
Se c’è un errore, lo stile non verrà applicato; torna su “<> Source Code” e correggi il codice.
Posso combinare in uno stesso annuncio HTML più stili (ad esempio colore, dimensione e grassetto) senza complicazioni?
Posso combinare in uno stesso annuncio HTML più stili (ad esempio colore, dimensione e grassetto) senza complicazioni?
Sì. Applica il colore nel codice e usa l’editor per aggiungere altri stili come grassetto o dimensione.
Il pulsante di chiamata all’azione (CTA) inserito con HTML funzionerà correttamente su computer e mobile?
Il pulsante di chiamata all’azione (CTA) inserito con HTML funzionerà correttamente su computer e mobile?
Sì, purché il link sia valido. È consigliabile provarlo sia su mobile che su computer prima di pubblicare.