Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Blocchi prodotto

Un Blocco prodotti visualizza un articolo del negozio del tuo sito su altre pagine o post. Sono un ottimo modo per promuovere oggetti nel tuo sito o per creare un layout diverso dalla pagina di destinazione integrata nel tuo negozio. Puoi includere un pulsante Aggiungi al carrello per ogni articolo.

Suggerimento: per conoscere le differenze tra i Blocchi prodotto e le Pagine dei prodotti, visita le Pagine dei prodotti e i Blocchi prodotto. Nella versione 7.1, le Pagine dei prodotti sono dette Pagine del negozio.

Prima di iniziare

  • To use Product Blocks, you need a Products Page containing the product you want to display.
  • The Products Page containing the product must be enabled. If you disable it, the product won’t appear in shopping carts when added via Product Blocks.
  • The product must be published and visible.

Add the Product Block

Per aggiungere un Blocco prodotto:

  1. Modifica una pagina o un post, clicca su un punto di inserimento e seleziona Prodotto dal menu. Per maggiori informazioni, visita Aggiungere contenuto con blocchi.
  2. In the Find A Product search bar, search for the product you want to display. Click it in the search results to add it. The search displays up to 15 products.
  3. Customize what product details display using the checkboxes.
  4. Clicca su Apply per salvare le modifiche.
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 alle Aree membri e configuri un negozio online in una delle aree 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 Trova un prodotto per selezionare i prodotti dal tuo negozio riservato.

Add product details

Use the checkboxes in the block editor to customize which product details display. These details are pulled from the Item and Options tabs in the product editor:

  • Check Show Image to display the product's thumbnail image.
  • Check Show Title to display the product's title.
  • Check Show Price to display the product's price.
  • Check Show Description to display the description of the product.
  • Check Show Add to Cart Button to display an Add to Cart button.

To change any of these details, edit the product.

Stile del Blocco prodotto

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

Testo Pulsante

By default, the text for the Product Block's button is Add to Cart. You can change this text to something else, like Buy Now.

  1. Open the Products Page containing the product displayed in your Product Block.
  2. Double-click the product to open the product editor.
  3. In the Options tab, enter new button text.

Design a pulsante

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

  1. Open a page containing a Product Block.
  2. Clicca su Modifica design, apri Stili sito, quindi clicca su Pulsanti.

Per ulteriori informazioni, visita Definire lo stile dei pulsanti.

  1. Open a page containing a Product Block.
  2. Nel Menu Home, clicca su Design, quindi su Stili sito.
  3. Scroll down to the style tweaks for buttons.

Per ulteriori informazioni, visita Definire lo stile dei pulsanti.

Testo e tipo di carattere del Blocco prodotto

Per modificare il testo visualizzato, vai alla pagina del Negozio e modifica le informazioni dell'articolo.

Il tipo di carattere dei dettagli del prodotto prende il suo stile dai tipi di carattere a livello di sito del tuo sito e segue le modifiche al paragrafo. Il titolo segue le stesse modifiche, ma appare leggermente più grande.

  1. Durante la modifica della pagina, apri Stili sito.
  2. Clicca su Design, quindi su Tipo di carattere.

I colori seguono i colori dell'intero sito o della sezione.

To change the text that displays, go to your Products Page and edit the item information.

The product details fonts take their style from other text styles on your site. In most templates:

  • 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.
  • Pricing - Follows the body text font and color, but slightly larger.
  • Description - Follows the body text font and color.

There are some exceptions. In these template families:

Famiglia di modelli Note

Bedford

  • Title color - Follows body text

Brine

  • Title color - Follows body text

Farro

  • Title color - Follows body text

Skye

  • Title font - List Title (adjust while on a Blog Page)
  • Description font - Excerpt
  • Title color - Title Color
  • Description Color - Excerpt Color
Supply
  • Price font - no style options
  • Description - Fixed weight

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

Product Block search tips

When searching for a product to display in the block, the search results are based on the following information:

  • Titoli
  • Descriptions
  • Tag
  • Categorie
  • Text Blocks in the product's Additional Information

La ricerca visualizza fino a 15 corrispondenze. Se i tuoi prodotti hanno nomi simili, cerca il titolo esatto. I nuovi prodotti potrebbero non essere visualizzati immediatamente nella ricerca.

Personalizza il tuo negozio online

Sebbene sia necessario utilizzare una Pagina prodotto per aggiungere prodotti al sito, è possibile utilizzare i Blocchi prodotto per creare un layout personalizzato per il negozio online su una pagina diversa. Dopo aver creato e personalizzato il negozio, puoi nascondere la pagina Prodotti spostandola nella sezione Non collegata del pannello Pagine. In questo modo la Pagina Prodotti viene rimossa dai menu di navigazione pur rimanendo attiva.

Risoluzione dei problemi

Il mio Blocco prodotto visualizza l'immagine sbagliata

Product Blocks display the product's thumbnail image. This image may be different than the first image set in the Item tab of the product editor. To change the image in the Product Block, change the product's thumbnail image.

Il prodotto non sarà aggiunto al carrello dal Blocco prodotto

If clicking a Product Block's Add to Cart button doesn't add the product to the shopping cart, the linked Products Page might be disabled. Products from disabled Products Pages can display in Product Blocks, but can't be added to carts. To resolve this issue, enable the Products Page.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 51 su 152