Aggiunta, anteprima e acquisto di temi

Per iniziare, la pagina Temi del pannello di controllo presenta un tema predefinito quando apri un account con Shopify. Se desideri personalizzare un tema diverso per il negozio online, dovrai aggiungerne uno al pannello di controllo.

Puoi aggiungere un tema in uno dei seguenti modi:

Se sei uno sviluppatore o lavori con un Partner di Shopify o un’agenzia, puoi anche aggiungere un tema al negozio nei seguenti modi:

Puoi aggiungere più temi al tuo account per provare tutti i nuovi temi, conservare le versioni stagionali del tema pubblicato o testare le modifiche su una copia del tema pubblicato. Puoi visualizzare in anteprima uno qualsiasi di questi temi, ma è possibile pubblicarne solo uno alla volta. Quando passi a un nuovo tema, puoi comunque accedere al tema precedente dalla pagina Temi di Shopify.

Dopo aver aggiunto un tema, puoi creare un link per condividere un'anteprima di qualsiasi tema non pubblicato con altre persone. Questo può essere utile se cerchi un feedback prima di pubblicare un nuovo tema o lanciare il negozio online. Non è possibile condividere un'anteprima del tema pubblicato.

Requisiti di idoneità per i temi

Esamina i seguenti requisiti di idoneità per aggiungere temi al tuo negozio o alla tua organizzazione:

  • Il numero massimo di temi che puoi aggiungere dipende dal tuo piano tariffario:
  • I negozi con il piano Starter possono aggiungere solo il tema Spotlight.
  • I negozi e le organizzazioni con i piani Basic, Grow e Advanced possono aggiungere fino a 20 temi.
  • I negozi e le organizzazioni con il piano Shopify Plus possono aggiungere fino a 100 temi.

Se raggiungi il limite di temi del tuo piano, devi rimuovere un tema prima di poterne aggiungere uno nuovo. I negozi di espansione devono avere una licenza del tema per ogni negozio di espansione attivo.

Generare un tema gratuito con l’IA

Puoi usare l’IA per generare un tema personalizzato gratuito dalla pagina Temi del pannello di controllo Shopify. L'assistenza per le personalizzazioni dei temi gratuiti è fornita da Shopify.

Puoi usare l’IA per generare un tema personalizzato gratuito dalla pagina Temi del pannello di controllo Shopify. L'assistenza per le personalizzazioni dei temi gratuiti è fornita da Shopify.

Passaggi:

Desktop
  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Nella sezione Progetta il tuo negozio in pochi secondi, scrivi una descrizione della tua attività, quindi clicca su Genera temi per generare fino a 3 temi personalizzati gratuiti.

  3. Clicca sul tema che ti interessa, quindi clicca su Prova tema per applicare il tema al negozio.

  4. Il tema verrà aggiunto alla sezione Bozze dei temi della pagina Temi del pannello di controllo.

Mobile
  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci temi.

  4. Nella sezione Progetta il tuo negozio in pochi secondi in fondo alla pagina, descrivi la tua attività e tocca Genera temi per generare fino a 3 temi personalizzati gratuiti.

  5. Tocca il tema che ti interessa, quindi tocca Prova tema per applicare il tema al negozio.

  6. Il tema verrà aggiunto alla sezione Bozze dei temi della pagina Temi del pannello di controllo.

Aggiungere un tema gratuito dal pannello di controllo

I temi gratuiti sono sviluppati da Shopify. L'assistenza per le personalizzazioni dei temi gratuiti è fornita da Shopify.

I temi gratuiti sono sviluppati da Shopify. L'assistenza per le personalizzazioni dei temi gratuiti è fornita da Shopify.

Passaggi:

Desktop
  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Nella sezione Scopri i temi verso il fondo della pagina, visualizza i migliori temi gratuiti dello Shopify Theme Store oppure clicca su Visita il Theme Store per esplorare tutti i temi disponibili.

  3. Clicca sul nome del tema per visualizzare i dettagli di un tema nello Shopify Theme Store.

  4. Clicca sul pulsante Aggiungi relativo al tema. Il tema verrà aggiunto alla sezione Bozze dei temi della pagina Temi del pannello di controllo.

