Creazione di un Buy Button

Dopo aver aggiunto il canale di vendita Buy Button nel pannello di controllo Shopify, puoi creare un Buy Button per un prodotto o una collezione.

Dopo aver creato un Buy Button, devi copiare il codice generato automaticamente e quindi aggiungerlo alla pagina web o all'articolo del blog in cui desideri visualizzare il pulsante. Ad esempio, potresti voler aggiungere il Buy Button al tuo blog Wordpress o al tuo sito web Squarespace.

L'aspetto del Buy Button non può essere modificato dopo averlo incorporato nel tuo sito web. Se desideri modificarlo, devi creare un nuovo pulsante nel canale e sostituire il codice originale con quello nuovo.

In questa pagina

Personalizzazione dei Buy Button

Puoi personalizzare l'aspetto e il comportamento di un Buy Button:

il suo colore
le sue dimensioni
il suo font
l'azione che si verifica quando viene cliccato il pulsante
se il check-out si apre in una nuova finestra del browser

Mentre personalizzi il pulsante, puoi visualizzare l'anteprima delle modifiche. Puoi testare il comportamento del Buy Button cliccando sull'anteprima.

Stile layout

Puoi scegliere il layout del Buy Button.

Descrizioni dei layout Basic, Classic e Vista completa disponibili per i Buy Button.
Basic	Seleziona questo layout per aggiungere un Buy Button senza immagine del prodotto. Potresti volerlo fare se visualizzi già i tuoi prodotti altrove online e desideri solo aggiungere il pulsante per effettuare l'acquisto.
Classic	Seleziona questo layout per visualizzare un'immagine del prodotto e il prezzo accanto al Buy Button. Questo layout è utile per un'anteprima rapida del prodotto, ad esempio in un articolo del blog.
Vista completa	Seleziona questo layout per visualizzare l'immagine, il prezzo e la descrizione di un prodotto accanto al Buy Button. Questo layout emula una pagina di dettagli del prodotto nel tuo negozio online.

Azioni del Buy Button

Quando crei un Buy Button, puoi selezionare l'azione che si verifica quando un cliente clicca sul pulsante.

Se il Buy Button è per una collezione, l'azione si applica a ogni prodotto della collezione.

Aggiungi prodotto al carrello: aggiunge il prodotto al carrello. I clienti possono continuare a fare acquisti e aggiungere altri prodotti al carrello.
Indirizza direttamente al check-out: indirizza il cliente direttamente al check-out, dove può acquistare il prodotto. I clienti non possono aggiungere altri prodotti all'ordine.
Apri dettagli del prodotto visualizza un Visualizza prodotto pulsante. Quando il cliente clicca sul pulsante, può vedere la descrizione del prodotto, selezionare le varianti di prodotto disponibili e aggiungere il prodotto al carrello. Se un prodotto ha più immagini, vengono visualizzate anche queste.
- Questa opzione non è disponibile quando scegli il layout Full view, perché questo layout visualizza già tutti i dettagli del prodotto.

Puoi anche scegliere se il check-out si apre in una nuova finestra del browser o nella stessa scheda del tuo sito web. Per impostazione predefinita, il check-out si apre in una nuova finestra.

Aspetto del Buy Button

Stile del pulsante: include la forma, il colore e la tipografia per la parte del pulsante del Buy Button.
Layout: a seconda dello stile di layout scelto, puoi personalizzare impostazioni come l'allineamento del pulsante, le dimensioni dell'immagine, il testo del pulsante, il font, il colore e le dimensioni.
Carrello include le opzioni di testo e colore per il carrello incorporato. Puoi anche abilitare e personalizzare l'etichetta per il campo Nota sull'ordine . Puoi usare le note sull'ordine per raccogliere istruzioni speciali dai clienti su come preparare e consegnare un ordine. Il campo Informazioni aggiuntive ti consente di comunicare un messaggio ai tuoi clienti.
- Puoi modificare le impostazioni del carrello solo se hai scelto Aggiungi prodotto al carrello o Apri dettagli del prodotto come azione del pulsante.
Pop-up dettagliato: include le impostazioni per la finestra pop-up con i dettagli del prodotto. Puoi personalizzare il testo del pulsante, decidere se includere o meno il campo della quantità, i colori utilizzati per lo sfondo e le etichette, nonché il font e le dimensioni del font delle etichette. Puoi modificare queste impostazioni solo se hai scelto Apri dettagli del prodotto come azione del pulsante.

Creare un Buy Button per un singolo prodotto

Puoi creare un Buy Button per un singolo prodotto. Il Buy Button può includere una o tutte le varianti del prodotto. Quando crei il Buy Button, scegli uno stile di layout e personalizzi il colore, il testo e l'aspetto del pulsante, nonché l'azione che si verifica quando un cliente lo clicca. Scopri di più su come personalizzare i Buy Button.

Prima di creare un Buy Button per un prodotto, devi aver aggiunto il prodotto nel pannello di controllo Shopify e averlo reso disponibile per il canale di vendita Buy Button.

