Buy Button Shopify pentru magazine online

Poți folosi Shopify pentru a vinde online, chiar dacă nu dorești să creezi un magazin online complet.

Buy Button (butonul de cumpărare) îți permite să monetizezi orice pagină web, fie că este vorba despre un blog, un portofoliu sau un cont de social media.

Mai jos, descoperă cum să integrezi butonul de cumpărare pe orice tip de site web pentru a oferi vizitatorilor opțiunea de a achiziționa produse.

Ce este Buy Button?

Buy Button îți permite să creezi și să integrezi o opțiune de finalizare a comenzii pe orice tip de site web, astfel încât clienții pot achiziționa produsele tale direct de pe pagina pe care o vizitează.

Shopify generează codul necesar pentru a integra și prezenta articolele tale, făcând butonul simplu de configurat, compatibil cu dispozitivele mobile și securizat.

Poți personaliza schema de culori, detaliile produsului și imaginile afișate împreună cu butonul de cumpărare pentru a se potrivi stilului paginii tale.

Află mai multe despre Buy Button Shopify.

Primii pași cu butonul de cumpărare: 3 etape

1. Adaugă canalul de vânzare Buy Button în magazinul tău Shopify
2. Creează un buton de cumpărare
3. Adaugă codul de integrare Buy Button în HTML-ul site-ului tău

1. Adaugă canalul de vânzare Buy Button în magazinul tău Shopify

Începe prin a te autentifica în Shopify. Dacă vezi Buy Button listat sub canalele tale de vânzare în meniul din stânga, poți trece direct la pasul 2.

Pe desktop

1. Accesează pagina canalului de vânzare Buy Button din Shopify App Store.

2. Instalează aplicația

3. Fixează aplicația în navigarea din panoul de administrare (opțional)

Dacă nu fixezi butonul de cumpărare, îl poți găsi din nou dând click pe „Sales channels” (canale de vânzare) și apoi pe „Buy Button” sub canalele tale instalate.

Pe mobil

• Deschide aplicația Shopify pe dispozitivul tău mobil și selectează „Store” (Magazin) din meniul de jos.
• Lângă „Sales Channesl” (Canale de vânzări), selectează „Add channel” (Adaugă canal) pe iPhone sau „+" pe Android.
• Selectează „Buy Button”, apoi apasă „Add Buy Button” (Adaugă buton de cumpărare).

2. Creează un buton de cumpărare

După ce ai adăugat canalul de vânzare Buy Button, ești gata să îți creezi butonul de cumpărare.

În fila Buy Button, dă click pe „Create a Buy Button” (Creează un buton de cumpărare).

Poți crea butoane de cumpărare pentru un singur produs sau pentru o întreagă colecție de produse. Pe ecranul următor, vei fi întrebat să selectezi opțiunea preferată.

Alege o opțiune, apoi selectează pentru care dintre produsele tale dorești să creezi butoane de cumpărare.

După ce ai făcut selecția, vei fi direcționat către editorul butonului de cumpărare, unde poți personaliza aspectul butonului.

Cum să personalizezi butonul de cumpărare

În editorul butonului de cumpărare, vei vedea o serie de opțiuni listate în partea stângă pentru personalizarea aspectului butonului. În dreapta, vei vedea o previzualizare a modului în care va arăta butonul de cumpărare.

Ajustează opțiunile din stânga după preferințe. Previzualizarea se va actualiza automat, astfel încât poți vedea cum arată butonul de cumpărare pe măsură ce îl ajustezi. Poți vedea, de asemenea, cum va apărea butonul pe ecranele desktop și mobile dând click pe pictogramele desktop sau mobil centrate în partea de sus a editorului.

Iată o detaliere a opțiunilor pe care le poți personaliza:

