Shopify non è solo per le aziende con siti web di e-commerce. Chiunque desideri monetizzare un progetto, come blogger, artisti e artiste, scrittori e scrittrici, designer, podcaster e influencer, può utilizzare Shopify per vendere online.
Per chi non vuole impostare un negozio online completo o creare un ostacolo chiedendo al pubblico di visitare una destinazione esterna, il Buy Button di Shopify è una soluzione comoda.
Che cos'è il Buy Button di Shopify?
Il Buy Button di Shopify consente di creare e incorporare un'opzione di pagamento su qualsiasi tipo di sito web, in modo che la clientela possa acquistare i tuoi prodotti direttamente dalla pagina che stanno visitando.
Shopify genera il codice per incorporare e mostrare i tuoi articoli in vendita, assicurando che il pulsante sia semplice da configurare, ottimizzato per dispositivi mobili e sicuro. Puoi anche personalizzare la combinazione di colori, i dettagli del prodotto e le immagini del prodotto visualizzate con il Buy Button per adattarle allo stile della tua pagina.
Scopri di più sul Buy Button di Shopify.
Inizia con il Buy Button di Shopify in tre passaggi
- Aggiungi il canale di vendita Buy Button al tuo negozio Shopify
- Crea un Buy Button
- Aggiungi il codice di incorporamento del Buy Button all'HTML del tuo sito web
1. Aggiungi il canale di vendita Buy Button al tuo negozio Shopify
Inizia accedendo a Shopify. Se vedi il Buy Button elencato sotto i tuoi canali di vendita nel menu a sinistra, puoi passare direttamente al passaggio 2.
Su desktop
- Vai alla pagina del canale di vendita Buy Button nello Shopify App Store.
- Installa l'app
- Fissa l'app alla tua navigazione di amministrazione (opzionale)
Se non fissi il Buy Button, puoi trovarlo di nuovo cliccando su "Canali di vendita" e poi "Buy Button" sotto i tuoi canali installati.
Su mobile
Apri l'app Shopify sul tuo dispositivo mobile e seleziona "Negozio" dal menu in basso. Accanto a "Canali di vendita", seleziona "Aggiungi canale" su iPhone o "+" su Android. Seleziona "Buy Button", poi tocca "Aggiungi Buy Button."
2. Crea un Buy Button
Una volta aggiunto il canale di vendita Buy Button, puoi creare il tuo Buy Button. Nella scheda Buy Button, clicca su "Crea un Buy Button".
Puoi creare Buy Button per un singolo prodotto o per un insieme di prodotti. Nella schermata successiva, ti verrà chiesto di selezionare quale opzione preferisci.
Scegli un'opzione, poi seleziona quali dei tuoi prodotti desideri utilizzare per creare i Buy Button.
Una volta effettuata la selezione, la pagina indirizzerà all'editor del Buy Button, dove puoi personalizzare l'aspetto del pulsante.
Come personalizzare il Buy Button
Nell'editor del Buy Button, vedrai diverse opzioni elencate sul lato sinistro per personalizzare l'aspetto del pulsante, mentre a destra viene mostrata un’anteprima.
Regola le opzioni a sinistra secondo le tue preferenze. L'anteprima si aggiornerà automaticamente, così potrai vedere come appare il tuo Buy Button mentre lo modifichi. Puoi anche vedere come apparirà il pulsante su schermi desktop e mobile cliccando sulle icone desktop o mobile centrali nella parte superiore dell'editor.
Ecco un riepilogo delle opzioni che puoi personalizzare:
- Variante del prodotto: seleziona quali varianti del prodotto vuoi che siano acquistabili tramite il Buy Button. Tutte le varianti saranno selezionate per impostazione predefinita.
- Layout: Scegli tra "Base", "Classico" e "Vista completa". A destra, vedrai un'anteprima di ciascun layout quando lo selezioni dal menu a discesa "Layout".
- Azione quando le persone cliccano: scegli tra "Aggiungi prodotto al carrello", "Direttamente al checkout" o "Apri dettagli del prodotto". L'opzione "Aggiungi prodotto al carrello" creerà un widget del carrello sul lato destro dello schermo. L'opzione "Direttamente al checkout" creerà un pulsante Acquista ora che porterà l'utente direttamente al checkout (nota che i clienti non potranno aggiungere più di un articolo al carrello utilizzando questa opzione). L'opzione "Apri dettagli del prodotto" creerà un pulsante Visualizza prodotto che apre un pop-up con informazioni sul prodotto e un pulsante Aggiungi al carrello.
- Stile del pulsante: qui puoi regolare i colori, il carattere, la dimensione e la forma degli angoli del tuo Buy Button.
- Layout: il menu Layout ti permette di fare regolazioni più dettagliate al layout del tuo pulsante. Puoi personalizzare i colori dei caratteri, il testo del pulsante e le impostazioni tipografiche.
- Carrello: qui puoi regolare le impostazioni del tuo widget del carrello, inclusi testo e colori. Nota che questa opzione sarà disabilitata se utilizzi il layout "Direttamente al checkout", poiché non c'è un widget del carrello.
- Pop-up dettagliato: se selezioni "Apri dettagli del prodotto" sotto "Azione quando le persone cliccano", potrai personalizzare il testo, i colori e le opzioni tipografiche per il pop-up in questa sezione.
- Impostazioni avanzate: qui puoi regolare come il tuo checkout viene presentato all'utente. Puoi selezionare "Apri finestra pop-up" (che creerà un checkout pop-up che si chiude quando l'ordine è completato), oppure "Reindirizza nella stessa scheda" (che porterà l'utente alla tua pagina di checkout Shopify e lo riporterà alla tua pagina una volta completata la transazione).
Ricorda che modificare queste impostazioni non cambierà i Buy Button già incorporati. Prenditi il tuo tempo e assicurati che il Buy Button sia formattato secondo le tue preferenze prima di passare al passaggio successivo.
Quando hai scelto il design, clicca sul pulsante "Avanti" nell'angolo in alto a destra.
3. Aggiungi il codice di incorporamento del Buy Button all'HTML del tuo sito web
Quando clicchi su "Avanti", il codice di incorporamento per il tuo Buy Button verrà generato automaticamente. Clicca sul pulsante "Copia codice" se vuoi incorporarlo in una pagina web, oppure sul pulsante "Continua a personalizzare" se desideri tornare all'editor del Buy Button per apportare modifiche.
Il codice che hai copiato può essere incollato nell'HTML di qualsiasi pagina web. Creerà un Buy Button e un carrello che si collegheranno direttamente alla tua amministrazione Shopify, permettendoti di gestire e elaborare ordini da qualsiasi pagina.
Il processo di aggiunta del codice di incorporamento varia a seconda di come desideri che appaia il pulsante e quale costruttore di siti web e tema stai utilizzando.
Ecco i passaggi da seguire per incorporare un Buy Button di Shopify sulla pagina di destinazione o nel post del tuo negozio Shopify, su un sito Squarespace o su un blog WordPress:
Aggiungi codice di incorporamento a una pagina di destinazione o a un post del blog sul tuo negozio Shopify
Il tuo negozio Shopify avrà già pagine prodotto e un carrello integrati, ma a volte potrebbero esserci situazioni in cui desideri aggiungere un Buy Button direttamente in una pagina o in un post del blog per maggiore comodità.
Ad esempio, se stai scrivendo un post sul blog riguardante un prodotto appena lanciato, potresti voler offrire alle persone un modo semplice per acquistare direttamente dal post, piuttosto che rimandarli a una pagina separata.
In questo caso, segui questi passaggi:
- Per prima cosa, segui i passaggi sopra per copiare il codice di incorporamento del Buy Button.
- Dalla pagina di amministrazione di Shopify, vai su "Negozio online" > "Post del blog" o "Negozio online" > "Pagine", a seconda che tu stia aggiungendo a un post del blog o a una pagina.
- Seleziona il post del blog o la pagina a cui desideri aggiungere il Buy Button.
- Nella finestra "Contenuto", seleziona il pulsante "<>" per passare dalla visualizzazione di modifica alla visualizzazione HTML.
Una volta salvata la tua pagina o il tuo post del blog, il tuo Buy Button sarà aggiunto alla pagina. Se desideri vedere come appare senza pubblicare, seleziona "Anteprima" (o "Visualizza pagina" se lo stai aggiungendo a una pagina) nell'angolo in alto a destra dell'editor della pagina.
Aggiungi un Buy Button a un sito Squarespace
Su Squarespace, potrai aggiungere il tuo Buy Button a singoli post o ai menu sulla tua homepage. Per aggiungere un Buy Button al tuo sito Squarespace:
- Per prima cosa, segui i passaggi sopra per copiare il codice di incorporamento del Buy Button.
- Accedi al tuo dashboard di Squarespace e apri la pagina in cui desideri aggiungere un Buy Button.
- Passa il mouse sull'area "Contenuto della pagina" dell'elemento della pagina in cui desideri che appaia il Buy Button e clicca su "Modifica".
- Seleziona il punto di inserimento in cui desideri aggiungere il codice di incorporamento.
- Dal menu "Blocchi di contenuto", sotto la sezione "Altro", seleziona "Codice".
- Assicurati che "HTML" sia selezionato dal menu a discesa nell'angolo in alto a destra, quindi incolla il codice di incorporamento del Buy Button nel campo "Codice".
- Clicca su "Applica".
Tieni presente che alcuni temi personalizzati di Squarespace potrebbero richiedere conoscenze più avanzate di HTML per le personalizzazioni. In questi casi, è meglio contattare direttamente uno sviluppatore per assistenza nell'aggiunta di codice personalizzato al tuo sito.
Aggiungi un Buy Button a un blog WordPress
Per aggiungere un Buy Button a un post sul tuo sito WordPress.org:
- Per prima cosa, segui i passaggi sopra per copiare il codice di incorporamento del Buy Button.
- Dalla bacheca di WordPress, vai ai post e seleziona quello a cui desideri aggiungere un Buy Button.
- A seconda della versione dell'editor di WordPress che stai utilizzando, completa uno dei seguenti passaggi:
- Se stai utilizzando l'Editor Classico per il sito WordPress, clicca sulla scheda "Testo" nell'editor per passare dalla visualizzazione visiva alla visualizzazione testo.
- Se stai utilizzando l'Editor a Blocchi per il sito WordPress, clicca sul pulsante "+", poi cerca e seleziona "HTML personalizzato".
- Incolla il codice di incorporamento del Buy Button nello spazio in cui desideri che appaia.
- Clicca su "Salva bozza", "Anteprima" o "Pubblica", a seconda dell'azione che desideri intraprendere.
Puoi anche aggiungere il codice di incorporamento a un menu di WordPress completando i seguenti passaggi:
- Per prima cosa, segui i passaggi sopra per copiare il codice di incorporamento del Buy Button.
- Dalla tua bacheca di WordPress, clicca su "Aspetto".
- Seleziona "Personalizza" per aprire l'editor del tema, quindi seleziona "Widget".
- Seleziona l'area in cui desideri aggiungere il tuo Buy Button.
- Clicca su "Aggiungi un widget", poi "Testo".
- Incolla il codice di incorporamento del Buy Button.
- Clicca su "Salva e pubblica".
I Buy Button di Shopify sono compatibili con la piattaforma WordPress.org, ma non con WordPress.com, a causa delle limitazioni di personalizzazione HTML.
Aggiungi un Buy Button a Wix
Per aggiungere un Buy Button di Shopify al tuo sito Wix, segui questi passaggi:
- Per prima cosa, segui i passaggi sopra per copiare il codice di incorporamento del Buy Button.
- Dalla bacheca di Wix, seleziona il sito dalla pagina "I miei siti" a cui desideri aggiungere il Buy Button, quindi seleziona "Modifica sito".
- Nell'editor del sito Wix, clicca su "+", poi "Altro". Seleziona "Codice HTML". Questo aggiungerà un widget di codice HTML alla tua pagina.
- Clicca su "Inserisci codice". Nella finestra pop-up "Impostazioni HTML", incolla il tuo codice di incorporamento del Buy Button nel campo "Aggiungi codice qui".
- Clicca su "Applica".
- Regola la dimensione del widget di codice HTML secondo le tue preferenze. Ricorda di assicurarti che la scheda del carrello sia visibile se hai incorporato un Buy Button con un carrello.
- Quando hai finito di regolare, clicca su "Salva".
Vale la pena notare che se desideri incorporare Buy Button per più prodotti, è meglio incorporare un Buy Button per una collezione, piuttosto che un Buy Button per un singolo prodotto. Se incorpori più Buy Button per singoli prodotti, le persone vedranno un carrello separato per ciascun prodotto.
Aggiunta di tag script del Buy Button di Shopify
In alcuni casi, i costruttori di siti web (come Unbounce) richiederanno che tu incolli i tag script separatamente nell'intestazione, mentre incolli il resto del codice nel corpo della tua pagina, dove desideri che appaia il Buy Button.
Per fare questo, dovrai separare l'elemento script dall'elemento div nel tuo codice di incorporamento del Buy Button. Vedrai l'elemento div nella parte superiore del codice. Apparirà simile a questo:
<div></div>
L'elemento script (che è molto più lungo) costituisce il resto del codice di incorporamento, iniziando con script type="text/javascript" e terminando con /script.
Una volta che hai separato questi elementi, ecco i passaggi da seguire:
- Apri l'intestazione della pagina per il sito web dove desideri incorporare il tuo Buy Button.
- Copia e incolla l'elemento script, per intero, nell'intestazione della tua pagina web.
- Salva le modifiche.
- Ora, apri l'editor della pagina dove desideri aggiungere il Buy Button di Shopify.
- Copia e incolla l'elemento div nella pagina, dove desideri che appaia il Buy Button.
- Salva le modifiche.
Aggiungi e-commerce a qualsiasi sito web con un Buy Button di Shopify
I Buy Button di Shopify aiutano i venditori a raggiungere la clientela indipendentemente dalla pagina o dalla piattaforma. La comodità di vendere direttamente alle persone senza doverle indirizzare a un'altra pagina riduce le difficoltà e può contribuire ad aumentare le vendite.
Per chi possiede un negozio, un Buy Button strategicamente posizionato su una pagina del blog può offrire alle persone un modo semplice per acquistare prodotti senza lasciare la pagina in cui si trovano.
Per blogger, artisti e artiste, scrittori e scrittrici, designer, podcaster, influencer e chiunque altro desideri monetizzare il proprio lavoro, i Buy Button di Shopify offrono un modo semplice per sfruttare la piattaforma e-commerce di Shopify senza dover costruire un intero nuovo sito web.
Con stili, colori e funzionalità personalizzabili, i Buy Button di Shopify ti permettono di trasformare qualsiasi pagina o sito web in un negozio online completo.
Buy Button di Shopify: domande frequenti
Come aggiungo un Buy Button su Shopify?
- Aggiungi il canale di vendita Buy Button al tuo negozio Shopify.
- Clicca su Buy Button > Crea un Buy Button. Seleziona un pulsante di acquisto per prodotto o per collezione e poi il prodotto o la collezione che desideri utilizzare.
- Personalizza i colori, le dimensioni, il testo e la funzionalità del tuo Buy Button secondo le tue preferenze e clicca su Avanti.
- Clicca su Copia codice.
- Incolla il codice di incorporamento nella pagina web dove desideri che appaia il tuo Buy Button.
Che cosa fa il Buy Button su Shopify?
I Buy Button di Shopify consentono a chi visita la tua pagina di acquistare prodotti dal tuo negozio Shopify senza dover visitare direttamente il tuo negozio. I Buy Button possono essere aggiunti a qualsiasi sito web o blog non Shopify con HTML personalizzabile, integrando gli strumenti e-commerce di Shopify nel tuo sito web non Shopify.
Il Buy Button su Shopify è sicuro?
I Buy Button sono un modo sicuro e protetto per vendere prodotti e servizi, poiché le persone vengono indirizzati al tuo checkout Shopify completamente protetto e conforme alle norme PCI per elaborare la loro transazione. La conformità di Shopify copre tutte e sei le categorie standard PCI e si applica a ogni checkout sulla nostra piattaforma.
Qual è il costo di un Buy Button di Shopify?
I Buy Buttons di Shopify sono inclusi come funzionalità in tutti i piani di abbonamento Shopify, incluso il piano Starter, che costa 5€ al mese.
Quali sono i vantaggi del Buy Button?
Il Buy Button ti consente di vendere su qualsiasi pagina web o post del blog utilizzando il checkout sicuro di Shopify e gli strumenti di gestione e-commerce, senza dover configurare un negozio Shopify. I Buy Button creano un'esperienza di checkout senza ostacoli che può contribuire a generare più vendite su pagine ad alto traffico.
Qual è la differenza tra un Buy Button e un pulsante d'ordine Shopify?
Entrambi svolgono funzioni simili, ma i Buy Button di Shopify possono essere incorporati in qualsiasi pagina o post del blog, anche su piattaforme di costruzione di siti di terze parti come WordPress e Squarespace. I Buy Button differiscono dai pulsanti Aggiungi al carrello sulle tue pagine prodotto, che sono integrati direttamente nel tuo tema Shopify e non possono essere incorporati altrove.
