Modificare testi e pulsanti in autonomia

Modulo 3: Testi, foto e sezioni · Tempo di lettura: 8 minuti

Obiettivo della lezione: Dopo questa lezione Lei saprà modificare testi e pulsanti da solo, senza IA, usare link e formattazione e far portare ogni pulsante al posto giusto: una pagina, un indirizzo e-mail, un numero di telefono, un altro sito web o una sezione.

Concetti chiave: Modifica, doppio clic, barra di formattazione, link, Parola in evidenza, Modificare pulsante, destinazione di un pulsante, mailto e tel, ancora (sezione), pulsante di invio, Impostare il modulo

Perché modificare da sé

Non tutto deve passare dall'IA. Un errore di battitura, un numero di telefono diverso, una frase da cambiare leggermente: queste cose le scrive prima Lei. Modificare da sé è gratuito, avviene senza IA e senza proposta. Vede subito che cosa sta facendo e l'IA non cambia nel frattempo nulla che Lei non abbia chiesto. Ogni volta che salva, il builder crea una nuova versione ("Il testo è stato salvato come versione ..."), quindi può sempre tornare indietro (lezione 3.5).

Regola pratica: il contenuto che conosce già lo scrive Lei; testi nuovi o un tono diverso li chiede all'IA. Bas di Schildersbedrijf Example lascia scrivere all'IA i testi sui servizi, ma il numero REA, l'indirizzo e il numero di telefono li ricopia lui stesso. Così è sicuro che siano corretti.

Modificare un testo nell'anteprima

Nell'anteprima, passi con il mouse su un testo. Compare un piccolo pulsante Modifica. Ci clicchi sopra, oppure faccia direttamente doppio clic sul testo. Il testo diventa un campo modificabile e Lei può scriverci dentro come in un programma di videoscrittura.

Salvare e annullare si fa con la tastiera:

• In un testo breve, come un titolo: Enter salva, Esc annulla.
• In un testo più lungo con paragrafi: Ctrl+Enter salva (Enter in questo caso va a capo), Esc annulla.

Può anche partire dalla chat: con Scegli elemento selezioni un testo e clicchi su Modifica testo accanto all'etichetta. I pulsanti Salva e Annulla si trovano allora in basso nella chat.

Se compare il messaggio "Questo elemento non può essere modificato direttamente. Lo chieda tramite la chat.", si tratta di un elemento che il builder costruisce da sé. In quel caso chieda la modifica nella chat, indicando l'elemento.

La barra di formattazione: titoli, elenchi, colore e link

Durante la modifica, accanto al testo compare una barra Formattazione con piccoli pulsanti; ci passi sopra con il mouse per vederne il nome. Quali pulsanti ci sono dipende dal tipo di testo: in un titolo sono meno che in un paragrafo. Tra gli altri trova:

• in un testo più lungo il tipo di riga: Testo normale, Sottotitolo, Sottotitolo piccolo;
• Grassetto, Corsivo, Sottolineato, Barrato, Evidenzia;
• Elenco puntato, Elenco numerato, Citazione;
• Allineamento (sinistra, centro, destra) e Dimensione (più piccolo, normale, più grande, molto più grande);
• Colore del testo, con i colori della Sua immagine coordinata (colore principale, secondo colore, colore del testo, testo tenue, bianco, scuro);
• Aggiungi o modifica link e Rimuovi link;
• Parola in evidenza: mette da una a quattro parole scelte nello stile di evidenza della Sua immagine coordinata;
• Cancella formattazione.

Con la tastiera si raggiunge la barra con Alt+F10.

Alcuni consigli. Scelga un colore della Sua immagine coordinata, non un colore a caso: così il sito resta ordinato e tutto si accorda. Se il builder rileva che un colore è poco leggibile sullo sfondo, lo segnala ("poco leggibile su questo sfondo"). Usi i sottotitoli per la struttura del testo e non per ingrandire qualcosa; motori di ricerca e lettori di schermo si basano su questa struttura (corso Farsi trovare online, lezione 3.2). E usi il grassetto con moderazione: se tutto è in grassetto, niente risalta più.

Un link in un testo

