Sidrena cijena na Wixu, Squarespaceu i Webflowu

Wix, Squarespace i Webflow nemaju sustav dodataka (plugina) kao WordPress, pa se strojno čitljiv cjenik ne može postaviti na isti način - alatom koji sam poslužuje .csv ili .xml datoteku na stalnom URL-u. Rješenje je drugačije posloženo: gotova stranica cjenika izrađena na digitalnicjenik.hr ugrađuje se izravno u vaš web putem koda koji te platforme podržavaju. U ovom vodiču pokazujemo gdje se taj kod lijepi na svakoj od tri platforme i što se time postiže, a što ne.

Zašto Wix, Squarespace i Webflow nisu isto što i WordPress

Na WordPressu naš dodatak radi jednu jednostavnu stvar: kad ga se instalira, sam objavljuje .csv i .xml datoteku cjenika na stalnom, javnom URL-u vaše domene i ažurira ju automatski. Wix, Squarespace i Webflow nemaju taj sloj dodataka - to su zatvoreni sustavi u kojima se funkcionalnost proširuje kroz blokove za kod (HTML/JavaScript), a ne kroz instalaciju vanjskih programa koji pišu datoteke na server. Zato se pristupa drugačije: umjesto da datoteka "živi" na vašem serveru, na stranicu se ugrađuje gotova, uvijek ažurna stranica cjenika koju hostira digitalnicjenik.hr.

Dva načina ugradnje koje nudi digitalnicjenik.hr

Kad izradite cjenik na digitalnicjenik.hr, dobijete naziv svog cjenika (na primjer u živom primjeru na stranici s primjerom to je "frizerski-salon-isabella"). Taj naziv koristite u jednom od dva koda za ugradnju.

a) Skripta koja se sama prilagođava visini

Preporučeni način, jer se cjenik automatski prilagođava visini sadržaja bez praznog prostora ili obrezivanja:

b) iframe kao druga mogućnost

Ako platforma ne dopušta izvršavanje vanjske skripte u vašem bloku za kod, alternativa je iframe s fiksnom visinom:

U oba koda "naziv-vaseg-cjenika" zamjenjujete stvarnim nazivom koji ste dobili pri izradi cjenika. Ako birate iframe, visinu (height) po potrebi prilagodite broju stavki u cjeniku kako se ne bi pojavio unutarnji scroll.

Ugradnja na Wixu

U Wix Editoru otvorite Add Elements (Dodaj elemente), zatim Embed (Ugradi) i unutar te kategorije opciju Embed a Widget / HTML iframe (Ugradi HTML). Zalijepite jedan od dva koda iznad - skriptu ili iframe. Nakon što element postavite na stranicu, povucite mu rubove da odredite širinu (preko cijele širine kolone) i visinu, te objavite stranicu.

Ugradnja na Squarespaceu

Otvorite uređivanje stranice i dodajte novi blok tipa Code Block (blok za kod). U taj blok zalijepite isti kod - skriptu ili iframe. Squarespace obično sam prepozna HTML i prikaže sadržaj unutar bloka; kod iframea po potrebi ručno namjestite visinu bloka da odgovara sadržaju cjenika.

Ugradnja na Webflowu

U Webflow Designeru otvorite Add panel i pronađite element Embed. Povucite ga na stranicu, otvorite postavke i u polje za kod zalijepite isti kod - skriptu ili iframe. Webflow zahtijeva Publish (objavu) stranice da bi se ugrađeni kod pojavio na živoj domeni, jer se u editoru embed elementi ponekad ne renderiraju uživo.

Što preko ovih blokova ne ide

Bitna razlika prema WordPressu: Wix, Squarespace i Webflow uglavnom ne dopuštaju postavljanje proizvoljne .csv ili .xml datoteke na stalan javni URL pod vlastitom domenom, jer nemaju medijsku biblioteku otvorenu za bilo koju vrstu datoteke kao WordPress. Zato je za obvezu objave strojno čitljivog cjenika najpraktičnije rješenje ugrađena stranica cjenika koja se stalno ažurira jer uživo čita podatke s digitalnicjenik.hr. Uz to, ako vaš plan dopušta upload dokumenata (neki Wix i Squarespace planovi imaju widget za upload datoteka), možete dodatno objaviti poveznicu na .csv ili .xml datoteku preuzetu s digitalnicjenik.hr - to ovisi o planu i mogućnostima platforme, pa ne računajte na to kao jedino rješenje.

Također je važno razlikovati ta dva pristupa: ugrađena stranica cjenika koju hostira digitalnicjenik.hr nije isto što i objava .csv ili .xml datoteke na vašoj vlastitoj domeni - to je stranica koja i dalje živi pod URL-om digitalnicjenik.hr, samo prikazana unutar vašeg weba kroz iframe ili skriptu. Za kupce i vizualnu inspekciju izgleda kao dio vaše stranice i ispunjava praktičnu svrhu isticanja cijena, no za formalnu obvezu strojno čitljivog cjenika najsigurnije je kad datoteka stvarno leži na vašoj domeni - za WordPress to rješava naš dodatak, a ovdje vrijedi provjeriti mogućnost uploada ili ručnog izvoza, kako je opisano iznad. Više o obvezi .csv/.xml cjenika u vodiču Cjenik u .csv ili .xml na web stranici, a o dodatnoj cijeni općenito u vodiču Dodatna cijena za usluge.

Primjer: kozmetički salon na Wixu

Kozmetički salon cjenik ugrađuje skriptom u element Embed na podstranici "Cjenik". Cijene su izmišljene, isključivo radi ilustracije:

Cjenik se na digitalnicjenik.hr uređuje na jednom mjestu, a Wix stranica preko ugrađene skripte automatski prikazuje najnovije iznose bez dodatnog ponovnog lijepljenja koda.

Česta pitanja