Kako prikazati svoju online aukciju na vlastitoj web-stranici

Vaša web-stranica mjesto je gdje Vas tražilice, asistenti i Vaši kupci već pronalaze, a poveznica na kojoj piše "naša aukcija" nije dovoljna: ljudi žele vidjeti lotove, cijene i koliko je vremena ostalo, na stranici na kojoj se nalaze. Ovaj vodič objašnjava što dobar ugrađeni prikaz aukcije pokazuje, jedan redak koda koji to radi i kamo taj redak ide u svakom od uobičajenih alata za izradu stranica.

Ažurirano

Što dodajeteMali blok uživo na Vašoj postojećoj stranici: fotografije lotova, naslovi, trenutačne cijene, broj ponuda i odbrojavanje, koji se sam osvježava i vodi na lot.
Što to nijeNije okvir s cijelom Vašom aukcijskom stranicom niti licitiranje na Vašoj web-stranici: licitiranje ostaje na aukcijskoj stranici, gdje su registracija i plaćanje.
KakoJedan redak HTML-a, zalijepljen ondje gdje alat za izradu stranica dopušta dodavanje koda. Gdje se skripte ne prihvaćaju, umjesto toga slika uživo s poveznicom.
VrijemeDeset minuta, većinom za pronalaženje pravog polja u Vašem alatu za izradu stranica.
Kada prodaja završiDobar ugrađeni prikaz sam se uklanja kada ništa nije otvoreno ni najavljeno, pa stranica nikada ne prikazuje zastarjelu prodaju.

Što dobar ugrađeni prikaz aukcije pokazuje

Četiri stvari, i ništa drugo:

  • Lotove koji su trenutačno u tijeku, s fotografijom, naslovom, trenutačnom cijenom i brojem ponuda te odbrojavanjem do svakog zatvaranja koje zaista odbrojava. Lot koji se još nije otvorio umjesto toga prikazuje početnu cijenu i odbrojavanje do otvaranja.
  • Klik koji otvara lot na aukcijskoj stranici, u novoj kartici, kako bi posjetitelj mogao licitirati, a da ne napusti Vašu stranicu.
  • Ništa kada nema ničega. Blok bi trebao sam nestati kada nijedan lot nije otvoren ni najavljen. Ugrađeni prikaz koji pokazuje prodaju od prošlog mjeseca ili "trenutačno nema aukcija" svakom posjetitelju govori da nemate posla.
  • Vaš izgled. Vaša boja naglaska i stil kutova, kako bi se doživljavao kao dio Vaše stranice, a ne kao oglas.

Što izbjegavati: iframe s cijelom aukcijskom stranicom (dvije trake za pomicanje, dva zaglavlja, pokvaren prikaz na mobitelu), snimku zaslona koja zastari istog dana kada je snimljena i sve što od posjetitelja traži prijavu na Vašoj stranici da bi vidjeli cijene.

Dva načina

Skripta. Jedan redak <script> koji iscrtava blok i održava ga ažurnim. To je uobičajeni način i radi svugdje gdje Vam alat za izradu stranica dopušta dodavanje "prilagođenog koda", "ugrađenog HTML-a" ili "bloka koda". Ne bi trebala postavljati kolačiće niti u ime Vaših posjetitelja učitavati fontove ili alate za praćenje; to tražite od svakog widgeta koji razmatrate, jer ga mora obuhvatiti upravo Vaša obavijest o privatnosti.

Slika uživo s poveznicom. Neka mjesta odbijaju skripte: potpisi e-pošte, alati za izradu newslettera, besplatni paketi nekih alata za izradu stranica, intraneti. Ondje slika koja se na poslužitelju iznova iscrtava svakih nekoliko minuta, umotana u poveznicu na prodaju, obavlja većinu posla: pokazuje koliko je lotova u tijeku i kada licitiranje završava, a ostaje ažurna na stranici ili u e-poruci poslanoj prije nekoliko tjedana.

Redak koda

Za aukcijsku stranicu izrađenu na platformi Auctify besplatni AuctionAmigo widget jedan je redak:

<script async src="https://auctionamigo.com/w.js"
  data-site="your-sale.myauctify.com" data-shape="horizontal"
  data-colour="#ffd23f" data-corners="8" data-background="light"></script>

Zamijenite your-sale.myauctify.com adresom svoje aukcijske stranice, s https:// ili bez njega; vlastita domena radi jednako. Alat za dizajn na početnoj stranici ove web-stranice napiše redak umjesto Vas, s Vašom bojom i oblikom, i prikaže rezultat prije nego što ga kopirate. Atributi:

