Articoli su: Widget

Che fine ha fatto l’editor del widget

Cerchi il pulsante Personalizza o la pagina Widget? Lo stile ora si imposta nella pagina Design: vai su Supr Bundles & Subscriptions > Design.

Il widget degli abbonamenti e le opzioni bundle prima avevano uno stile separato, design per design, ognuno su una pagina a sé. Per farli sembrare un tutt'uno dovevi prendere ogni decisione due volte, e provare un design diverso significava ricominciare da capo.

Ora condividono un unico set di controlli nella pagina Design. È questa l'esperienza unificata del widget. La voce di menu che prima si chiamava Widget ora si chiama Design, e i vecchi link all'editor di un singolo design aprono la pagina Design.

L'aspetto dei tuoi widget non è cambiato da solo. Le tue impostazioni sono esattamente dove erano e le pagine dei prodotti restano invariate finché non decidi di modificare qualcosa.

Se hai installato Supr Bundles & Subscriptions di recente, questo articolo è storia più che una novità: nel tuo negozio c'è sempre stato un solo posto in cui definire lo stile dei widget, ed è la pagina Design.

Indice

Dove si trova ora ogni cosa
Passare all'esperienza unificata del widget
Ripristinare il design precedente
Font
Design personalizzati realizzati dal nostro team
Domande frequenti
Guide correlate

Dove si trova ora ogni cosa

Tutto ciò che faceva il vecchio editor si trova nella pagina Design, e ora si applica a tutti i design contemporaneamente invece che a uno solo:

La scelta del design è nella sezione Design in alto: fai clic su Cambia accanto al widget degli abbonamenti o al widget bundle per aprire la galleria.
I colori sono nella sezione Colori. Scegli un colore e l'opzione selezionata, i bordi, i pulsanti di opzione e i badge lo seguono tutti.
Arrotondamento e spessore del bordo sono nella sezione Forma. Il margine interno di ogni opzione, la distanza tra i widget e lo spazio intorno all'intero widget sono nella sezione Spaziatura, subito sotto.
Il font di entrambi i widget è nella sezione Font. Se lasci Segue il tuo tema, usano i font del tuo tema.
Lo stile dei singoli elementi, cioè colore, dimensione e spessore del testo di ogni parte, è in Elementi, una riga per ogni parte. Lì puoi anche mostrare o nascondere una parte.
Il CSS personalizzato viene subito dopo Elementi (CSS personalizzato). Appartiene al tuo negozio e non a un singolo design, quindi resta anche se cambi design.
I testi sono nella scheda Etichette sotto le impostazioni, compresi i suffissi della frequenza di consegna, il prezzo unitario e la riga dell'opzione, che prima erano raggiungibili solo con alcuni design.
Il badge dell'abbonamento, il testo del pulsante di aggiunta al carrello, la priorità delle opzioni e gli altri componenti aggiuntivi sono nella scheda Impostazioni dei componenti aggiuntivi, più in basso nella pagina.

Alcuni controlli più specifici non hanno ancora una riga nella pagina Design, come lo stile usato per evidenziare l'opzione bundle selezionata. Tutto ciò che avevi impostato prima viene ancora applicato e, nel frattempo, l'assistenza può modificarlo per te. Dicci cosa desideri e lo imposteremo nel tuo negozio.

Se avevi definito lo stile dei widget con il vecchio editor per singolo design, il tuo negozio passa al nuovo sistema la prima volta che salvi nella pagina Design. Fino ad allora non cambia nulla.

Poiché la pagina Design scrive un unico valore su tutti i design contemporaneamente, quel primo salvataggio applica i tuoi colori, l'arrotondamento e la spaziatura ovunque, invece che al solo design che stai guardando. È lo scopo della pagina, ma la prima volta può sorprendere, quindi succedono due cose:

Prima di quel primo salvataggio ti chiediamo conferma e ti spieghiamo cosa farà.
Prima di applicare qualsiasi cosa, salviamo una copia dell'aspetto attuale dei tuoi widget.

Cosa ottieni in cambio:

Un solo stile per tutti i design. Colori, arrotondamento e spaziatura si applicano contemporaneamente al widget degli abbonamenti e alle opzioni bundle, così i due sono sempre coordinati nella pagina del prodotto.
Cambiare design è facile. Il tuo stile si applica a tutti i design, quindi puoi provarne uno diverso senza dover ridefinire lo stile del negozio da zero.
Molto più controllo. Ogni elemento ha una propria riga con colore, dimensione e spessore, puoi scegliere tra quattro forme di badge e tutti i testi rivolti ai clienti sono in un unico posto.
Vedi il risultato prima di salvare. Un'anteprima dal vivo della tua vera pagina del prodotto mostra entrambi i widget uno sopra l'altro, come li vede un acquirente.

