Wix Stores: aggiungere e configurare il widget del prodotto
Tempo di lettura: 6 min.
Il widget del prodotto ti consente di mostrare un singolo prodotto in qualsiasi punto del tuo sito. Sei tu a decidere cosa succede quando ci si clicca sopra: può aprirsi la pagina prodotto o il prodotto può essere aggiunto al carrello.
Nota:
Il Widget del prodotto non è attualmente disponibile nell'Editor X. Tuttavia, puoi mettere in evidenza i prodotti in altri modi, ad esempio con una landing page. Scopri di più sui prodotti in evidenza (articolo in inglese).
Passaggio 1 | Aggiungi un prodotto
Il widget del prodotto è disponibile in due stili, compatto ed espanso. Scegli lo stile più adatto alle tue esigenze.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e324a0f9-1bb0-40a4-91b9-18f94ea55c3c/2021/04/05/e22eff3f-36c9-4f16-85c5-8ce1ea8580f2/c493acca-5513-479e-bc1b-d3873cef7c2f.jpg)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e324a0f9-1bb0-40a4-91b9-18f94ea55c3c/2021/04/05/2a23921c-6e65-434f-a3ac-f9d8dbcb4b38/4c477ca1-fc61-4779-9647-4497ee32eb74.jpg)
Per aggiungere un widget del prodotto:
- Vai alla pagina a cui vuoi aggiungere il widget del prodotto
- Clicca su Aggiungi
sul lato sinistro dell'Editor
- Clicca su Negozio
- Clicca su Widget del prodotto
- Trascina un widget prodotto sulla tua pagina
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/10/05/f9e3821d-f9bb-4395-afc8-ed5140ab0949/2a0b7129-184e-4049-bb78-3244bbd24c80.gif)
Passaggio 2 | Collega il widget a un prodotto
Il widget del prodotto ti consente di mostrare uno dei tuoi prodotti e ne semplifica l'acquisto. Per configurarlo, scegli il prodotto che desideri promuovere.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/10/05/22de4372-8d5d-4251-acfe-09763cbcdab5/8db24e66-2ce0-4db0-be7f-4b6f530fb5ce.gif)
Per collegare un prodotto al widget:
- Clicca sul widget del prodotto della tua pagina nell'Editor
- Clicca su Impostazioni
- Clicca sull'icona freccia
- Seleziona un prodotto
Passaggio 3 | Imposta il comportamento del widget
Ora puoi scegliere se mostrare un tasto nel widget. Se lo mostri, puoi scegliere dove viene indirizzato il cliente quando clicca su di esso: alla pagina del prodotto o al pop-up di visualizzazione rapida.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/17ad089e-f9f5-4718-a937-51c5e83e9790/2022/11/28/bc69a7e2-8512-47c2-935a-db8daf15ec0c/c37911ba-5b70-4946-bc00-c2b8871b5e7a.jpg)
Per impostare il comportamento del widget:
- Clicca sul widget del prodotto della tua pagina nell'Editor
- Clicca su Impostazioni
- Clicca sulla scheda Impostazioni
- Scegli quando visualizzare il tasto del widget:
- Sempre: il tasto è sempre visibile
- Al passaggio del mouse: il tasto è visibile solo quando il mouse vi passa sopra (il tasto non viene visualizzato sui dispositivi mobile)
- Mai: non viene mostrato alcun tasto
- Scegli cosa succede quando si clicca sul tasto:
- Vai alla pagina del prodotto: i clienti vengono indirizzati alla pagina del prodotto
- Aggiungi prodotto al carrello: i clienti vengono indirizzati alla visualizzazione rapida del prodotto, dove possono aggiungere il prodotto al carrello
- Modifica il testo predefinito del tasto
- Modifica il messaggio "Esaurito" che appare automaticamente quando l'inventario è zero
Passaggio 4 | Personalizza il layout del widget
Ciascuno dei due stili del widget del prodotto offre svariate di opzioni di layout. Clicca sulla scheda Layout per definire e personalizzare il layout
Per personalizzare il layout:
- Clicca sul widget del prodotto della tua pagina nell'Editor
- Clicca su Impostazioni
- Clicca sulla scheda Layout
- Scegli lo stile che desideri personalizzare:
Personalizza il layout di stile compatto
Personalizza il layout dello stile espanso
Passaggio 5 | Progetta il widget
Seleziona i colori, i bordi, i font perfetti per il tuo prodotto e altro ancora.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/17ad089e-f9f5-4718-a937-51c5e83e9790/2022/11/28/33aafbf7-a1f4-4857-9ba7-ec70418d9ab7/13a39dc5-780e-4444-b127-0293626e0e9c.jpg)
Per aggiornare il design del widget:
- Clicca sul widget del prodotto della tua pagina nell'Editor
- Clicca su Impostazioni
- Clicca sulla scheda Design
- Aggiorna il design utilizzando una delle opzioni disponibili
Dimmi di più sulle opzioni di design