Mobile
  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci temi.

  4. Nella sezione Scopri i temi verso il fondo della pagina, visualizza i migliori temi gratuiti dello Shopify Theme Store oppure tocca Visita il Theme Store per esplorare tutti i temi disponibili.

  5. Tocca il nome del tema per visualizzarne i dettagli nello Shopify Theme Store.

  6. Tocca il pulsante Aggiungi relativo al tema. Il tema verrà aggiunto alla sezione Bozze dei temi della pagina Temi del pannello di controllo.

Prova un tema a pagamento dallo Shopify Theme Store

Prima di impegnarti ad acquistare un tema a pagamento, puoi provarlo visualizzandone l'anteprima nel pannello di controllo Shopify. Puoi utilizzare l’editor del tema per personalizzare un tema in anteprima, ad esempio modificandolo per utilizzare i colori e lo stile del brand e i prodotti. Se acquisti il tema, tutte le personalizzazioni che apporti vengono salvate.

Puoi visualizzare in anteprima fino a 19 temi a pagamento contemporaneamente, il che ti consente di confrontare diversi temi prima di acquistarne uno. I temi a pagamento che stai provando hanno un'etichetta Versione di prova del tema.

Per ricevere assistenza per un tema a pagamento, contatta lo sviluppatore del tema.

Passaggi:

  1. Visita lo Shopify Theme Store e scegli un tema a pagamento.
  2. Fai clic su Prova tema per aggiungere il tema al negozio online.
  3. Nel pannello di controllo Shopify, fai clic su Negozio online > Temi.
  4. Nella sezione Bozze dei temi, clicca sul pulsante menu orizzontale per aprire il menu delle azioni accanto al tema di cui desideri visualizzare l'anteprima.
  5. Fai clic su Anteprima.

Puoi personalizzare le impostazioni di un tema mentre lo visualizzi in anteprima. Se il tema ti soddisfa, puoi acquistarlo. Tutte le personalizzazioni apportate al tema vengono salvate. Non puoi modificare il codice del tema o utilizzare il generatore di codice con IA quando il tema è in versione di prova.

Acquista un tema dallo Shopify Theme Store

Solo gli utenti con tutte le seguenti autorizzazioni a livello di negozio possono acquistare un tema dallo Shopify Theme Store:

  • Temi
  • Gestisci e installa app e canali
  • Approva gli addebiti delle app

Dopo aver provato un tema a pagamento nel negozio online, puoi decidere di acquistarlo. Puoi pubblicare nel negozio online solo i temi che hai acquistato. Quando acquisti un tema dallo Shopify Theme Store, la licenza di quel tema è valida esclusivamente per il negozio in cui è stato effettuato l'acquisto. Se desideri utilizzare il tema in un altro negozio, potresti avere i requisiti per trasferirlo.

I temi a pagamento sono creati da sviluppatori di temi di terze parti. L’assistenza generale e gli aggiornamenti per i temi di terze parti sono forniti dallo sviluppatore del tema. Se hai bisogno di personalizzazioni avanzate, ma non hai esperienza nello sviluppo di siti web con HTML, CSS e JavaScript, valuta la possibilità di incaricare un Partner di Shopify.

Passaggi:

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Fai clic su Aggiungi temi > Visita il Theme Store.

  3. Cerca un tema che desideri acquistare, quindi fai clic su Prova tema.

  4. Nella sezione Bozze dei temi, clicca su Acquista sul tema che desideri acquistare per iniziare la transazione.

Carica un file del tema dal computer

Se disponi di un tema in un file ZIP sul computer, puoi caricarlo nella pagina Temi del pannello di controllo Shopify.

Prima di eseguire il caricamento, assicurati che i file del tema siano compressi in un unico file ZIP.

Dopo aver caricato il file ZIP, il tema verrà aggiunto alla pagina Temi del pannello di controllo Shopify.

Passaggi:

Desktop
  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Nella sezione Bozze dei temi, clicca su Importa tema > Carica file zip.

  3. Nella finestra di dialogo Importa tema, fai clic su Scegli file per selezionare il file ZIP che desideri caricare.

  4. Fai clic su Carica.

Mobile
  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci temi.

  4. Nella sezione Bozze dei temi, tocca Importa tema > Carica file zip.

  5. Nella finestra di dialogo Importa tema, tocca Scegli file per selezionare il file ZIP che desideri caricare.

  6. Tocca Carica.