AtributVrijednostiZadano
data-siteadresa aukcijske stranice (obavezno)nema
data-shapefloating, horizontal, vertical, skyscraperfloating
data-colourboja naglaska kao #rrggbb#ffd23f
data-cornerspolumjer kutova u pikselima, od 0 do 248
data-backgroundlight ili darklight
data-limitbroj lotova, od 1 do 12ovisi o obliku
data-targetCSS selektor elementa u koji se iscrtavamjesto gdje se nalazi oznaka
data-langkod jezika, npr. de, fr, pt-brjezik aukcijske stranice

Osvježava se svake dvije minute, ne postavlja kolačiće i ništa ne sprema, ne učitava fontove ni alate za praćenje, iscrtava se unutar vlastitog shadow roota kako se Vaši i njegovi stilovi ne bi međusobno ometali i ne prikazuje baš ništa kada stranica nema ništa otvoreno ni najavljeno. Licitiranje se odvija na aukcijskoj stranici, nikada unutar widgeta.

Koji oblik i gdje na stranici

OblikGdje ideDobar za
PlutajućiBilo gdje, uključujući zaglavlje stranice: smješta se u donji kut svake stranice, a posjetitelj ga može sakriti.Web-stranicu s mnogo stranica na kojoj aukcija treba biti vidljiva na svima.
VodoravniOndje gdje se nalazi oznaka: ispod uvodnog dijela, iznad podnožja, u širokom području sadržaja.Početnu stranicu ili zasebnu stranicu "aukcija".
OkomitiBočna traka ili uski stupac.Blogove i izgled poput portala s vijestima.
NeboderVisoko, usko mjesto.Stranice s fiksnim bočnim stupcem.

Počnite s jednim položajem, a ne s tri. Početna stranica, ispod prvog zaslona, mjesto je koje vidi većina posjetitelja; plutajući widget na svakoj stranici je drugo. Broj lotova prilagodite prostoru: tri lota u uskoj bočnoj traci izgledaju bolje od dvanaest.

Gdje ga zalijepiti, alat po alat

Svaki alat za izradu stranica ima polje za tuđi kod; nazivi se razlikuju. Nazivi izbornika u nastavku navedeni su onako kako ih alati označavaju u trenutku pisanja i mijenjaju se s redizajnima, pa ako se neki premjestio, u pomoći alata potražite "embed code" ili "custom code". Gdje značajka ovisi o paketu, to je navedeno; provjerite svoj paket prije nego što išta pretpostavite.

  1. WordPress

    Blok Custom HTML u uređivaču blokova, na stranici koju želite, sa zalijepljenim retkom; ili područje za widgete za bočnu traku. Postoji zaseban vodič za organizaciju aukcije uz WordPress stranicu koji obrađuje ovo i pitanje dodataka.

  2. Wix

    U uređivaču: Add Elements → Embed Code → Embed HTML, zalijepite redak u element i prilagodite mu veličinu. Wix pokreće ugrađeni kod unutar vlastitog okvira, pa odaberite oblik unutar sadržaja (vodoravni, okomiti ili neboder) i element napravite onoliko velikim koliko oblik treba; plutajući widget ne može izaći iz tog okvira. Kod za cijelu stranicu ide u Settings → Custom Code, što Wix nudi u plaćenim paketima s povezanom domenom.

  3. Squarespace

    Dodajte blok Code ondje gdje želite lotove i zalijepite redak. Squarespace pokreće skripte u blokovima koda u paketu Business i višima; u paketu Personal blok koda prikazuje samo HTML, a skripta ne radi ništa. Za sve stranice odjednom: Settings → Advanced → Code Injection → Footer, uz isti uvjet paketa.

  4. Jimdo

    Jimdo Creator: element Widget / HTML, zalijepite redak. Noviji Jimdov uređivač ima HTML element u plaćenim paketima. Odaberite oblik unutar sadržaja i elementu dajte dovoljno prostora.

  5. Webflow

    Povucite element Embed na stranicu i zalijepite redak u njega. Kod za cijelu stranicu ide u Site settings → Custom code → Footer code, za čije je objavljivanje potreban plaćeni paket stranice.

  6. Shopify

    Online Store → Themes → Customize, dodajte blok Custom Liquid (ili Custom HTML, ovisno o temi) u odjeljak u kojem se lotovi trebaju pojaviti i zalijepite redak. Widget vodi na aukcijsku stranicu; ne dodaje ništa u košaricu trgovine.

  7. Weebly i Google Sites

    Weebly: element Embed Code. Google Sites: Insert → Embed → Embed code. Oba pokreću kod unutar vlastitog okvira, pa koristite oblik unutar sadržaja i elementu prilagodite veličinu.

  8. Običan HTML ili programer

    Zalijepite redak ondje gdje se blok treba pojaviti ili neposredno prije </body> s plutajućim oblikom. Uz data-target oznaku možete držati na jednom mjestu, a widget će se iscrtati u bilo koji element prema njegovu selektoru.