Passaggi:

Desktop

Dal pannello di controllo Shopify, vai a Canali di vendita > Buy Button.
Clicca su Crea un Buy Button.
Clicca su Buy Button di prodotto.
Seleziona il prodotto dal catalogo o utilizza la ricerca per trovarlo. Clicca su Seleziona.
Facoltativo: personalizza il Buy Button.
1. Se il prodotto ha delle varianti, seleziona Tutte le varianti o la variante che desideri includere.
2. Scegli uno stile di layout e l'azione che si verifica quando un cliente clicca sul pulsante. Puoi anche personalizzare l'aspetto del pulsante.
3. Per impostazione predefinita, il check-out si apre in una nuova finestra, ma puoi scegliere di aprirlo nella stessa scheda del browser del tuo sito web. Clicca su Impostazioni avanzate > Reindirizza nella stessa scheda.
Clicca su Avanti.
Clicca su Copia codice.
Apri l'editor HTML della pagina web in cui desideri visualizzare il Buy Button. Fai riferimento a Aggiunta del codice del Buy Button all'HTML.
Incolla il codice nell'HTML nel punto in cui desideri che appaia il Buy Button, quindi salva le modifiche.

Mobile

Dalla Shopify app, tocca l’icona .
Nella sezione Canali di vendita, tocca Buy Button.
Tocca Crea un Buy Button.
Tocca Buy Button di prodotto.
Seleziona il prodotto dal catalogo o utilizza la ricerca per trovarlo, quindi tocca Seleziona.
Facoltativo: tocca Personalizza.
1. Se il prodotto ha più varianti, seleziona Tutte le varianti o una variante dall'elenco a discesa.
2. Scegli uno stile di layout e l'azione che si verifica quando un cliente clicca sul pulsante. Puoi anche personalizzare l'aspetto del pulsante.
3. Per impostazione predefinita, il check-out si apre in una nuova finestra, ma puoi scegliere di aprirlo nella stessa scheda del browser del tuo sito web. Tocca Impostazioni avanzate > Reindirizza nella stessa scheda.
Tocca Fine.
Tocca Copia codice.
Apri l'editor HTML della pagina web in cui desideri visualizzare il Buy Button. Fai riferimento a Aggiunta del codice del Buy Button all'HTML.
Incolla il codice nell'HTML nel punto in cui desideri che appaia il Buy Button, quindi salva le modifiche.

Creare un Buy Button per una collezione

Quando crei un Buy Button per una collezione, in realtà stai creando un pulsante per ogni prodotto della collezione.

Quando crei il Buy Button, scegli uno stile di layout e personalizzi il colore, il testo e l'aspetto del pulsante, nonché l'azione che si verifica quando un cliente lo clicca. Scopri di più su come personalizzare i Buy Button.

Prima di creare un Buy Button per una collezione, assicurati di aver:

Passaggi:

Desktop

Dal pannello di controllo Shopify, vai a Canali di vendita > Buy Button.
Clicca su Crea un Buy Button.
Clicca su Buy Button per la collezione.
Seleziona la collezione oppure usa la ricerca per trovarla. Clicca su Seleziona.
Facoltativo: personalizza il Buy Button.
1. Scegli l’azione da eseguire quando un cliente clicca sul pulsante. Puoi anche personalizzare l’aspetto del pulsante.
2. Per impostazione predefinita, il check-out si apre in una nuova finestra, ma puoi scegliere di aprirlo nella stessa scheda del browser del tuo sito web. Clicca su Impostazioni avanzate > Reindirizza nella stessa scheda.
Clicca su Avanti.
Clicca su Copia codice.
Apri l'editor HTML della pagina web in cui desideri visualizzare il Buy Button. Fai riferimento a Aggiunta del codice del Buy Button all'HTML.
Incolla il codice nell'HTML nel punto in cui desideri che appaia il Buy Button, quindi salva le modifiche.

Mobile

Dalla Shopify app, tocca l’icona .
Nella sezione Canali di vendita, tocca Buy Button.
Tocca Crea un Buy Button.
Tocca Buy Button per la collezione.
Seleziona la collezione oppure usa la ricerca per trovarla, quindi tocca Seleziona.
Facoltativo: tocca Personalizza.
1. Scegli l’azione da eseguire quando un cliente clicca sul pulsante. Puoi anche personalizzare l’aspetto del pulsante.
2. Per impostazione predefinita, il check-out si apre in una nuova finestra, ma puoi scegliere di aprirlo nella stessa scheda del browser del tuo sito web. Tocca Impostazioni avanzate > Reindirizza nella stessa scheda.
Tocca Fine.
Tocca Copia codice.
Apri l'editor HTML della pagina web in cui desideri visualizzare il Buy Button. Fai riferimento a Aggiunta del codice del Buy Button all'HTML.
Incolla il codice nell'HTML nel punto in cui desideri che appaia il Buy Button, quindi salva le modifiche.