Recensito da Installa un plugin per la wishlist nel tuo negozio Woostify e carica la pagina del negozio. Il pulsante si trova in un punto strano. Si sovrappone al pulsante Aggiungi al carrello, o si nasconde dietro un'immagine del prodotto. A volte scompare quando passi il mouse sopra una scheda prodotto.
Non si tratta di un piccolo problema estetico. Un pulsante Wishlist Woostify che nessuno riesce a trovare è un salvataggio che non avviene mai. E un salvataggio che non avviene mai è un acquirente che non puoi riportare indietro.
Ecco la buona notizia: SaveTo Wishlist Lite si occupa dello stile non appena rileva Woostify. Quello che non può decidere per te è dove dovrebbe trovarsi il pulsante.
Quindi questa guida copre entrambe le parti. Innanzitutto, cosa fa l'integrazione da sola. Poi, le scelte di posizionamento che farai per ottenere un layout senza interruzioni, incluse due posizioni specifiche che vorrai evitare.
Indice dei contenuti
- Come il posizionamento del pulsante Wishlist decide se gli acquirenti salvano
- Cosa fanno realmente l'integrazione SaveTo Wishlist e Woostify
- Cosa ti serve prima di iniziare
- Come impostare i tuoi pulsanti Wishlist Woostify
- I due posizionamenti da evitare su Woostify
- Come confermare che gli stili Woostify vengano caricati
- Le wishlist per ospiti contano più dello stile
- Linee guida su ambito e compatibilità
- Domande frequenti: SaveTo Wishlist e Woostify
- Dai al pulsante Salva un posto dove vivere
Come il posizionamento del pulsante Wishlist decide se gli acquirenti salvano
Una wishlist vale la pena solo se gli acquirenti la utilizzano effettivamente, e il posizionamento gioca un ruolo importante. L'evidenza del settore evidenzia quanto spazio ci sia per distinguersi con un buon design.
Il benchmark UX delle pagine prodotto del Baymard Institute è stato aggiornato nel marzo 2026. Ha rilevato che il 52% dei principali siti di e-commerce desktop ha prestazioni mediocri o peggiori nelle pagine prodotto. Su mobile, tale cifra sale al 62%. Il benchmark copre 155 o più siti e oltre 30.000 punteggi valutati manualmente.
Le liste di prodotti offrono un'opportunità ancora maggiore. Il benchmark di Baymard ha rilevato che l'80% dei siti di e-commerce lascia un margine significativo per il miglioramento dell'usabilità nelle liste di prodotti. Ciò significa che un layout pulito e intenzionale distinguerà immediatamente il tuo negozio.
Poi c'è la divisione per dispositivo. Adobe Analytics ha riferito che il mobile ha generato il 56,4% delle transazioni online durante la stagione delle festività del 2025, in aumento rispetto al 54,5% dell'anno precedente. Testare il posizionamento su schermi desktop e mobile garantisce un'esperienza fluida per tutti gli acquirenti.
🔍️ Una cosa che vediamo ripetutamente: il proprietario di un negozio sceglie un posizionamento, lo controlla una volta su un laptop e va avanti. I problemi si presentano quasi sempre altrove. Di solito su un archivio di categoria, su un prodotto variabile o su un telefono. Controlla tutti e tre prima di dichiararlo finito.
Vuoi un quadro più ampio degli acquirenti che guardano e se ne vanno? La nostra guida all' abbandono della navigazione di WooCommerce copre questo schema in dettaglio.
Cosa fanno realmente l'integrazione SaveTo Wishlist e Woostify
L'integrazione funziona automaticamente come un foglio di stile di compatibilità leggero, mantenendo il tuo negozio veloce e risparmiandoti la fatica di scavare in complesse schermate di impostazioni.
SaveTo Wishlist Lite 1.1.1 controlla l'identificatore del template WordPress attivo. Quando legge esattamente woostify, il plugin carica un foglio di stile aggiuntivo. Quel foglio di stile si sovrappone a qualsiasi foglio di stile frontend di base tu abbia selezionato. Quindi regola l'impilamento, l'allineamento e lo spazio in modo che il pulsante si adatti al markup di Woostify.
Ecco cosa cambia e cosa lascia deliberatamente invariato.
| Contesto | Cosa regola il foglio di stile Woostify |
|---|---|
| Negozio e archivio, posizionamenti sull'immagine | Alza il contenitore del pulsante a z-index: 3, in modo che si sovrapponga all'immagine del prodotto |
| Negozio e archivio, posizionamenti inline | Imposta un layout flex verticale con un margine superiore di 10 pixel. Corrisponde anche all'allineamento sinistro, centrale e destro di Woostify |
| Riepilogo prodotto singolo | Aggiunge un margine superiore di 12 pixel per creare uno spazio pulito ed equilibrato rispetto all'elemento sovrastante. |
| Colori, tipografia, bordi, dimensioni | Conservato così com'è. Rimangono completamente personalizzabili tramite le impostazioni del tuo plugin e tema. |
La nostra guida alla personalizzazione del pulsante della wishlist copre le impostazioni che controllano l'aspetto.
Cosa non fa l'integrazione
L'elenco delle cose che l'integrazione SaveTo Wishlist e Woostify non fanno è altrettanto utile. Non aggiunge JavaScript, né endpoint REST, né record di database. Non elabora dati utente. Inoltre, non registra hook di rendering specifici di Woostify e non aggiunge una pagina di impostazioni Woostify.
Poiché l'integrazione viene eseguita automaticamente in background, non dovrai cercare una scheda di impostazioni Woostify dedicata o un interruttore. Il rilevamento è automatico e nessuna impostazione attiva o disattiva da sola il foglio di stile Woostify.
Sono coperti anche i temi child. Esegui un tema child il cui identificatore padre sia ancora woostify e il foglio di stile viene caricato allo stesso modo. L'identificatore del tema child non viene utilizzato per il rilevamento.
Anche se una configurazione personalizzata impedisce il rilevamento automatico, il tuo sito rimane completamente funzionale. SaveTo Wishlist Lite torna automaticamente al suo foglio di stile standard per garantire che i tuoi pulsanti continuino a funzionare senza problemi.
Cosa ti serve prima di iniziare
I requisiti sono brevi e ognuno di essi è essenziale per l'esecuzione dell'integrazione.
| Componente | Requisito |
|---|---|
| SaveTo Wishlist Lite | 1.1.1 o successivo |
| WordPress | 5.8 o successivo, testato fino a 7.0 |
| PHP | 7.4 o successivo |
| WooCommerce | 4.0 o successivo, testato fino a 10.2 |
| Tema attivo | Woostify, o un tema child basato su Woostify |
SaveTo Wishlist Lite verifica automaticamente che WooCommerce sia attivo prima di inizializzare, mantenendo il tuo dashboard fluido e sicuro.
Due cose di cui non hai bisogno: un piano a pagamento e una versione specifica di Woostify. Il foglio di stile di compatibilità è incluso in SaveTo Wishlist Lite, la versione gratuita. Inoltre, il codice non controlla la versione di Woostify, la licenza o il plugin companion. Non c'è nemmeno una distinzione tra versione gratuita e Pro dal lato Woostify.
Ciò ti offre un'ampia compatibilità tra diverse versioni di Woostify. Raccomandiamo sempre di controllare rapidamente l'aspetto delle tue pagine sulla versione attiva del tuo tema per assicurarti che tutto sia allineato come previsto.
Come impostare i tuoi pulsanti Wishlist Woostify
L'integrazione Woostify funziona subito, così puoi concentrarti interamente sulla scelta del posizionamento che conferisce al tuo negozio l'aspetto più rifinito.
Il posizionamento è una delle leve che trattiamo nella nostra guida all'ottimizzazione della conversione della wishlist.
Tutto si trova in un'unica schermata: SaveTo Wishlist → Impostazioni → Posizionamento pulsanti e stili. Avrai bisogno dei permessi di amministratore (manage_options) per accedere a questa schermata, garantendo che le impostazioni di stile del tuo sito rimangano sicure.
Imposta il posizionamento nel negozio e negli archivi
Sotto Pagina negozio, apri il menu a discesa Posizionamento pulsante. Questo singolo controllo copre la tua pagina negozio principale, le pagine delle categorie di prodotti e altri archivi di prodotti. Cinque opzioni sono documentate come funzionanti bene con le schede prodotto di Woostify.
Advanced Coupons ha una regola generale per questo nella sua guida all' ottimizzazione di un sito ecommerce: riesci a individuare il pulsante da lontano?
- In alto a destra dell'immagine del prodotto: Il foglio di stile impila il pulsante sopra l'immagine.
- In alto a sinistra dell'immagine del prodotto: Stessa gestione dell'angolo destro. Scegli l'angolo che i tuoi badge di vendita non utilizzano già.
- Sopra il titolo del prodotto: Si trova nell'area del contenuto della scheda di Woostify e eredita l'allineamento della tua scheda.
- Sotto il titolo del prodotto: Si posiziona sotto il titolo, quindi i titoli lunghi lo spingono verso il basso anziché affollarlo.
- Sopra il pulsante Aggiungi al carrello: Mantiene l'azione di salvataggio accanto all'azione di acquisto senza competere con essa.
I tre posizionamenti nell'area del contenuto ereditano automaticamente l'allineamento di Woostify. Imposta le tue schede prodotto su testo centrato e il pulsante si centra. Le schede allineate a sinistra e a destra si comportano allo stesso modo.
Imposta il posizionamento nel prodotto singolo
Sotto Pagina Prodotto, troverai un secondo menu a discesa Posizionamento pulsante. Le due impostazioni funzionano in modo indipendente, quindi cambiare una non influisce sull'altra.
Quattro posizionamenti sono documentati come funzionanti bene nelle pagine prodotto di Woostify.
- Sopra il pulsante Aggiungi al carrello: Mette l'opzione di salvataggio di fronte agli acquirenti prima che si impegnino.
- Sotto il pulsante Aggiungi al carrello: L'impostazione predefinita della schermata stessa, e riprende il margine superiore di 12 pixel.
- Sopra il titolo del prodotto: Utile quando il riepilogo del tuo prodotto è lungo e desideri che l'azione di salvataggio sia visibile presto.
- Sotto il titolo del prodotto: Si posiziona con il blocco del titolo anziché con i controlli di acquisto.
C'è una quinta opzione: In linea con il pulsante Aggiungi al carrello. Sentiti libero di testare questa posizione rispetto al tuo layout di prodotto personalizzato per vedere se si adatta al design del tuo tema.
Entrambi i menu a discesa hanno anche un'opzione Non mostrare. Scegliendola si impedisce la registrazione dell'hook di rendering del pulsante in quel contesto. È più pulito che nascondere il pulsante con CSS.
Scegli quanta stilizzazione caricare
Sempre sulla stessa schermata, trova Stile frontend e l'impostazione etichettata Caricamento CSS frontend. Sceglie quale foglio di stile di base caricare. Il foglio di stile Woostify viene quindi caricato sopra quello che scegli.
- Stile completo: Utilizza i colori e i font del plugin stesso. Questa è l'impostazione predefinita di fabbrica.
- Stile minimo: Consente al tuo tema di sovrascrivere colori e font.
- Nessuno stile: Carica solo il posizionamento e eredita tutto ciò che è visivo da Woostify.
Hai già personalizzato la tipografia e i colori di Woostify? Allora Minimale o Nessuno stile di solito danno un risultato più nativo. È importante notare che le regole di layout di Woostify rimangono attive in tutte e tre le modalità. Non stai rinunciando all'integrazione per ottenere i colori del tema.
Ogni modalità carica un foglio di stile diverso, quindi la tua scelta cambia anche ciò che il browser scarica. Se il peso del frontend è importante per te, il nostro test di velocità del plugin WooCommerce wishlist misura quanto SaveTo Wishlist aggiunge effettivamente a una pagina.
I due posizionamenti da evitare su Woostify
Per garantire il layout più pulito fin da subito, ecco due opzioni di posizionamento che vorrai evitare per Woostify.
- Nelle pagine del negozio e di archivio, evita Sotto il pulsante Aggiungi al carrello. Woostify renderizza quella riga all'interno di un'area animata ad altezza fissa sulle schede prodotto desktop. Il pulsante della wishlist potrebbe essere ritagliato lì, nascondendo parte o tutto.
- Nelle pagine del singolo prodotto, evita i due posizionamenti sull'immagine. Woostify utilizza una galleria prodotti personalizzata e i pulsanti nell'angolo in alto non vengono visualizzati in modo affidabile al suo interno.
Queste raccomandazioni sono specifiche per il contesto. Gli angoli dell'immagine sono fantastici sulle schede del negozio ma non ideali per le gallerie prodotti, mentre Sotto il pulsante Aggiungi al carrello funziona meglio nelle pagine del singolo prodotto. Impostare ogni contesto in modo indipendente mantiene i tuoi pulsanti puliti su tutti i modelli.
⚙️ Passaggio di configurazione importante: SaveTo Wishlist Lite 1.1.1 non applica automaticamente le opzioni di posizionamento all'attivazione. Se lasciate invariate, entrambi i contesti utilizzano i valori predefiniti: In alto a destra dell'immagine del prodotto nelle pagine prodotto e Sotto il pulsante Aggiungi al carrello nelle pagine del negozio. Su Woostify, l'aggiornamento di questi valori predefiniti garantisce che i tuoi pulsanti si allineino perfettamente con il layout del tema.
La correzione richiede secondi: apri entrambi i menu a discesa di posizionamento, seleziona le opzioni consigliate e premi Salva, anche se i valori sullo schermo sembrano già corretti. Il salvataggio scrive le opzioni nel database e pone fine alle congetture.
Come confermare che gli stili Woostify vengano caricati
Poiché non c'è un'impostazione da controllare, la verifica avviene nel browser. Richiede circa un minuto.
- Conferma che Woostify, o un tema child di Woostify, sia attivo sotto Aspetto → Temi.
- Carica una pagina qualsiasi del frontend e apri gli strumenti per sviluppatori del tuo browser.
- Cerca nel codice sorgente della pagina
savetowishlist-woostify.css. Quel file è l'integrazione. - Controlla l'ordine. Deve essere caricato dopo il foglio di stile principale del frontend di SaveTo Wishlist, poiché ne dipende.
- Ispeziona un pulsante. Con un posizionamento nell'angolo, il contenitore dovrebbe risolversi a
z-index: 3. - In un riepilogo del singolo prodotto, quel contenitore dovrebbe avere un margine superiore di 12 pixel.
Se il file non viene visualizzato, ricontrolla il tuo identificatore di modello. Il rilevamento corrisponde esattamente a woostify, quindi un tema che è stato rinominato o da cui ci si è allontanati non attiverà il foglio di stile.
Poiché il rilevamento viene eseguito silenziosamente in background senza popup per gli amministratori, un rapido controllo negli strumenti per sviluppatori conferma che le tue risorse vengono caricate perfettamente.
Stai lavorando più a fondo nel codice? La nostra guida all'API REST della wishlist copre l'accesso programmatico.
Le wishlist per ospiti contano più dello stile
Un'impostazione fa di più per il tuo tasso di salvataggio rispetto a qualsiasi decisione di stile. È se gli acquirenti disconnessi possono utilizzare il pulsante o meno.
Il controllo è Disabilita Wishlist Ospite e per impostazione predefinita è disattivato. Ciò significa che gli ospiti possono salvare. Attivalo e SaveTo Wishlist Lite smette di registrare i suoi hook per i pulsanti del negozio e del prodotto per i visitatori disconnessi. Il pulsante non appare affatto.
Consigliamo vivamente di mantenere questa impostazione predefinita abilitata. Il benchmark delle pagine di prodotto di Baymard ha rilevato che l'89% dei siti non rende le funzionalità di salvataggio facilmente accessibili agli ospiti, il che significa che hai una grande opportunità per distinguerti. Nel frattempo, il 21% degli acquirenti intervistati afferma di fare affidamento sulle funzionalità di salvataggio. Questo divario è l'opportunità.
La stessa logica guida il checkout ospite di WooCommerce: rendere le azioni chiave senza interruzioni per gli ospiti aumenta il coinvolgimento e le conversioni.
L'integrazione Woostify non si ramifica in base allo stato di accesso. Ospiti e clienti connessi ottengono gli stessi posizionamenti e le stesse regole di layout. Non ci sono stili separati per gli ospiti da configurare.
Linee guida su ambito e compatibilità
Il foglio di stile si rivolge al markup standard di WooCommerce e Woostify. Laddove il tuo negozio si discosta da quel markup, le regole smettono di corrispondere.
- Page builder e griglie di prodotti a blocchi: Progettato per il markup standard delle schede Woostify; le griglie di blocchi personalizzate dovrebbero essere controllate visivamente.
- Interfacce di visualizzazione rapida: Utilizza il posizionamento standard dei pulsanti; rivedi il layout del tuo modale per garantire un allineamento corretto.
- Loop di prodotti personalizzati: Un loop creato in un modello personalizzato esula dall'ambito testato.
- Moduli premium Woostify e plugin complementari: Non è stata stabilita alcuna compatibilità per questi.
- Comportamento della pagina del carrello: I layout del carrello sono gestiti separatamente e non sono interessati da questa specifica integrazione Woostify.
Questo foglio di stile si concentra specificamente sui layout principali della wishlist in SaveTo Wishlist Lite. Se utilizzi estensioni avanzate (come SaveTo Wishlist Pro o funzionalità Gift Registry Addon), una rapida revisione visiva garantisce che tutto venga visualizzato come previsto.
Mentre le funzionalità principali sono soggette a test automatici continui, lo styling personalizzato del tema è meglio verificarlo con un rapido controllo visivo sul tuo negozio live.
Layout personalizzati e tipi di prodotto speciali (come articoli esauriti o non acquistabili) meritano semplicemente un rapido controllo visivo sul tuo negozio live per garantire che il pulsante venga visualizzato esattamente dove lo desideri.
Il tuo negozio si basa su uno dei contesti non trattati? La nostra guida all'integrazione delle tabelle di prodotto mostra come viene gestito un contesto di layout diverso.
Domande frequenti: SaveTo Wishlist e Woostify
Devo attivare l'integrazione Woostify?
No. Non esiste una pagina delle impostazioni di Woostify, nessun interruttore e nessuna opzione che controlli il foglio di stile da solo. SaveTo Wishlist Lite controlla l'identificatore del modello attivo al caricamento delle risorse frontend. Se legge woostify, il foglio di stile viene accodato automaticamente.
Funziona con un tema child di Woostify?
Sì. Il rilevamento esamina l'identificatore del modello padre, non l'identificatore del tema figlio. Finché il padre è ancora woostify, il foglio di stile di compatibilità viene caricato normalmente.
Ho bisogno di SaveTo Wishlist Pro per questo?
No. Il foglio di stile di compatibilità Woostify è incluso in SaveTo Wishlist Lite, la versione gratuita, a partire dalla versione 1.1.1. I piani a pagamento aggiungono analisi della wishlist, avvisi di calo prezzi e avvisi di ritorno in stock. Nessuno di questi è necessario per il supporto del layout Woostify.
Quale versione di Woostify è supportata?
SaveTo Wishlist Lite supporta automaticamente le versioni attuali di Woostify tramite l'identificazione del template, offrendoti piena flessibilità durante gli aggiornamenti del tema. Raccomandiamo sempre di dare una rapida revisione visiva alla versione attiva del tuo tema quando si modificano i layout.
Dai al pulsante Salva un posto dove vivere
L'integrazione Woostify è progettata per essere snella, veloce e senza sforzo. Rimuove l'attrito del layout in modo che i tuoi pulsanti di salvataggio appaiano come una parte naturale e nativa del tuo tema, funzionando silenziosamente in background senza aggiungere bloat non necessario.
Tutto ciò che resta è scegliere i posizionamenti che meglio mettono in risalto i tuoi prodotti e si adattano allo stile del tuo negozio.
- Conferma i requisiti e che Woostify sia il modello attivo (ciò di cui hai bisogno).
- Apri entrambi i menu a discesa di posizionamento e salvali esplicitamente, anche se sembrano corretti (come impostare).
- Seleziona le posizioni di layout consigliate per gli archivi del negozio e le pagine dei singoli prodotti (posizionamenti da evitare).
- Verifica che il foglio di stile di compatibilità venga caricato per confermare la configurazione del tuo tema (come confermare).
- Mantieni abilitate le wishlist per gli ospiti per massimizzare i salvataggi degli acquirenti (wishlist per ospiti).
- Rivedi le griglie del page builder, le anteprime rapide e i loop personalizzati sul tuo sito live (limiti).
I tuoi pulsanti wishlist Woostify dovrebbero apparire progettati insieme al tuo tema, non aggiunti in seguito. La nostra guida alla configurazione di Woostify illustra la schermata delle impostazioni. Oppure confronta cosa include ogni piano sulla pagina dei prezzi di SaveTo Wishlist.