Gdje skripte nisu dopuštene

Potpisi e-pošte, alati za newslettere, besplatni paketi nekih alata za izradu stranica i većina intraneta uklanjaju skripte. Ondje koristite sliku uživo: banner koji se na poslužitelju iscrtava svakih nekoliko minuta i pokazuje koliko je lotova u tijeku i kada licitiranje završava, umotan u poveznicu na prodaju. U HTML-u to je <a> oko <img>; u alatu za newslettere to je "dodaj sliku, postavi poveznicu". Budući da se slika iznova iscrtava, e-poruka poslana prije dva tjedna i dalje prikazuje trenutačan broj, a kada prodaja završi, postaje obični poziv na posjet aukcijskoj stranici umjesto zastarjele tvrdnje.

Što slika uživo ne može: prikazati pojedinačne lotove s cijenama ili odbrojavati. Ona je rezervno rješenje, a ne prvi izbor, i mnogo joj je više mjesto u e-poruci nego na web-stranici koja bi mogla pokrenuti skriptu.

Provjera radi li

Otvorite stranicu u privatnom prozoru preglednika na mobitelu i na računalu. Lotove biste trebali vidjeti unutar sekunde ili dvije. Ako ne vidite baš ništa, riječ je o jednoj od tri stvari, a widget o svima njima namjerno šuti, kako posjetitelj nikada ne bi vidio pogrešku:

  • Aukcijska stranica nema ništa otvoreno ni najavljeno. Objavite lot ili provjerite je li licitiranje zaista otvoreno.
  • Aukcijska stranica je u privatnom načinu rada, pa ništa o njoj nije javno. Privatna stranica ne može se nigdje prikazati.
  • Adresa je pogrešna ili je element koji je alat dodijelio kodu premalen za iscrtavanje. Provjerite kako je napisan data-site, zatim povećajte element.

Zatim pričekajte dvije minute nakon ponude na aukcijskoj stranici i provjerite je li se cijena na Vašoj stranici promijenila. Od tada nema ništa za održavanje: kada prodaja završi, blok se sam uklanja, a sljedeća se prodaja pojavljuje kada se objave njezini lotovi.

Pitanja

Mogu li ugraditi svoju aukciju u Wix, Squarespace ili Jimdo stranicu?

Da, putem elementa za kod u svakom od tih alata: Embed HTML na Wixu, blok Code na Squarespaceu (skripte zahtijevaju paket Business ili viši), element Widget / HTML na Jimdu. Alati koji kod pokreću u okviru trebaju oblik unutar sadržaja prilagođen veličini elementa, a ne plutajući.

Mogu li ljudi putem widgeta licitirati na mojoj web-stranici?

Ne. Widget prikazuje lotove u tijeku s cijenom, brojem ponuda i odbrojavanjem te otvara lot na aukcijskoj stranici u novoj kartici, gdje su registracija, licitiranje i plaćanje. Licitiranje se nikada ne odvija unutar widgeta.

Što se događa na mojoj web-stranici kada aukcija završi?

Widget ne prikazuje baš ništa kada aukcijska stranica nema otvorenih ni najavljenih lotova, pa stranica nikada ne prikazuje završenu prodaju. Ponovno se pojavljuje kada se objave sljedeći lotovi.

Postavlja li ugrađeni prikaz kolačiće ili prati moje posjetitelje?

Widget AuctionAmigo ne postavlja kolačiće, ništa ne sprema i ne učitava fontove ni alate za praćenje; šalje jedan zahtjev za lotove i učitava fotografije lotova s aukcijske stranice. Isto tražite od svakog drugog widgeta prije nego što ga dodate, jer ga Vaša obavijest o privatnosti mora obuhvatiti.

Moj alat za newslettere ne prihvaća skriptu. Što onda?

Koristite sliku uživo: banner koji se iznova iscrtava svakih nekoliko minuta i prikazuje broj lotova i dan zatvaranja, umotan u poveznicu na prodaju. Ostaje ažuran u e-poruci poslanoj prije nekoliko tjedana i postaje obični poziv nakon što prodaja završi.