Blocchi Prodotto

Presentate un prodotto del tuo negozio su un'altra pagina del sito e collega i clienti direttamente alla pagina di pagamento.

Ultimo aggiornamento 26 marzo 2025

Un blocco prodotto visualizza un elemento del negozio del tuo sito su altre pagine o post. È un ottimo modo per promuovere i prodotti sul tuo sito o per creare un layout diverso dalla pagina di destinazione integrata del tuo negozio.

per conoscere le differenze tra le pagine del negozio e i blocchi prodotto, visita le pagine del negozio rispetto ai blocchi prodotto

Prima di iniziare

  • Per utilizzare i Blocchi prodotto, devi avere una Pagina negozio contenente il prodotto che desideri mostrare.
  • La Pagina negozio contenente il prodotto deve essere attivata. Se la disattivi, il prodotto non apparirà nei carrelli della spesa se aggiunto tramite Blocchi prodotto.
  • Il prodotto deve essere pubblicato e visibile.

Aggiungi il blocco prodotto

Per aggiungere un Blocco prodotto:

  1. Modifica una pagina o un post, fai clic su Aggiungi blocco o su un punto di inserimento, quindi fai clic su Prodotto.Per assistenza, visita Aggiungere contenuti con blocchi.
  2. Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco.
  3. Nel campo Aggiungi un prodotto, cerca il prodotto che vuoi visualizzare. Clicca su di esso nei risultati della ricerca per aggiungerlo. La ricerca mostra fino a sette prodotti.
  4. (Facoltativo) Per andare al tuo inventario e apportare modifiche ai prodotti, fai clic su Modifica prodotti, quindi fai clic su Salva e continua. Tieni presente che questo chiude la pagina corrente.
  5. In Elementi, attiva o disattiva le opzioni per personalizzare la visualizzazione dei dettagli del prodotto.
  6. Clicca su Design per personalizzare la forma dell'immagine del blocco prodotto.
Product_Block.gif

i Blocchi prodotto visualizzano un prodotto alla volta. Per visualizzare più di un prodotto in una pagina, utilizza più Blocchi prodotto o visualizza una raccolta di prodotti utilizzando i Blocchi riepilogo.

Promuovere prodotti riservati

Se hai un abbonamento ai Siti per i membri e configuri un negozio online in uno dei siti per i membri, i visitatori del sito dovranno sottoscrivere un abbonamento prima di poter acquistare prodotti dal negozio riservato. Per consentire ai non iscritti di acquistare tali prodotti, aggiungi Blocchi prodotto sul tuo sito principale e utilizza la barra di ricerca Aggiungi un prodotto per selezionare i prodotti dal tuo negozio riservato.

Aggiungere i dettagli del prodotto

Nella scheda Contenuto del blocco prodotto, personalizza la visualizzazione dei dettagli del prodotto attivando o disattivando i pulsanti:

  • Immagine: visualizza l'immagine in evidenza del prodotto
  • Titolo: visualizza il titolo del prodotto
  • Prezzo: visualizza il prezzo del prodotto
  • Descrizione: visualizza la descrizione del prodotto
  • Pulsante Aggiungi al carrello: visualizza un pulsante Aggiungi al carrello
  • Anteprima prodotto: consente l'anteprima

Per modificare uno di questi dettagli, modifica il prodotto.

Imposta la forma dell'immagine del prodotto

Per personalizzare la forma dell'immagine del prodotto, fai clic sulla scheda Progettazione nell'editor dei blocchi, quindi fai clic sul menu a discesa sotto Immagine e seleziona una forma. Forme diverse possono ritagliare l'immagine del prodotto in modo diverso, quindi ti consigliamo di fare qualche prova per trovare una forma che piaccia.

Puoi anche modificare il rapporto dimensionale dell'immagine, il punto focale e l'allineamento del contenuto del blocco prodotto. A seconda della forma, puoi modificare il raggio degli angoli per arrotondare gli angoli delle immagini individualmente o tutti insieme.

Per maggiori informazioni sul ridimensionamento dei blocchi, visita Ridimensionare i blocchi.

Stile del Blocco prodotto

Puoi definire lo stile del Blocco prodotto e personalizzare il pulsante Aggiungi al carrello.

Testo Pulsante

Per impostazione predefinita, il testo del pulsante del blocco prodotto è Aggiungi al carrello. Puoi cambiare questo testo in qualcos'altro, come Acquista ora.

  1. Apri la Pagina negozio contenente il prodotto visualizzato nel Blocco prodotto.
  2. Clicca due volte sul prodotto per aprire l'editor di prodotto.
  3. Nella scheda delle opzioni, inserisci il nuovo testo del pulsante.

Design a pulsante

La modalità di modifica del design del pulsante dipende dalla versione del tuo sito.

  1. Apri una pagina contenente un blocco prodotto.
  2. Clicca su Modifica, apri Stili sito, quindi clicca su Pulsanti.

