Aggiungi testo/link alle immagini

Nell'Editor puoi aggiungere testo e link/bottoni alla maggior parte degli elementi di contenuto delle immagini. Si tratta di un'opzione facoltativa, ma può migliorare l'aspetto del tuo negozio e renderlo più professionale.

Basta passare il mouse sull'immagine corrispondente nell'area di anteprima dell'Editor e selezionare Modifica.
Nelle diverse schede puoi effettuare le seguenti impostazioni:

  • Modifica testo alternativo
    In questa scheda puoi impostare un testo alternativo (alt text). Si tratta di una breve descrizione dell'immagine che aiuta a trasmetterne il contenuto. Questo è importante per i clienti che utilizzano uno screen reader o se l'immagine non si carica. Per ulteriori informazioni, consulta Definire testi alternativi per le immagini.
  • Modifica testi dell'immagine
    In questa scheda puoi aggiungere del testo alle immagini. Per ulteriori informazioni, consulta la sezione Come aggiungere testo a un'immagine.
  • Modifica aspetto del testo
    In questa scheda puoi personalizzare il design del testo. Per ulteriori informazioni, consulta la sezione Come modificare il design del testo.
Le impostazioni del testo non sono disponibili per le immagini dei prodotti e solo per specifici elementi dell'immagine nell'Editor.

Se l'elemento di contenuto contiene più immagini, le impostazioni per il testo vengono solitamente applicate solo all'immagine selezionata durante la modifica. Se vuoi aggiungere del testo a più immagini in un elemento di contenuto, dovrai aggiungere il testo a ciascuna immagine singolarmente.

Come aggiungere testo a un'immagine

Tutte le seguenti opzioni possono essere impostate nella seconda scheda: Modifica testi dell'immagine

Esempio di testo e pulsante su un'immagine

Opzione Descrizione
Titolo Questo verrà visualizzato come prima riga di testo. Ha la dimensione dei caratteri più grande.
Testo Questo verrà visualizzato sotto il titolo. Rispetto al titolo, la dimensione del carattere è molto più piccola.
Link

Se vuoi aggiungere un link alla tua immagine, aggiungilo in questo campo.

  • Se vuoi aggiungere un link interno a una pagina o a un prodotto del tuo negozio, seleziona Pagine o Prodotti. Puoi quindi selezionare l'elemento che vuoi collegare.
    In alternativa, puoi anche inserire dei termini di ricerca nel campo Inserisci link o cerca pagina/prodotto per trovare più facilmente l'articolo che desideri collegare.

    Attenzione

    Puoi anche selezionare i prodotti tramite il link picker che attualmente sono impostati come non visibili nelle impostazioni del prodotto. Anche se un prodotto è impostato come non visibile, è comunque possibile accedervi tramite il suo URL. Tuttavia, non può essere ordinato.

  • Se vuoi aggiungere un link a un sito web esterno, inserisci il link desiderato nel campo Inserisci link o cerca pagina/prodotto.

Conferma selezionando Applica il link a destra del campo del link.

Il link non sarà visibile sull'immagine. Per aprire il link aggiunto, i clienti possono selezionare qualsiasi parte dell'immagine.

Apri il link nella nuova scheda Se vuoi che un link che hai aggiunto venga aperto in una nuova scheda, attiva questa casella di controllo. Questo può essere utile, ad esempio, quando si rimanda a una pagina esterna, in modo che i clienti possano tornare più facilmente al tuo negozio.
Mostra pulsante nell'immagine

Se hai aggiunto un link, puoi attivare questa casella di controllo per mostrare un pulsante. Questo segnala chiaramente ai tuoi clienti che l'immagine è in realtà un link.

Anche se hai aggiunto un pulsante, i tuoi clienti possono comunque selezionare qualsiasi parte dell'immagine per aprire il link.

Testo pulsante

Se hai deciso di mostrare un pulsante, devi anche aggiungervi un testo. Può essere qualsiasi cosa tu voglia. Assicurati di utilizzare una formulazione chiara che motivi i tuoi clienti a selezionare effettivamente il pulsante.

L'uso di "acquista", per esempio, potrebbe impedire ai clienti di farlo, perché potrebbero temere di effettuare accidentalmente un acquisto. Invece di “Acquista ora”, potresti optare per una soluzione come “Scopri ora” o “Guarda i prodotti”.

Come modificare il design del testo

Tutte le seguenti opzioni possono essere impostate nella terza scheda Modifica aspetto del testo dopo aver aggiunto del testo a un'immagine.

A seconda del tema selezionato e del tipo di elemento dell'immagine, il design può variare nella posizione e nello stile.

Esempio di design del testo

Opzione Descrizione
Colore testo Usa il menu a tendina per scegliere tra i colori del negozio e il bianco e nero. Assicurati di scegliere un colore che contrasti bene con lo sfondo per garantire la leggibilità del testo.
Colore pulsante

Usa il menu a tendina per scegliere tra i colori del negozio e il bianco e nero. Se non visualizzi un pulsante, questa opzione non è disponibile.

Il colore del testo del pulsante è nero o bianco, a seconda del colore del pulsante.

Riquadro colorato

Usa il menu a tendina per scegliere tra i colori del negozio e il bianco e nero. Assicurati di scegliere un colore che contrasti bene con il colore del testo per garantire che il testo sia facilmente leggibile.

In alcuni temi e a seconda del tipo di elemento di contenuto, la larghezza del riquadro colorato dipende dalla lunghezza del testo aggiunto. Tuttavia, il riquadro si estende solo fino a un punto predefinito prima che il testo si interrompa in una nuova riga.

Opacità riquadro colorato

Imposta l'opacità del riquadro colorato spostando il cursore o cambiando il numero sul lato destro. Assicurati di impostare un livello di opacità che fornisca un buon contrasto tra l'immagine aggiunta e il testo, in modo che quest'ultimo sia facilmente leggibile.

Se non vuoi utilizzare il riquadro, imposta l'opacità a 0.

Selezionando un'opacità del 100% per il riquadro colorato, l'immagine sarà completamente coperta. In questo modo puoi creare facilmente caselle di testo di colori diversi.

Questo articolo ti è stato utile?