Le tue offerte, i tuoi prezzi e i tuoi abbonati non sono interessati.

Ripristinare il design precedente

Questa sezione è per i negozi che avevano definito lo stile dei widget con il vecchio editor per singolo design. Se hai installato l'app dopo la sua chiusura, non c'è un design precedente a cui tornare e nella tua pagina Design non c'è il pulsante Ripristina design precedente.

La copia salvata prima del tuo primo salvataggio non scade. Da quel momento, un pulsante Ripristina design precedente si trova in fondo alla pagina Design. Facendo clic, i tuoi widget tornano esattamente com'erano prima del passaggio all'esperienza unificata del widget, non importa quanto tempo fa sia avvenuto.

Puoi ridefinire lo stile in seguito e ripristinare di nuovo. Il pulsante resta, quindi il ripristino non è mai definitivo.

Il ripristino sostituisce tutto ciò che hai modificato nella pagina Design da quando è stata salvata quella copia, perché rimette l'intero design com'era. Non interessa le tue offerte, i tuoi prezzi o i tuoi abbonati.

Dopo che hai salvato modifiche tue, nella sezione Design compare anche un pulsante Ripristina predefiniti. Nell'anteprima riporta colori, forma, spaziatura, elementi, etichette e CSS personalizzato ai valori predefiniti dell'app, e mantiene i design che pubblichi. Nel negozio non cambia nulla finché non fai clic su Salva, e Ignora riporta il tuo stile.

Font

I widget prendono i caratteri dal tuo tema, a meno che tu non ne scelga uno, quindi di base si adattano alla pagina in cui si trovano. La maggior parte dei temi ne imposta due: un font per i titoli e uno per il corpo del testo, entrambi nelle impostazioni di tipografia del tema.

I titoli usano il font dei titoli del tema: il titolo del blocco bundle, il titolo di ogni opzione bundle e il nome di ogni opzione di abbonamento e della riga di acquisto singolo.
Tutto il resto usa il font del corpo del testo del tema: prezzi, descrizioni, testo del risparmio e così via.

È la stessa suddivisione che fa il tuo tema, così il widget sembra parte della pagina del prodotto e non un blocco separato. I temi che impostano un solo font lo usano ovunque.

Per usare un carattere diverso, apri la sezione Font della pagina Design. Imposta un unico font per il widget degli abbonamenti e le opzioni bundle insieme, titoli compresi: il font del corpo o dei titoli del tema, un font di sistema, serif o monospace, oppure Personalizzato con il nome di un font che il tuo tema carica già. Segue il tuo tema mantiene la suddivisione descritta sopra.

Le dimensioni e gli spessori del font li imposti tu per ogni elemento in Elementi, indipendentemente dai caratteri.

L'anteprima nel pannello di amministrazione non può caricare i font della tua vetrina, quindi lì i font del tema e un font personalizzato vengono mostrati con il font del pannello. Apri la pagina di un prodotto nel tuo negozio per vedere il risultato reale.

Design personalizzati realizzati dal nostro team

Due design mantengono un editor proprio, perché sono scritti in HTML, CSS e JavaScript invece di essere composti dalle impostazioni: il design di abbonamento Custom e il layout bundle Custom.

Se il tuo negozio ne usa già uno, non cambia nulla. Resta nella galleria dei design in Avanzati, con un link Personalizza che apre il suo editor (oppure un link Contatta l'assistenza se il nostro team non l'ha ancora realizzato). I negozi che non usano un design Custom non lo vedono più nella galleria.

Se i design integrati, Colori, Forma, Spaziatura, Font, Elementi e CSS personalizzato non ti danno l'aspetto che desideri, fai clic su Chatta con un esperto in fondo alla pagina Design. Inviaci uno screenshot o il link a un design che ti piace e ti aiuteremo a ottenerlo.

Domande frequenti

Dov'è il pulsante Personalizza del mio widget?
Non c'è più un editor separato per ogni design. Tutto si trova in Design e si applica al design che pubblichi.

Dov'è finita la pagina Widget?
Ora si chiama Design, nel menu dell'app.

Ho cambiato design e i miei colori sono rimasti gli stessi. È normale?
Sì. Colori, forma, spaziatura, font, stili degli elementi, etichette e CSS personalizzato appartengono al tuo negozio, non a un design, quindi restano quando cambi design.

Posso riavere il vecchio aspetto del mio widget?
Se il tuo negozio aveva definito lo stile dei widget con il vecchio editor, fai clic su Ripristina design precedente in fondo alla pagina Design.

Potete realizzare un design del widget personalizzato per me?
Parti dai design integrati e dal CSS personalizzato, poi fai clic su Chatta con un esperto nella pagina Design e dicci cosa desideri.

Guide correlate

Aggiornato il: 24/10/2026

È stato utile questo articolo?

Grazie!