Come utilizzare il rich text editor per i contenuti

Il rich text editor di Shopify consente di formattare e modificare il contenuto visualizzato nel tuo negozio online.

Per cosa si utilizza il rich text editor

每aggiungere Puoi utilizzare il富文本编辑器o modificare il testo in più punti del tuo negozio:

Se utilizzi untema Online Store 2.0, puoi aggiungeresezioni di rich textalle pagine o ai modelli con l'editor del tema.

Aggiungi contenuto HTML con il rich text editor

Il rich text editor consente di inserire contenuto HTML per gli articoli del blog, le pagine, le descrizioni dei prodotti e le descrizioni delle collezioni.

Clicca sul pulsanteMostra HTMLper visualizzare il codice HTML del contenuto all'interno del rich text editor.

Nella vista HTML, puoi apportare numerose modifiche al contenuto nel rich text editor. Puoi aggiungere immagini, video o tabelle utilizzando l'HTML, eseguire il debug o perfezionare il layout e lo stile del contenuto.

Incorpora un widget multimediale

Per incorporare un widget video o musicale, è prima necessario effettuarne l'hosting su un servizio comeYoutube,VimeooSoundCloud. Questi servizi generano un codice di incorporamento che puoi copiare e incollare nel rich text editor del pannello di controllo Shopify.

Procedura:

  1. Cerca ilcodice di incorporamentodei contenuti multimediali che desideri incorporare.

  2. Seleziona tutto il codice di incorporamento cliccando su di esso e premendoctrl+Asu un PC ocommand+Asu un Mac.

  3. Copia il codice di incorporamento premendoctrl+Csu un PC ocommand+Csu un Mac.

  4. Nel pannello di controllo Shopify, clicca sul pulsanteMostra HTMLnel rich text editor relativo al contenuto che stai modificando.

  5. Incolla il codice di incorporamento premendoctrl+Vsu un PC ocommand+Vsu un Mac.

  6. Clicca suSalva.

Formatta testo con il rich text editor

Con il pulsanteFormattazionepuoi creare rapidamente paragrafi, titoli o citazioni. L'utilizzo dei giusti livelli di formattazione e titolazione rende più semplice per le persone e i motori di ricerca leggere il contenuto del tuo sito web.

Per scegliere un formato per il testo, evidenzia il testo e clicca sul pulsanteFormattazione.

Opzioni di formattazione

  • Paragrafo

  • Titolo (1-6)

  • Citazione

Testo in grassetto

Per formattare il testo ingrassetto, evidenzialo e clicca sul pulsanteGrassetto.

Testo in corsivo

Per formattare il testo in corsivo, evidenzialo e clicca sul pulsanteCorsivo.

Testo sottolineato

Per sottolineare il testo, evidenzialo e clicca sul pulsanteSottolineato.

Elenco puntato

Per creare un elenco puntato, clicca sul pulsanteElenco puntato.

Puoi digitare la prima voce dell'elenco puntato. Per creare nuove voci dell'elenco, premi il tastoenteroreturn. Per completare l'elenco, premi il tastoenteroreturndue volte.

Crea un elenco numerato

Per creare un elenco numerato, clicca sul pulsanteElenco numerato.

Puoi digitare la prima voce dell'elenco numerato. Per creare nuove voci dell'elenco, premi il tastoenteroreturn. Per completare l'elenco, premi il tastoenteroreturndue volte.

Creare un rientro per il testo

Il rientro di un paragrafo crea un margine sul lato sinistro. Per far rientrare un paragrafo, clicca sul pulsanteRientro.

Eliminare il rientro di un testo

La riduzione del rientro di un paragrafo rimuove ogni eventuale margine presente. Per ridurre o annullare il rientro di un paragrafo, clicca sul pulsanteRiduci rientro.

Allineare il testo

Per allineare il testo, selezionalo, clicca sul pulsanteAllineamentoe scegliAllinea a sinistra,Allinea al centrooAllinea a destra.

Cambia i colori del testo con il rich text editor

