Crearea unui buton de cumpărare

După ce adăugați canalul de vânzări Buton de cumpărare în panoul de administrare Shopify, puteți crea un buton de cumpărare pentru un produs sau o colecție.

După ce creați un buton de cumpărare, copiați codul generat automat și apoi adăugați codul în pagina web sau în postarea pe blog unde doriți să se afișeze butonul. De exemplu, este posibil să doriți să adăugați butonul de cumpărare pe blogul dvs. Wordpress sau pe site-ul dvs. web Squarespace.

Aspectul butonului de cumpărare nu poate fi modificat după ce îl încorporați pe site-ul dvs. web. Dacă doriți să îl modificați, atunci trebuie să creați un buton nou în canal și să înlocuiți codul original cu noul cod.

Personalizarea butoanelor de cumpărare

Puteți personaliza aspectul unui buton de cumpărare și modul în care se comportă acesta:

  • culoarea sa
  • dimensiunea sa
  • fontul său
  • acțiunea care are loc atunci când se face clic pe buton
  • dacă plata se deschide într-o fereastră nouă de browser

Pe măsură ce personalizați butonul, puteți previzualiza modificările. Puteți testa comportamentul butonului de cumpărare făcând clic pe previzualizare.

Stil de aspect

Puteți alege aspectul butonului de cumpărare.

Descrieri ale aspectelor Basic, Clasic și Vizualizare completă, disponibile pentru butoanele de cumpărare.
BasicSelectați acest aspect pentru a adăuga un buton de cumpărare fără nicio imagine de produs. Poate doriți să faceți acest lucru dacă vă afișați deja produsele în altă parte online, dar doriți doar să adăugați un buton pentru a efectua achiziția.
ClasicSelectați acest aspect pentru a afișa o imagine de produs și prețul lângă butonul de cumpărare. Acest aspect este util pentru o previzualizare rapidă a produsului, cum ar fi într-o postare pe blog.
Vizualizare completăSelectați acest aspect pentru a afișa o imagine de produs, prețul și descrierea lângă butonul de cumpărare. Acest aspect emulează o pagină cu detalii despre produs în magazinul dvs. online.

Acțiunile butonului de cumpărare

Când creați un buton de cumpărare, puteți selecta acțiunea care are loc la clic pe buton.

Dacă butonul de cumpărare este pentru o colecție, atunci acțiunea se aplică fiecărui produs din colecție.

  • Adăugare produs în coș adaugă produsul într-un coș de cumpărături. Clienții pot continua cumpărăturile și pot adăuga produse suplimentare în coș.
  • Direct la plată duce clientul direct la pagina de plată, unde acesta poate achiziționa produsul. Clienții nu pot adăuga produse suplimentare în comanda lor.
  • Deschidere detalii produs afișează un Vizualizare produs buton. Când clientul dă clic pe buton, acesta poate vedea descrierea produsului, selecta oricare dintre variantele de produs disponibile și adăuga produsul în coș. Dacă un produs are mai multe imagini de produs, atunci sunt afișate și acestea.
    • Această opțiune nu este disponibilă atunci când alegeți aspectul Vizualizare completă, deoarece aspectul Vizualizare completă afișează deja toate detaliile produsului.

De asemenea, puteți alege dacă pagina de plată se deschide într-o fereastră nouă de browser sau dacă se deschide în aceeași filă ca site-ul dvs. web. Comportamentul implicit este ca pagina de plată să se deschidă într-o fereastră nouă.

Aspectul butonului de cumpărare

  • Stil buton include forma, culoarea și tipografia pentru partea de buton a butonului de cumpărare.
  • Aspect În funcție de stilul de aspect pe care îl alegeți, puteți personaliza setări precum alinierea butonului, dimensiunea imaginii, textul butonului, fontul, culoarea și dimensiunea.
  • Coș de cumpărături include opțiuni pentru text și culoare pentru coșul de cumpărături integrat. De asemenea, puteți activa și personaliza eticheta pentru Notă comandă câmp. Puteți utiliza notele de comandă pentru a colecta instrucțiuni speciale de la clienți despre cum să pregătiți și să livrați o comandă. Câmpul Informații suplimentare vă permite să comunicați un mesaj clienților dvs.
    • Puteți edita setările pentru coșul de cumpărături numai dacă ați ales Adăugare produs în coș sau Deschidere detalii produs ca acțiune a butonului.
  • Pop-up detaliat include setările pentru fereastra pop-up cu detaliile produsului. Puteți personaliza textul butonului, dacă să includeți sau nu câmpul pentru cantitate, culorile utilizate pentru fundal și etichete și fontul și dimensiunea fontului etichetelor. Puteți edita aceste setări numai dacă ați ales Deschidere detalii produs ca acțiune a butonului.

Crearea unui buton de cumpărare pentru un singur produs

Puteți crea un buton de cumpărare pentru un singur produs. Butonul de cumpărare poate include una sau toate variantele produsului. Când creați butonul de cumpărare, alegeți un stil de aspect și personalizați culoarea, textul și aspectul butonului, precum și acțiunea care are loc atunci când un client dă clic pe acesta. Aflați mai multe despre personalizarea butoanelor de cumpărare.

Înainte de a crea un buton de cumpărare pentru un produs, trebuie să fi adăugat produsul în panoul de administrare Shopify și să-l fi făcut disponibil pentru canalul de vânzări Buton de cumpărare.

Pași:

Desktop
  1. Din panoul de administrare Shopify, accesați Canale de vânzări > Buton de cumpărare.

  2. Dați clic pe Creați un buton de cumpărare.

  3. Dați clic pe Buton de cumpărare produs.

  4. Selectați produsul din catalogul dvs. sau utilizați căutarea pentru a găsi un produs. Dați clic pe Selectare.

  5. Opțional: personalizați butonul de cumpărare.

    1. Dacă produsul dvs. are variante, atunci selectați Toate variantele sau selectați varianta pe care doriți să o includeți.
    2. Alegeți un stil de aspect și acțiunea care are loc atunci când un client dă clic pe buton. De asemenea, puteți personaliza aspectul butonului.
    3. În mod implicit, pagina de plată se deschide într-o fereastră nouă, dar puteți alege să o deschideți în aceeași filă de browser ca site-ul dvs. web. Dați clic pe Setări avansate > Redirecționare în aceeași filă.
  6. Dați clic pe Următorul.

  7. Dați clic pe Copiere cod.

  8. Deschideți editorul HTML pentru pagina web unde doriți să afișați butonul de cumpărare. Consultați Adăugarea codului pentru butonul de cumpărare în HTML.

  9. Lipiți codul în HTML, acolo unde doriți să apară butonul de cumpărare, apoi salvați modificările.

Mobil
  1. Din Shopify app, atinge pictograma Meniu.

  2. În secțiunea Canale de vânzări, atinge Buton de cumpărare.

  3. Atingeți Creați un buton de cumpărare.

  4. Atingeți Buton de cumpărare produs.

  5. Selectați produsul din catalogul dvs. sau utilizați căutarea pentru a găsi un produs, apoi atingeți Selectare.

  6. Opțional: Atinge Personalizează.

    1. Dacă produsul dvs. are mai multe variante, atunci selectați Toate variantele sau selectați o variantă din lista verticală.
    2. Alegeți un stil de aspect și acțiunea care are loc atunci când un client dă clic pe buton. De asemenea, puteți personaliza aspectul butonului.
    3. În mod implicit, pagina de plată se deschide într-o fereastră nouă, dar puteți alege să o deschideți în aceeași filă de browser ca site-ul dvs. web. Atingeți Setări avansate > Redirecționare în aceeași filă.
  7. Atingeți Gata.

  8. Atingeți Copiere cod.

  9. Deschideți editorul HTML pentru pagina web unde doriți să afișați butonul de cumpărare. Consultați Adăugarea codului pentru butonul de cumpărare în HTML.

  10. Lipiți codul în HTML, acolo unde doriți să apară butonul de cumpărare, apoi salvați modificările.

Crearea unui buton de cumpărare pentru o colecție

Când creați un buton de cumpărare pentru o colecție, de fapt creați un buton pentru fiecare produs din colecție.

Când creați butonul de cumpărare, alegeți un stil de aspect și personalizați culoarea, textul și aspectul butonului, precum și acțiunea care are loc atunci când un client dă clic pe acesta. Aflați mai multe despre personalizarea butoanelor de cumpărare.

Înainte de a crea un buton de cumpărare pentru o colecție, asigurați-vă de următoarele:

Pași:

Desktop
  1. Din panoul de administrare Shopify, accesați Canale de vânzări > Buton de cumpărare.

  2. Dați clic pe Creați un buton de cumpărare.

  3. Faceți clic pe Buton de cumpărare pentru colecție.

  4. Selectați colecția sau utilizați căutarea pentru a găsi colecția. Faceți clic pe Selectare.

  5. Opțional: personalizați butonul de cumpărare.

    1. Alegeți acțiunea care are loc atunci când un client face clic pe buton. De asemenea, puteți personaliza aspectul butonului.
    2. În mod implicit, pagina de plată se deschide într-o fereastră nouă, dar puteți alege să o deschideți în aceeași filă de browser ca site-ul dvs. web. Dați clic pe Setări avansate > Redirecționare în aceeași filă.
  6. Dați clic pe Următorul.

  7. Dați clic pe Copiere cod.

  8. Deschideți editorul HTML pentru pagina web unde doriți să afișați butonul de cumpărare. Consultați Adăugarea codului pentru butonul de cumpărare în HTML.

  9. Lipiți codul în HTML, acolo unde doriți să apară butonul de cumpărare, apoi salvați modificările.

Mobil
  1. Din Shopify app, atinge pictograma Meniu.

  2. În secțiunea Canale de vânzări, atinge Buton de cumpărare.

  3. Atingeți Creați un buton de cumpărare.

  4. Atingeți Buton de cumpărare pentru colecție.

  5. Selectați colecția sau utilizați căutarea pentru a găsi colecția, apoi atingeți Selectare.

  6. Opțional: Atinge Personalizează.

    1. Alegeți acțiunea care are loc atunci când un client face clic pe buton. De asemenea, puteți personaliza aspectul butonului.
    2. În mod implicit, pagina de plată se deschide într-o fereastră nouă, dar puteți alege să o deschideți în aceeași filă de browser ca site-ul dvs. web. Atingeți Setări avansate > Redirecționare în aceeași filă.
  7. Atingeți Gata.

  8. Atingeți Copiere cod.

  9. Deschideți editorul HTML pentru pagina web unde doriți să afișați butonul de cumpărare. Consultați Adăugarea codului pentru butonul de cumpărare în HTML.

  10. Lipiți codul în HTML, acolo unde doriți să apară butonul de cumpărare, apoi salvați modificările.