Selezioni le parole e clicchi su Aggiungi o modifica link. Sceglie una Pagina del suo sito oppure inserisce un indirizzo, un indirizzo e-mail o un numero di telefono. Il builder accetta un indirizzo web (https://...), un indirizzo e-mail (mailto:), un numero di telefono (tel:), un percorso del Suo sito (/pagina) o una sezione (#sezione). Se non riconosce l'indirizzo, non salva il link e lo comunica.

Il testo del link va scritto in modo che si capisca dove porta. "Scopra le nostre tariffe" è meglio di "clicchi qui". È più comodo per i visitatori e per chi usa un lettore di schermo.

Pulsanti: il testo e dove portano

Un pulsante ha due elementi: il testo e la destinazione. Passi sopra un pulsante e clicchi su Modificare pulsante. Vedrà:

• Testo del pulsante;
• Dove porta questo pulsante?, con cinque scelte.

Il builder controlla ciò che Lei inserisce. Un indirizzo e-mail deve essere valido, un numero di telefono deve avere almeno 8 cifre e un indirizzo web deve essere un indirizzo reale. Modificare un pulsante è gratuito e senza IA.

Perché è importante: un pulsante è spesso il punto più importante di una pagina. Un "Richieda un preventivo" che non porta da nessuna parte Le fa perdere clienti. Se c'è un link senza destinazione, il builder avvisa: "Questo link non porta ancora da nessuna parte e non funziona sul sito pubblicato. Scelga una pagina o un indirizzo."

Attenzione con la scelta Chiamare: nel campo compare come esempio 06 12345678. È un esempio, non un numero. Inserisca il Suo numero.

Il pulsante di invio del modulo non è un link

Il pulsante sotto il Suo modulo di contatto sembra un pulsante qualsiasi, ma fa un'altra cosa: invia il modulo. Se ci passa sopra, compare Impostare il modulo invece di Modificare pulsante. Se ci clicca, vede Pulsante di invio del modulo e l'indirizzo a cui arrivano i messaggi. Se non è ancora impostato, c'è scritto "l'indirizzo e-mail del Suo account". Con Modificare indirizzo si passa a Impostazioni > Moduli. Lì imposta l'indirizzo e il resto del modulo (lezioni 4.3 e 5.3).

Se desidera che i visitatori possano scriverLe senza modulo, inserisca un normale pulsante con la scelta E-mail. Funziona anche sul sito gratuito senza pacchetto, perché il visitatore scrive dal proprio programma di posta.

Errori da evitare

• Un numero di telefono solo nel testo. Lo inserisca anche in un pulsante o in un link con Chiamare, così dal telefono si può chiamare subito.
• Pulsanti che portano alla pagina sbagliata dopo aver rinominato o eliminato una pagina. Se elimina una pagina, il builder rimuove anche i link che vi puntano e comunica quanti sono. Controlli poi i Suoi pulsanti.
• Lasciare dati di esempio. Un indirizzo e-mail o un numero della prima versione può essere inventato (lezione 2.4). Ricopi Lei stesso i dati reali.
• Colori al di fuori dell'immagine coordinata. Colori sparsi rendono il sito disordinato e talvolta illeggibile.
• Far "migliorare" dall'IA ciò che va già bene. Ogni richiesta all'IA può cambiare più di quanto desidera. Le piccole cose le faccia da sé.

Nel builder: come si fa

1. Nell'anteprima passi sopra un testo e clicchi su Modifica (o faccia doppio clic).
2. Modifichi il testo; usi la barra Formattazione per titoli, elenchi e link.
3. Salvi con Enter (testo breve) o Ctrl+Enter (testo più lungo).
4. Passi sopra un pulsante e clicchi su Modificare pulsante.
5. Modifichi il Testo del pulsante e scelga una destinazione sotto Dove porta questo pulsante?.
6. Clicchi sul pulsante di invio del Suo modulo e verifichi tramite Impostare il modulo dove arrivano i messaggi.

Riepilogo

• Modificare un testo da sé è gratuito, senza IA e senza proposta; ogni salvataggio è una nuova versione.
• Con la barra Formattazione crea titoli, elenchi, colori della Sua immagine coordinata, parole in evidenza e link.
• Modificare pulsante sceglie la destinazione: Pagina, E-mail, Chiamare, Sito web o Sezione.
• Il pulsante di invio del modulo non è un link; l'indirizzo di ricezione si imposta in Impostazioni > Moduli.

Quiz

Esercizio

Esercizio D3.2: Pulsanti che portano da qualche parte. Controlli tutti i pulsanti della Sua homepage e della pagina dei contatti e dia a ogni pulsante una destinazione reale.

Checklist:

• [ ] ogni pulsante della homepage aperto con Modificare pulsante;
• [ ] per ogni pulsante scelta una destinazione (Pagina, E-mail, Chiamare, Sito web o Sezione);
• [ ] almeno un pulsante con Chiamare o E-mail con i Suoi dati reali (non 06 12345678);
• [ ] almeno un pulsante con Sezione verso una sezione della stessa pagina;
• [ ] il pulsante di invio del modulo esaminato tramite Impostare il modulo e l'indirizzo di ricezione controllato;
• [ ] un testo modificato da sé con un link tramite Aggiungi o modifica link;
• [ ] verificato su Mobile che i pulsanti siano posizionati bene.

Domande:

1. Quale pulsante prima non portava da nessuna parte o portava al posto sbagliato, e dove porta ora?
2. A quale indirizzo arrivano i messaggi del Suo modulo, ed è un indirizzo che legge ogni giorno?
3. Quale testo del link ha scelto, e perché?

Dopo "fatto" vedrà una risposta di esempio: il pulsante "Richieda un preventivo" nella sezione hero non portava da nessuna parte e ora scorre fino alla sezione Contatti; i messaggi arrivano a info@example.com, che Bas legge ogni giorno; testo del link "Scopra le nostre tariffe" invece di "clicchi qui", perché così il visitatore sa dove arriva.

Per approfondire

• Corso gratuito Farsi trovare online 3.2: Le intestazioni e la struttura di una pagina
• Corso gratuito WordPress 4.1: L'editor a blocchi
• Sitebuilder e AI Builder: quale scegliere e come aprirlo?