Procedura:

  1. Evidenzia il testo e clicca sul pulsanteColore.

  2. Clicca su un colore o inserisci un codice esadecimale per assegnare il colore scelto al testo evidenziato.

Cambia i colori dello sfondo del testo

Procedura:

  1. Evidenzia il testo e clicca sul pulsanteColore.

  2. Clicca sulla schedaSfondo.

  3. Clicca su un colore o inserisci un codice esadecimale per assegnare il colore scelto allo sfondo del testo evidenziato.

Cancella la formattazione nel rich text editor

Per rimuovere la formattazione da testo o immagini, evidenzia il contenuto e clicca sul pulsanteCancella formattazione.

Inserisci tabelle con il rich text editor

Il rich text editor consente di inserire tabelle negli articoli del blog, nelle pagine, nelle descrizioni dei prodotti e delle collezioni. Dopo aver creato una tabella, è possibile inserirvi testo, immagini o persino video.

Procedura:

  1. Nel rich text editor clicca sul pulsanteInserisci tabella.

  2. Per inserire una tabella, clicca suInserisci tabella. Viene creata una tabella con una riga e una colonna.

Dopo aver creato la tabella, clicca ancora sul pulsanteInserisci tabellaper modificarne le righe e le colonne:

  • Inserisci riga sopra: posiziona il cursore su una riga e clicca su questo pulsante per inserire una nuova riga sopra.
  • Inserisci riga sotto: posiziona il cursore su una riga e clicca su questo pulsante per inserire una nuova riga sotto.
  • Inserisci colonna prima: posiziona il cursore in una colonna e clicca su questo pulsante per inserire una nuova colonna prima di quella selezionata.
  • Inserisci colonna dopo: posiziona il cursore in una colonna e clicca su questo pulsante per inserire una nuova colonna dopo quella selezionata.
  • Elimina riga: posiziona il cursore su una riga da eliminare e clicca su questo pulsante.
  • Elimina colonna: posiziona il cursore su una colonna da eliminare e clicca su questo pulsante.
  • Elimina tabella: posiziona il cursore in un qualsiasi punto della tabella e clicca su questo pulsante per eliminare l'intera tabella.

Il rich text editor consente di inserire link (collegamenti ipertestuali) negli articoli del blog, nelle pagine, nelle descrizioni dei prodotti e delle collezioni. Puoi aggiungere link che indirizzano i clienti alle pagine del tuo negozio online Shopify e ad altri siti web. È anche possibile aggiungere link che aprono messaggi email o effettuano telefonate, per aiutare i clienti a contattarti.

Procedura:

  1. Evidenzia il testo o l'immagine che vuoi trasformare in un link.
  2. Clicca suInserisci link.
  3. Inserisci l'URL di destinazione del link nel campoLink a:

    • Per collegarti a un sito web esterno al tuo negozio Shopify, inseriscihttps://seguito dall'indirizzo web, ad esempiohttps://www.example.com.
    • Per collegarti a una pagina all'interno del tuo negozio online Shopify, inserisci l'URL breve, ad esempio/collections/summer-collection.
    • Per creare un link che apre un messaggio email, inseriscimailto:seguito dall'indirizzo email, ad esempiomailto:example@example.com.
    • Per creare un link che effettua una chiamata, inseriscitel:, seguito dal numero di telefono, ad esempiotel:+0-123-456-7890.
  4. Inserisci una breve descrizione del link nella casellaTitolo del link.

  5. Nel menuApri questo link, scegli il tipo di apertura del link:

    • nella stessa finestra: il link si aprirà in una finestra o in una scheda del browser già aperta.
    • in una nuova finestra: il link si aprirà in una nuova finestra o scheda del browser.
  6. Clicca suInserisci linkper convertire il testo evidenziato in un link.

I link alle pagine che fanno parte del tuo negozio Shopify sono chiamati link interni. Per creare link interni puoi utilizzare URL brevi. Ad esempio, l'URL/collectionsindicherà la pagina di collezione del tuo negozio.

