Home Shopify for Entrepreneurs Kako dodati Shopify gumb za kupnju na WordPressu, Squarespaceu ili drugoj web stranici?
Shopify for EntrepreneursShopify HrvatskaShopify za developereShopify za poduzetnikeWordpress

Kako dodati Shopify gumb za kupnju na WordPressu, Squarespaceu ili drugoj web stranici?

Shopify Buy Button je funkcionalnost koja vam omogućuje da ugradite proizvode ili kolekcije sa svoje Shopify trgovine na vanjske web stranice, poput WordPressa, Wix-a ili bilo koje druge web stranice gdje možete dodati prilagođeni (custom) kod. Omogućuje vam prodaju proizvoda ili prikaz inventara na tim vanjskim web stranicama bez potrebe da korisnici napuste stranicu na kojoj se već nalaze.

Evo nekih ključnih značajki i prednosti Shopify Buy Button-a:

Integracija s e-trgovinom: Bez problema integrira vaše Shopify proizvode na vanjske web stranice, omogućavajući vam prodaju proizvoda izravno s tih web stranica.

Prilagodba: Možete prilagoditi izgled Buy Button-a kako bi odgovarao dizajnu i stilu vaše vanjske web stranice.

Upravljanje inventarom: Buy Button automatski sinkronizira s inventarom vaše Shopify trgovine, tako da ne morate ručno ažurirati dostupnost proizvoda.

Košarica za kupovinu: Kupci mogu dodavati proizvode u košaricu izravno putem Buy Button-a i nastaviti s naplatom bez napuštanja vanjske web stranice.

Sigurna naplata: Sve transakcije i obrada plaćanja odvijaju se sigurno putem pouzdane infrastrukture Shopify-a.

Analize: Možete pratiti performanse svojih Buy Button-a putem analitičkih alata Shopify-a, pomažući vam razumjeti ponašanje kupaca i podatke o prodaji.

Responzivni dizajn: Buy Button je dizajniran da besprijekorno funkcionira i na radnoj površini i na mobilnim uređajima, osiguravajući glatko iskustvo kupovine za sve korisnike.

Višestruke opcije ugradnje: Možete ugraditi Buy Button-e za određene proizvode, kolekcije ili čak prilagodljivi gumb “Kupi odmah”.

Shopify Buy Button koristan je alat za tvrtke koje žele proširiti svoju online prisutnost izvan svoje glavne Shopify trgovine, ili one koje žele prikazati i prodavati određene proizvode na vanjskim platformama. Pruža praktičan način povećanja prilika za prodaju i dosezanja šire publike bez potrebe da korisnici posjete vašu glavnu Shopify trgovinu.

Kako dodati Shopify gumb za kupnju na bilo koju web stranicu

Za dodavanje Shopify Buy Button-a na web stranicu, možete slijediti ove korake:

1. Kreirajte Shopify račun: Ako već nemate Shopify trgovinu, registrirajte se na Shopify

2. Kreirajte Buy Button u Shopify-u:

  • Prijavite se na svoj Shopify admin.
  • Idite na odjeljak “Apps” (aplikacije).
  • Pretražite “Buy Button
  • Instalirajte ga
  • Slijedite korake kako biste kreirali Buy Button za svoj proizvod ili kolekciju. Možete prilagoditi izgled i ponašanje prema potrebi.

Prilagodba prema potrebi: Izgled i ponašanje Buy Button-a možete dodatno prilagoditi modificiranjem ugradbenog koda koji pruža Shopify ili korištenjem Shopify-ovog generatora Buy Button-a.

Generirajte ugradbeni kod: Nakon što konfigurirate postavke svog Buy Button-a, Shopify će vam pružiti ugradbeni kod. Kopirajte ovaj kod na svoj clipboard.

Objavite promjene: Kada ste zadovoljni smještajem i izgledom Buy Button-a, zalijepite ugradbeni kod na mjesto gdje želite da se pojavi na vašoj web stranici.

To je to! Uspješno ste dodali Shopify Buy Button na svoju web stranicu, omogućujući vašim kupcima da obavljaju kupnje iz vaše Shopify trgovine, a da ne napuštaju vašu stranicu.

Dodavanje više Shopify Buy Button-a

Prema zadanim postavkama, Shopify će postaviti više od jednog ugradbenog gumba jedan ispod drugog. Kako biste izbjegli stvaranje višestrukih gumba, morat ćete promijeniti ID komponente proizvoda:

<div id='product-component-1694199615317'></div>

Promijenite u nešto tipa:

<div id='product-component-1694199615317-2'></div>

I također potražite getElementById and te promijenite i tamo.

        node: document.getElementById('product-component-1694199615317-2'),

Written by
Igor Bujas

Radim kao UI dizajner i front-end developer, zadnjih godina gotovo isključivo na Shopifyu. Katkad ću napomenuti da sam u branši toliko dugo da sam popravljao bugove u IE5 i animirao u Flashu, dok je još bio Macromedijin. Kad pobjegnem od koda i dizajna, može me se naći na penjanju u alpama ili ronjenju na nekom od otoka. Također radim kao instruktor Krav Mage u Zagrebu.

Leave a comment

Related Articles

Shopify HrvatskaShopify za poduzetnikeUncategorized

Kako postaviti plaćanje pouzećem u Shopifyu?

Kako biste dodali opciju plaćanja pouzećem na vašu trgovinu, prijavite se u...

Shopify HrvatskaShopify za developereShopify za poduzetnike

Često postavljana pitanja o Shopifyju

Pokretanje vaše online trgovine može djelovati zastrašujuće, ali Shopify olakšava stvaranje, upravljanje...

Shopify HrvatskaShopify za developereShopify za poduzetnike

Shopify Winter ’25 Edition – “dosadno” ažuriranje

Shopify je predstavio Winter ’25 Edition, uvodeći više od 150 ažuriranja koje...

Shopify HrvatskaShopify za developere

Shopify Liquid – jezik za predloške koji pokreće logiku vaše trgovine

Shopify Liquid je moćan i fleksibilan jezik za predloške koji se koristi...

4 proven ways to speed up your Shopify store.

    We respect your privacy. Unsubscribe at anytime.