I pulsanti del Blocco prodotto seguono le opzioni di stile principali. Per maggiori informazioni, visita Definire lo stile dei pulsanti.

  1. Apri una pagina contenente un blocco prodotto.
  2. Ritorna sul pannello Sito web, fai clic su Progettazione, quindi su Stili sito.
  3. Scorri verso il basso fino ai tweak di stile per i pulsanti.

Per ulteriori informazioni, visita Definire lo stile dei pulsanti.

Testo e tipo di carattere del Blocco prodotto

La definizione dello stile del titolo, del prezzo e della descrizione del Blocco prodotto dipende dalla versione del sito

Per modificare il testo visualizzato, vai alla tua Pagina negozio e modifica le informazioni sul prodotto.

Modifica il tipo di carattere, il colore e la dimensione del testo in Stili sito

  • Tipo di carattere - Segue Paragrafi
  • Colore - Segue Paragrafo (Medio)
  • Dimensione - Segue Paragrafo 2

Il titolo appare sempre leggermente più grande.

Per modificare il testo visualizzato, vai alla tua Pagina negozio e modifica le informazioni sul prodotto.

I tipi di carattere dei dettagli del prodotto prendono il loro stile da altri stili di testo sul tuo sito. Nella maggior parte dei modelli:

  • Titolo - Segue il tipo di carattere del corpo del testo, ma leggermente più grande. Il colore segue il colore dei link nel corpo del testo.
  • Prezzi - Segue il tipo di carattere e il colore del corpo del testo, ma leggermente più grande.
  • Descrizione - Segue il tipo di carattere e il colore del corpo del testo.

Ci sono alcune eccezioni. In queste famiglie di modelli:

Famiglia di modelli Note

Bedford

  • Colore titolo - Segue il corpo del testo

Brine

  • Colore titolo - Segue il corpo del testo

Farro

  • Colore titolo - Segue il corpo del testo

Skye

  • Tipo di carattere titolo -Titolo elenco (rettificalo mentre ti trovi su una pagina del blog)
  • Descrizione tipo di carattere -Estratto
  • Colore titolo -Colore titolo
  • Descrizione colore -Estratto colore
Supply
  • Tipo di carattere prezzo - Nessuna opzione di stile
  • Descrizione - Peso fisso

Etichette "Esaurito"

Lo stile dell'etichetta "Esaurito" dipende dalla versione del tuo sito.

Le etichette "Esaurito" vengono sempre visualizzate come testo bianco su uno sfondo nero rettangolare. Il tipo di carattere segue quello dei paragrafi del sito. Puoi modificare il testo nel pannello Stato del prodotto.

L'etichetta "Esaurito" segue il tweak di stile di Prodotti: Badge di stato del tuo sito. Non è possibile modificarne la posizione, ma puoi cambiarne il testo nel pannello Stato del prodotto.

Suggerimenti per la ricerca di blocchi prodotto

Quando esegui la ricerca di un prodotto da visualizzare nel blocco, i risultati si basano sulle seguenti informazioni:

  • Titoli
  • Descrizioni
  • Tag
  • Categorie
  • Blocchi di testo nelle informazioni aggiuntive del prodotto

La ricerca mostra fino a sette corrispondenze. Se i tuoi prodotti hanno nomi simili, cerca il titolo esatto. È possibile che i nuovi prodotti non appaiano immediatamente nella ricerca.

Personalizza il tuo negozio online

Sebbene sia necessario utilizzare una pagina del negozio per aggiungere prodotti al sito, è possibile utilizzare i blocchi prodotto per creare un layout personalizzato del negozio online su una pagina diversa. Dopo aver creato e personalizzato il tuo negozio, puoi nascondere la pagina del negozio spostandola nella sezione Non collegato del pannello delle pagine. Questo rimuove la pagina del negozio dai menu di navigazione mantenendola abilitata.

Risoluzione dei problemi

Il mio Blocco prodotto visualizza l'immagine sbagliata

I blocchi di prodotto visualizzano l'immagine in evidenza del prodotto. Questa immagine potrebbe essere diversa dalla prima immagine impostata nell'editor del prodotto. Per modificare l'immagine nel blocco prodotto, modifica l'immagine in evidenza del prodotto.

Il prodotto non sarà aggiunto al carrello dal Blocco prodotto

Se cliccando sul pulsante Aggiungi al carrello di un Blocco prodotto il prodotto non viene aggiunto al carrello, la Pagina negozio collegata potrebbe essere disattivata. I prodotti delle Pagine negozio disattivate possono essere visualizzati nei Blocchi prodotto, ma non possono essere aggiunti ai carrelli. Per risolvere il problema, attiva la Pagina negozio.

In questa guida

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.