Per collegarti a una pagina specifica del tuo negozio online, come la pagina di un prodotto o di una collezione, utilizza il formato di URL/page-type/page-handle. Per collegarti, ad esempio, a una collezione da te creata che si chiama Summer Collection, utilizza l'URL/collections/summer-collection.

I link ai siti web esterni al tuo negozio Shopify sono chiamati link esterni. I link esterni devono essere inseriti per intero e iniziare conhttp://.

Dopo avercaricato un file, puoi collegarlo al contenuto nel rich text editor per renderlo disponibile per il download dalla descrizione di un prodotto o di una collezione, da una pagina web o da un articolo del blog.

Procedura:

  1. Copia l'URL del file da collegare.

  2. Nel pannello di controllo Shopify, clicca sul prodotto, la collezione, la pagina web o l'articolo del blog in cui vuoi aggiungere il file.

  3. Nel rich text editor, inserisci o scegli il testo del link.

  4. Seleziona il testo del link.

  5. Clicca suInserisci link.

  6. Nel campoLink a, incolla l'URL del file che vuoi collegare.

  1. Clicca suInserisci link. Nel rich text editor, il testo collegato viene visualizzato in blu ed è sottolineato.

Inserisci immagini con il rich text editor

Esistono tre modi per inserire un'immagine utilizzando il rich text editor, ovvero:

Carica delle immagini

Procedura:

  1. Nel rich text editor clicca sul pulsanteInserisci immagine.

  2. Nella finestra di dialogoInserisci immagine, clicca sulla schedaImmagini caricate.

  3. Fai clic suCarica file.

  4. Scegli dal tuo computer un file immagine WebP, HEIC, SVG, GIF, JPEG o PNG.

  5. Clicca sull'immagine caricata per selezionarla.

  6. Dal menuDimensione, seleziona le dimensioni di visualizzazione dell'immagine. Per inserire l'immagine senza alterarne le dimensioni di visualizzazione, selezionaOriginale.

  7. Clicca suInserisci immagineper posizionare l'immagine nel rich text editor.

Scegli tra le immagini del prodotto

Procedura:

  1. Nel rich text editor clicca sul pulsanteInserisci immagine.

  2. Nella finestra di dialogoInserisci immagine, clicca sulla schedaImmagini del prodotto.

  3. Clicca sull'immagine che desideri inserire.

  4. Dal menuDimensione, seleziona le dimensioni di visualizzazione dell'immagine. Per inserire l'immagine senza alterarne le dimensioni di visualizzazione, selezionaOriginale.

  5. Clicca suInserisci immagineper posizionare l'immagine del prodotto nel rich text editor.

Utilizzare l'URL di un'immagine

联合国每inserire 'immagine utilizzando pubbli联合国URLco:

  1. Nel rich text editor clicca sul pulsanteInserisci immagine.

  2. Nella finestra di dialogoInserisci immagine, clicca sulla schedaURL.

  3. Inserisci l'URL pubblico del tuo file immagine.

  4. Clicca suInserisci immagine每inserire l 'immagine nel富文本编辑器con le sue dimensioni originali.

Sposta e ridimensiona un'immagine nel rich text editor

Dopo aver aggiunto un'immagine alla descrizione di un prodotto o di una collezione, a una pagina web o a un blog, puoi spostarla in un'altra posizione all'interno del contenuto.

Procedura:

  1. Nel pannello di controllo Shopify, clicca sul prodotto, la collezione, la pagina web o l'articolo del blog in cui vuoi aggiungere l'immagine.
  2. Nel rich text editor, clicca sull'immagine:
  3. Effettua una delle operazioni seguenti:

    • Per spostare l'immagine, selezionala e trascinala in un'altra posizione nel campoContenuti.
    • Per ridimensionare l'immagine, seleziona e trascina uno degli angoli.
  4. Clicca suSalva.

Modifica un'immagine nel rich text editor

All'interno del rich text editor, è possibile modificare le dimensioni, la disposizione del testo e l'allineamento di un'immagine. Puoi anche modificare l'URL dell'immagine oppure aggiungerne o modificarne il testo alternativo.