• Varianta produsului: Selectează ce variante ale produsului dorești să fie disponibile pentru achiziție prin butonul de cumpărare. Toate variantele vor fi selectate implicit.
• Aspect: Alege între „Basic", „Classic" și „Full View". În dreapta, vei vedea o previzualizare a fiecărui aspect când îl selectezi din meniul derulant „Layout".
• Acțiune la click: Alege între „Add product to cart”, „Direct to checkout" sau „Open product details". Opțiunea „Add product to cart" va crea un widget de coș în partea dreaptă a ecranului. Opțiunea „Direct to checkout" va crea un buton „Buy now” (Cumpără acum) care va duce utilizatorul direct la finalizarea comenzii (reține că clienții nu vor putea adăuga mai mult de un articol în coș folosind această opțiune). Opțiunea „Open product details" va crea un buton de vizualizare a produsului care va deschide o fereastră de tip pop-up cu informații despre produs și cu buton „Add to Cart” (Adaugă în coș).
• Stilul butonului: Aici poți ajusta culorile, fontul, dimensiunea și forma colțurilor butonului de cumpărare.
• Aspect: Meniul Layout îți va permite să faci ajustări mai fine la aspectul butonului. Poți personaliza culorile fonturilor, textul butonului și setările tipografice.
• Coșul de cumpărături: Aici vei putea ajusta setările widgetului pentru coșul de cumpărături, inclusiv textul și culorile. Reține că această opțiune va fi dezactivată dacă folosești aspectul „Direct to checkout", deoarece nu este nevoie de widgetul cu coș.
• Pop-up detaliat: Dacă selectezi „Open product details" sub „Action when people click" (Acțiune când oamenii dau click), vei putea personaliza textul, culorile și opțiunile tipografice pentru pop-up în această secțiune.
• Setări avansate: Aici poți ajusta modul în care finalizarea comenzii este prezentată utilizatorului. Poți selecta fie „Open pop-up window" (care va crea o fereastră de tip pop-up ce se închide când comanda este completată), fie „Redirect in the same tab" (care va trimite utilizatorul la pagina ta de finalizare Shopify și îl va returna la pagina ta odată ce tranzacția este finalizată).

Reține că ajustarea acestor setări nu va modifica butoanele de cumpărare care au fost deja integrate.

Când ai terminat designul, dă click pe butonul Next" (Înainte) din colțul din dreapta sus.

3. Adaugă codul de integrare Buy Button în HTML-ul site-ului tău

Când dai click pe „Next", codul de integrare pentru butonul tău de cumpărare va fi generat automat. Dă click pe butonul „Copy Code" dacă ești gata să îl integrezi pe o pagină web.

Codul pe care l-ai copiat poate fi inserat în HTML-ul oricărei pagini web. Va crea un buton de cumpărare și un coș care se vor conecta direct la panoul tău de administrare din Shopify, permițându-ți să gestionezi și să procesezi comenzi de pe orice pagină web.

Procesul de adăugare a codului de integrare variază în funcție de modul în care dorești să arate butonul, de constructorul de site-uri web și tema pe care le folosești.

Adăugarea etichetelor script pentru Buy Button

Unele platforme de creare a site-urilor web necesită să inserezi etichetele script separat în antetul paginii, în timp ce restul codului îl inserezi în corpul paginii, oriunde dorești să apară butonul de cumpărare.

Pentru a face acest lucru, va trebui să separi elementul script de elementul div din codul de integrare al butonului de cumpărare.

Vei vedea elementul div în partea de sus a codului. Arată cam așa:

<div id="product-component-1655929612938"></div>

Elementul script constituie restul codului de integrare, începând cu  script type="text/javascript" și terminând cu /script.

Copiază și inserează elementul script, în întregime, în antetul paginii site-ului tău.

Apoi, deschide editorul de pagini pentru pagina unde dorești să adaugi un buton de cumpărare. Inserează elementul div în pagină oriunde dorești să apară butonul de cumpărare.

Adaugă funcționalități de e-comerț pe orice site web cu Buy Button

Butoanele de cumpărare permit vânzătorilor să întâlnească clienții acolo unde se află. Vânzarea directă către clienți fără a-i trimite pe o altă pagină reduce frustrarea și poate contribui la creșterea vânzărilor.

Pentru bloggeri, artiști, scriitori, designeri, podcasteri, influenceri și oricine altcineva dorește să își monetizeze munca, butoanele de cumpărare reprezintă o modalitate simplă de a folosi Shopify fără a construi un site web nou.