Izrada gumba Kupi
Nakon što dodate prodajni kanal Gumb Kupi u administratorski alat za Shopify, možete izraditi gumb Kupi za proizvod ili kolekciju.
Nakon što izradite gumb Kupi, kopirajte automatski generirani kod i dodajte ga na internetsku stranicu ili objavu na blogu gdje želite prikazati gumb. Na primjer, gumb Kupi možete dodati na blog na platformi Wordpress ili na mrežno mjesto na platformi Squarespace.
Izgled gumba Kupi ne može se promijeniti nakon što ga ugradite na svoje mrežno mjesto. Ako ga želite promijeniti, morate izraditi novi gumb na kanalu i zamijeniti originalni kod novim kodom.
Na ovoj stranici
Prilagodba gumba Kupi
Možete prilagoditi izgled i ponašanje gumba Kupi:
- boju
- veličinu
- font
- radnju koja se događa nakon klika na gumb
- hoće li se plaćanje otvoriti u novom prozoru preglednika
Tijekom prilagodbe gumba možete pregledati promjene. Ponašanje gumba Kupi možete testirati klikom na pretpregled.
Stil dizajna
Možete odabrati izgled gumba Kupi.
| Osnovni | Odaberite ovaj izgled da biste dodali gumb Kupi bez slike proizvoda. Ovo može biti korisno ako proizvode već prikazujete negdje drugdje na mreži, a želite samo dodati gumb za kupnju. |
| Klasični | Odaberite ovaj izgled da bi se uz gumb Kupi prikazali slika proizvoda i cijena. Ovaj izgled koristan je za brzi pretpregled proizvoda, primjerice u objavi na blogu. |
| Puni prikaz | Odaberite ovaj izgled da bi se uz gumb Kupi prikazali slika proizvoda, cijena i opis. Ovaj izgled oponaša stranicu s pojedinostima o proizvodu u vašoj internetskoj trgovini. |
Radnje gumba Kupi
Prilikom izrade gumba Kupi možete odabrati radnju koja se odvija nakon klika na gumb.
Ako je gumb Kupi namijenjen za kolekciju, radnja se primjenjuje na svaki proizvod u kolekciji.
- Opcijom Dodaj proizvod u košaricu proizvod se dodaje u sigurnu košaricu. Korisnici mogu nastaviti kupovati i dodavati druge proizvode u košaricu.
- Opcija Izravno na plaćanje vodi korisnika izravno na plaćanje, gdje može kupiti proizvod. Korisnici ne mogu dodati druge proizvode svojoj narudžbi.
- Otvori pojedinosti o proizvodu prikazuje gumb Prikaži proizvod . Kada korisnik klikne taj gumb, može vidjeti opis proizvoda, odabrati dostupne varijante proizvoda i dodati proizvod u košaricu. Ako proizvod ima više slika proizvoda, one se također prikazuju.
- Ova opcija nije dostupna kad odaberete izgled Puni prikaz jer taj izgled već prikazuje sve pojedinosti o proizvodu.
Također možete odabrati otvara li se plaćanje u novom prozoru preglednika ili na istoj kartici kao i vaše mrežno mjesto. Prema zadanim postavkama plaćanje se otvara u novom prozoru.
Izgled gumba Kupi
- Stil gumba uključuje oblik, boju i tipografiju samog gumba unutar gumba Kupi.
- Izgled Ovisno o odabranom stilu dizajna možete prilagoditi postavke kao što su poravnanje gumba, veličina slike, tekst gumba, font, boja i veličina.
- Sigurna košarica uključuje opcije teksta i boje za ugrađenu sigurnu košaricu. Također možete omogućiti i prilagoditi oznaku za polje Napomena o narudžbi . Napomene o narudžbi možete upotrijebiti kako biste od korisnika prikupili posebne upute za pripremu i dostavu narudžbe. Polje Dodatne informacije omogućuje vam prenošenje poruke korisnicima.
- Postavke sigurne košarice možete uređivati samo ako ste za radnju gumba odabrali Dodaj proizvod u košaricu ili Otvori pojedinosti o proizvodu.
- Skočni prozor s pojedinostima obuhvaća postavke za skočni prozor s pojedinostima o proizvodu. Možete prilagoditi tekst gumba, hoćete li uključiti polje za količinu, boje koje se upotrebljavaju za pozadinu i oznake te font i veličinu fonta oznaka. Ove postavke možete uređivati samo ako ste za radnju gumba odabrali Otvori pojedinosti o proizvodu.
Izrada gumba Kupi za jedan proizvod
Možete izraditi gumb Kupi za pojedinačni proizvod. Gumb Kupi može obuhvaćati jednu ili sve varijante proizvoda. Kada izrađujete gumb Kupi, odabirete stil dizajna i prilagođavate boju, tekst i izgled gumba, kao i radnju koja će se izvršiti kada korisnik klikne na njega. Saznajte više o prilagođavanju gumba Kupi.
Prije nego što izradite gumb Kupi za proizvod, morate dodati proizvod u administratorski alat za Shopify i učiniti ga dostupnim prodajnom kanalu gumba Kupi.
Koraci:
Stolno računalo
U administratorskom alatu za Shopify idite na Prodajni kanali > Gumb Kupi.
Kliknite na Izradi gumb Kupi.
Kliknite na Gumb Kupi za proizvod.
Odaberite proizvod iz kataloga ili upotrijebite pretraživanje da biste pronašli proizvod. Kliknite Odaberi.
Neobavezno: prilagodite gumb Kupi.
- Ako proizvod ima varijante, odaberite Sve varijante ili odaberite varijantu koju želite obuhvatiti.
- Odaberite stil dizajna i radnju koja se izvršava kada korisnik klikne na gumb. Također možete prilagoditi izgled gumba.
- Prema zadanim postavkama plaćanje se otvara u novom prozoru, no možete odabrati i otvaranje plaćanja u istoj kartici preglednika kao i mrežno mjesto. Kliknite na Napredne postavke > Preusmjeri u istoj kartici.
Kliknite Dalje.
Kliknite na Kopiraj kod.
Otvorite uređivač za HTML internetske stranice na kojoj želite prikazati gumb Kupi. Pogledajte odjeljak Dodavanje koda za gumb Kupi u HTML.
Zalijepite kod u HTML na mjestu gdje želite da se prikaže gumb Kupi, a zatim spremite promjene.
Mobilni uređaj
U aplikaciji Shopify dodirnite ikonu
.U odjeljku Prodajni kanali dodirnite Gumb Kupi.
Dodirnite Izradi gumb Kupi.
Dodirnite Gumb Kupi za proizvod.
Odaberite proizvod iz kataloga ili upotrijebite pretraživanje da biste pronašli proizvod, a zatim dodirnite Odaberi.
Neobavezno: dodirnite Prilagodi.
- Ako proizvod ima više varijanti, odaberite Sve varijante ili odaberite varijantu na padajućem izborniku.
- Odaberite stil dizajna i radnju koja se izvršava kada korisnik klikne na gumb. Također možete prilagoditi izgled gumba.
- Prema zadanim postavkama plaćanje se otvara u novom prozoru, no možete odabrati i otvaranje plaćanja u istoj kartici preglednika kao i mrežno mjesto. Dodirnite Napredne postavke > Preusmjeri u istoj kartici.
Dodirnite Gotovo.
Dodirnite Kopiraj kod.
Otvorite uređivač za HTML internetske stranice na kojoj želite prikazati gumb Kupi. Pogledajte odjeljak Dodavanje koda za gumb Kupi u HTML.
Zalijepite kod u HTML na mjestu gdje želite da se prikaže gumb Kupi, a zatim spremite promjene.
Izrada gumba Kupi za kolekciju
Kada izrađujete gumb Kupi za kolekciju, zapravo izrađujete gumb za svaki proizvod u kolekciji.
Kada izrađujete gumb Kupi, odabirete stil dizajna i prilagođavate boju, tekst i izgled gumba, kao i radnju koja će se izvršiti kada korisnik klikne na njega. Saznajte više o prilagođavanju gumba Kupi.
Prije nego što izradite gumb Kupi za kolekciju, morate:
- dodati proizvode u administratorski alat za Shopify,
- učiniti proizvode dostupnima prodajnom kanalu gumba Kupi
- izraditi kolekciju.
Koraci:
Stolno računalo
U administratorskom alatu za Shopify idite na Prodajni kanali > Gumb Kupi.
Kliknite na Izradi gumb Kupi.
Kliknite na Gumb Kupi za kolekciju.
Odaberite kolekciju ili upotrijebite pretraživanje da biste je pronašli. Kliknite Odaberi.
Neobavezno: prilagodite gumb Kupi.
- Odaberite radnju koja se izvršava kada korisnik klikne na gumb. Također možete prilagoditi izgled gumba.
- Prema zadanim postavkama plaćanje se otvara u novom prozoru, no možete odabrati i otvaranje plaćanja u istoj kartici preglednika kao i mrežno mjesto. Kliknite na Napredne postavke > Preusmjeri u istoj kartici.
Kliknite Dalje.
Kliknite na Kopiraj kod.
Otvorite uređivač za HTML internetske stranice na kojoj želite prikazati gumb Kupi. Pogledajte odjeljak Dodavanje koda za gumb Kupi u HTML.
Zalijepite kod u HTML na mjestu gdje želite da se prikaže gumb Kupi, a zatim spremite promjene.
Mobilni uređaj
U aplikaciji Shopify dodirnite ikonu
.U odjeljku Prodajni kanali dodirnite Gumb Kupi.
Dodirnite Izradi gumb Kupi.
Dodirnite Gumb Kupi za kolekciju.
Odaberite kolekciju ili upotrijebite pretraživanje da biste je pronašli, a zatim dodirnite Odaberi.
Neobavezno: dodirnite Prilagodi.
- Odaberite radnju koja se izvršava kada korisnik klikne na gumb. Također možete prilagoditi izgled gumba.
- Prema zadanim postavkama plaćanje se otvara u novom prozoru, no možete odabrati i otvaranje plaćanja u istoj kartici preglednika kao i mrežno mjesto. Dodirnite Napredne postavke > Preusmjeri u istoj kartici.
Dodirnite Gotovo.
Dodirnite Kopiraj kod.
Otvorite uređivač za HTML internetske stranice na kojoj želite prikazati gumb Kupi. Pogledajte odjeljak Dodavanje koda za gumb Kupi u HTML.
Zalijepite kod u HTML na mjestu gdje želite da se prikaže gumb Kupi, a zatim spremite promjene.