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 7 febbraio 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.

Suggerimento

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. 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. Fai clic sulla scheda Design per personalizzare i dettagli del prodotto visualizzati.
Product_Block.gif

Suggerimento

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

Per personalizzare il blocco prodotto, fai clic sulla scheda Design. Qui puoi impostare l'allineamento del blocco a sinistra, al centro o a destra. Puoi anche personalizzare i dettagli del prodotto da visualizzare attivando o disattivando i comandi:

  • 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.

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.

Dimensioni e forma del Blocco prodotto

Quando aggiungi il blocco, questo inizialmente riempirà l'intera larghezza dell'area contenuti se non ci sono accanto altri blocchi. Per maggiori informazioni sul ridimensionamento dei blocchi, visita Ridimensionare i blocchi e Spostare i blocchi per personalizzare i layout.

Per la forma del blocco, il rapporto dimensionale dei Blocchi prodotto corrisponde al rapporto dimensionale dell'immagine in evidenza del prodotto. Per garantire che un blocco prodotto abbia un rapporto dimensionale specifico, ritaglia l'immagine prima di caricarla nell'editor del prodotto o utilizza l'editor di immagini nell'editor 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.

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.