Procedura:

  1. Nel rich text editor, fai doppio clic sull'immagine per aprire la finestra di dialogoModifica immagine.
  2. Utilizza le opzioni relative a dimensioni e allineamento per modificare l'immagine:

    • Per cambiare le dimensioni dell'immagine, seleziona un'opzione relativa alle dimensioni.
    • Per migliorare la SEO e l'accessibilità del tuo negozio online, aggiungi o modifica il testo alternativo dell'immagine.
    • Per aggiungere spaziatura, indica il numero di pixel di spazio da inserire su ciascun lato.
    • Per modificare l'allineamento dell'immagine, seleziona una delle icone che rappresentano l'allineamento a sinistra, al centro o a destra.
    • Per aggiungere la disposizione del testo, selezionaDisponi il testo intorno all'immagine.
  3. Clicca suModifica immagineper salvare le modifiche.

Inserisci video con il rich text editor

Il rich text editor consente di inserire o incorporare video negli articoli del blog, nelle pagine, nelle descrizioni dei prodotti e delle collezioni.

Per incorporare un video che hai creato, occorre innanzitutto caricarlo su un sito di streaming video comeYouTubeoVimeo.

YouTube non ti consente di disabilitare i video correlati, ma puoi specificare se questi debbano provenire dallo stesso canale del video appena riprodotto.

Procedura:

  1. Copia l'URL del video premendoctrl+Csu un PC ocommand+Csu un Mac.
  1. Visita la pagina diEmbed Responsively. Embed Responsively è uno strumento che fornisce un codice di incorporamento avanzato per i video.
  1. In Embed Responsively, clicca per selezionare il sito web in cui si trova il tuo video.

  2. Incolla l'URL del video che hai copiato nella casella dell'URL della paginasu Embed Responsively premendoctrl+Vsu un PC ocommand+Vsu un Mac.

  3. Clicca suEmbed. Embed Responsively creerà il tuo codice di incorporamento.

  4. Se si tratta di un video di YouTube e vuoi mostrare solo i video correlati provenienti dallo stesso canale YouTube, trova l'URL del video nel codice di incorporamento. Alla fine copia e incolla?rel=0tra virgolette.

  5. Copia tutto il codice nella casellaEmbed code.

  6. Nel pannello di controllo Shopify clicca sul pulsanteInserisci videonel rich text editor.

  7. Incollail codice incorporato nella casella presente nella finestra di dialogoInserisci video.

  8. Clicca suInserisci video.

  9. Al termine, clicca suSalvaper salvare le modifiche apportate.

Inserisci file audio con il rich text editor

Il rich text editor consente di inserire o incorporare file audio in articoli del blog, pagine, descrizioni dei prodotti e di collezioni.

Procedura:

  1. Nel pannello di controllo Shopify, clicca suImpostazionie suFile.
  2. Clicca suCarica fileper caricare il file audio da inserire o incorporare nel negozio.
  3. Dalla sezioneNegozio online, apri il rich text editor relativo alla pagina o all'articolo del blog in cui inserire il file audio.
  4. Copia
    e incolla il codice nel rich text editor per incorporare un lettore audio nella pagina.
  5. Copia il seguente codice:

  • Incolla questo codice nel rich text editor dopo il codice per il lettore audio e sostituiscihttps://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3con l'URL che hai creato per il tuo file audio quando lo hai caricato su Shopify. L'URL del file audio è sempre disponibile nella paginaFile.

  • Clicca suSalva.

  • Clicca suVisualizzaper verificare che il tuo file audio funzioni correttamente.

  • Aggiungi o rimuovi commenti interni con il rich text editor

    Puoi usare tag di commentoper il testo interno che non desideri pubblicare nel tuo negozio.

    Procedura:

    1. Nel rich text editor, clicca sul pulsanteMostra HTML.

    2. Per aggiungere un commento interno, racchiudi il testo che desideri mantenere nascosto tra. Ad esempio:.

    3. Clicca suSalva.

    I tag HTML inclusi nei tag di commento vengono salvati come testo interno. Per far sì che tali tag HTML funzionino correttamente, devi rimuovere i tag di commentointorno ad essi.