Passaggio da un tema all'altro

Quando aggiungi nuovi temi al negozio, vengono mostrati nella sezione Bozze dei temi della pagina Temi in Shopify. Puoi passare a un nuovo tema pubblicandolo nel negozio online. Quando pubblichi un nuovo tema, il vecchio tema è ancora disponibile nelle bozze dei temi (e puoi tornarvi se lo desideri).

Se aggiorni il tema manualmente, la versione aggiornata del tema viene mostrata come versione separata nelle bozze dei temi. Quando passi alla versione aggiornata, la vecchia versione del tema è ancora disponibile nelle bozze dei temi. Per maggiori informazioni, consulta Aggiornamento dei temi.

Preparazione al cambio di tema

Quando aggiungi un tema alle bozze dei temi, puoi personalizzarlo prima di pubblicarlo. È una buona occasione per rivedere il nuovo tema e regolare le impostazioni e il contenuto in modo che riflettano la tua attività, prima di sostituire il tema esistente. Puoi anche passare tra più temi che hai preparato senza bisogno di configurarli di nuovo.

Prodotti, collezioni, menu, pagine e articoli del blog del negozio non vengono modificati o eliminati quando passi a un nuovo tema, perché sono gestiti nel pannello di controllo, separatamente dal tema. Tuttavia, i contenuti e le impostazioni gestiti con l’editor del tema, l’editor del codice del tema e l’editor di lingua sono specifici di ogni tema e versione di tema che carichi.

Le seguenti parti del negozio online sono associate al tema e devono essere personalizzate per ogni tema che desideri utilizzare:

Non tutti i temi supportano tutte le funzionalità di Shopify. Consulta l'elenco delle funzionalità del tema per assicurarti che abbia quelle di cui hai bisogno.

Anteprima del tema

Puoi visualizzare in anteprima qualsiasi tema nella sezione Temi del negozio online. L'anteprima mostra il tema sul negozio online in una scheda del browser con la barra di anteprima del negozio online.

La barra di anteprima del negozio online mostra le seguenti informazioni sul tema:

  • Il nome del tema.
  • Lo stato del tema. Il tema pubblicato ha lo stato Attivo. I temi non pubblicati hanno lo stato Bozza.

Puoi personalizzare l’anteprima con le seguenti azioni:

  • Nella sezione view icon Visualizza come puoi selezionare un paese o una lingua diversi da visualizzare in anteprima. Scopri di più sui mercati internazionali e sull’aggiunta di altre lingue al tema.
  • Clicca sul pulsante link per condividere un'anteprima del tema.
  • Clicca su Chiudi anteprima per chiudere l’anteprima e visualizzare il tema pubblicato.
    • Clicca su Modifica tema per aprire l’editor del tema e personalizzare il tema.
  • Clicca vicino alla parte superiore della barra di anteprima per comprimerla. Puoi cliccarci di nuovo sopra per espanderla.

Condividere un’anteprima del tema con altri

Se stai per lanciare il tuo negozio online o intendi cambiarne l'aspetto pubblicando un nuovo tema, puoi chiedere un feedback ad altri condividendo un'anteprima del tema.

Puoi creare un link che altri possono utilizzare per accedere all’anteprima di qualsiasi tema che hai aggiunto nel pannello di controllo Shopify. Non è necessario che il tema sia pubblicato per poterlo condividere.

Esistono due tipi di anteprime del tema:

  • Anteprime per i visitatori: le anteprime per i visitatori sono visibili a chiunque abbia l’URL e non richiedono l'autenticazione. Queste anteprime scadono 2 giorni dopo la creazione dell’URL. Gli URL delle anteprime per i visitatori utilizzano il formato https://<token>-<shop_id>.shopifypreview.com.
  • Anteprime per i merchant: le anteprime per i merchant richiedono l'autenticazione al pannello di controllo e consentono di accedere ai check-out. Queste anteprime scadono 30 giorni dopo la creazione dell’URL. Gli URL delle anteprime per i merchant utilizzano il formato del tuo dominio primario con un parametro token.

Quando clicchi su Anteprima per un tema, l'URL dell'anteprima per i merchant viene visualizzato nella barra degli indirizzi del browser. Per creare un link di anteprima per i visitatori da condividere con altri, clicca sul pulsante link nella barra di anteprima. Puoi creare nuovi link tutte le volte che vuoi; la creazione di un nuovo link non invalida i link di anteprima precedenti.

Passaggi:

Desktop
  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Per il tema che desideri condividere, clicca sul pulsante horizontal menu per aprire il menu delle azioni, quindi clicca su Anteprima.

  3. Facoltativo: seleziona un paese, una lingua o entrambi diversi per modificare l’anteprima.

  4. Clicca sul pulsante link per copiare il link negli appunti.

Mobile
  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci temi.

  4. Per il tema che desideri condividere, tocca il pulsante horizontal menu per aprire il menu delle azioni, quindi tocca Anteprima.

  5. Facoltativo: seleziona un paese, una lingua o entrambi diversi per modificare l’anteprima.

  6. Tocca link per copiare il link negli appunti.

Risoluzione dei problemi di anteprima del tema

In alcune circostanze, l'anteprima del tema o la barra di anteprima del tema potrebbero non essere visualizzate correttamente. Se riscontri ancora problemi con il tema dopo aver esaminato i passaggi di questa guida, potresti dover contattare il team di assistenza del tema. Scopri di più su come ottenere assistenza per i temi.

La barra di anteprima viene visualizzata nel negozio attivo

Questo di solito accade quando il tema aggiunge in modo errato un parametro denominato preview_theme_id agli URL del negozio online. Questo parametro è destinato solo all'anteprima interna, ma se è presente negli URL pubblici, forzerà la visualizzazione della barra di anteprima per tutti i visitatori.

Visita il negozio online e verifica la presenza del parametro preview_theme_id nella barra degli indirizzi del browser. Puoi anche chiedere ai clienti di inoltrarti l’indirizzo del link su cui viene visualizzata la barra di anteprima.

Se il parametro preview_theme_id è incluso nell’URL del negozio online, contatta lo sviluppatore del tema per ricevere assistenza e spiega il problema.

Se hai dimestichezza con la modifica del codice del tema, puoi cercare nei file del tema il codice preview_theme_id e rimuoverlo dove viene aggiunto agli URL. I file di layout e i file che contengono Javascript (che terminano con .js) sono i più propensi a contenere questo tipo di codice. Modifica il codice di un tema solo se conosci HTML e CSS e hai una conoscenza di base di Liquid, il linguaggio dei modelli di Shopify, JSON e Javascript.

Questo problema è stato segnalato per i temi acquistati al di fuori dello Shopify Theme Store, come il tema Lumia di ThemeForest.

L’anteprima di un tema in bozza reindirizza al tema attivo

Se clicchi su Anteprima per un tema non pubblicato e vieni reindirizzato al tema attivo, il problema è quasi sempre correlato alla memorizzazione nella cache di Cloudflare.

Se utilizzi Cloudflare per il tuo negozio Shopify, potresti avere delle impostazioni di memorizzazione nella cache che interferiscono con il meccanismo di anteprima di Shopify. Anche Shopify utilizza Cloudflare per la memorizzazione nella cache e questi livelli a volte possono entrare in conflitto. Nella nostra documentazione menzioniamo i potenziali conflitti con la memorizzazione nella cache esterna.

Per garantire che la barra di anteprima funzioni correttamente, disattiva la memorizzazione nella cache su Cloudflare per tutte le richieste per Shopify.

La barra di anteprima è completamente assente

Se la barra di anteprima non viene visualizzata quando visualizzi l’anteprima di un tema, è probabile che il problema sia causato da un codice personalizzato o da un’app di terze parti che modifica gli script predefiniti del tema.

Questo problema è probabilmente causato da modifiche che interessano l’oggetto Liquid, che di solito si trova nel file `theme.liquid` del tema, nella cartella di layout. Lo script della barra di anteprima richiede che l’oggetto venga caricato correttamente. La modifica di questo oggetto può impedire il caricamento dello script, causando l’assenza della barra di anteprima e altri problemi con le funzionalità e le app di Shopify.

Puoi controllare il tema e le app per trovare l'origine della modifica. Scopri come eseguire la risoluzione dei problemi del tema.