Hogyan mutassa meg online aukcióját a saját weboldalán

Mit mutat egy jó aukciós beágyazás

Négy dolgot, és semmi mást:

• A most aktív tételeket, fotóval, címmel, aktuális árral és az ajánlatok számával, és minden záráshoz valóban számláló visszaszámlálóval. A még meg nem nyílt tétel helyette a kikiáltási árát és a nyitásáig tartó visszaszámlálót mutatja.
• Egy kattintást, amely megnyitja a tételt az aukciós oldalon, új lapon, hogy a látogató úgy licitálhasson, hogy nem veszíti el az Ön oldalát.
• Semmit, amikor nincs semmi. A blokknak magától el kell tűnnie, ha egyetlen tétel sem nyitott vagy közelgő. Egy beágyazás, amely a múlt havi aukciót vagy a „jelenleg nincs aukció” feliratot mutatja, minden látogatónak azt üzeni, hogy nincs forgalma.
• Az Ön megjelenését. Az Ön kiemelőszíne és sarokstílusa, hogy az oldala részének látsszon, ne hirdetésnek.

Amit kerüljön: az egész aukciós oldal iframe-ben (két görgetősáv, két fejléc, elromló telefonos elrendezés), egy képernyőkép, amely a készítése napján elavul, és bármi, ami arra kéri a látogatókat, hogy az Ön oldalán jelentkezzenek be az árak megtekintéséhez.

A két módszer

Szkript. Egyetlen <script> sor, amely megrajzolja a blokkot és naprakészen tartja. Ez a szokásos út, és mindenhol működik, ahol a weboldalszerkesztő „egyéni kód”, „HTML beágyazása” vagy „kódblokk” hozzáadását engedi. Nem helyezhet el sütiket, és nem tölthet be betűtípusokat vagy követőkódokat a látogatói nevében; ezt várja el minden widgettől, amelyet fontolóra vesz, mert az Ön adatvédelmi tájékoztatójának kell lefednie.

Élő kép hivatkozással. Egyes helyek elutasítják a szkripteket: e-mail-aláírások, hírlevélszerkesztők, néhány weboldalszerkesztő ingyenes csomagja, intranetek. Ott egy kép, amelyet a szerver néhány percenként újrarajzol, az aukcióra mutató hivatkozásba csomagolva, elvégzi a munka nagy részét: megmutatja, hány tétel aktív és mikor zárul a licitálás, és naprakész marad egy hetekkel ezelőtt küldött e-mailben vagy oldalon is.

A kódsor

Auctifyra épített aukciós oldalhoz az ingyenes AuctionAmigo widget egyetlen sor:

<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>

Cserélje a your-sale.myauctify.com címet az aukciós oldala címére, https:// előtaggal vagy anélkül; saját domainnel ugyanúgy működik. Az oldal főoldalán található tervező megírja Önnek a sort a színével és formájával kitöltve, és megmutatja az eredményt, mielőtt kimásolná. Az attribútumok:

Kétpercenként frissül, nem helyez el sütiket és semmit sem tárol, nem tölt be betűtípusokat és követőkódokat, saját shadow rootban rajzol, így az Ön stílusai és az övéi békén hagyják egymást, és egyáltalán semmit sem jelenít meg, ha az oldalon nincs sem nyitott, sem közelgő tétel. A licitálás az aukciós oldalon történik, soha nem a widgetben.

Melyik forma, és hol az oldalon

Egy elhelyezéssel kezdjen, ne hárommal. A főoldal, az első képernyő alatt, az a hely, amelyet a legtöbb látogató lát; a lebegő widget minden oldalon a második. A tételek számát állítsa annyira, amennyi elfér: három tétel egy keskeny oldalsávban jobban mutat, mint tizenkettő.

Hová illessze be, szerkesztőről szerkesztőre

Minden szerkesztőnek van egy mezője mások kódja számára; a nevek eltérnek. A lenti menünevek az írás idején használt megnevezések, és az áttervezésekkel vándorolnak, ezért ha valamelyik elköltözött, keressen a szerkesztő súgójában az „embed code” vagy „custom code” kifejezésre. Ahol egy funkció a csomagtól függ, ott ezt jelezzük; ellenőrizze a saját csomagját, mielőtt feltételezne valamit.

1. WordPress

   Egy Egyéni HTML blokk a blokkszerkesztőben, a kívánt oldalon, a beillesztett sorral; vagy egy widgetterület az oldalsávhoz. Van egy külön útmutató az aukció WordPress-oldallal való futtatásához, amely ezt és a bővítmények kérdését is tárgyalja.

2. Wix

   A szerkesztőben: Add Elements → Embed Code → Embed HTML, illessze be a sort az elembe, és méretezze. A Wix a beágyazott kódot saját keretben futtatja, ezért válasszon nem lebegő formát (vízszintes, függőleges vagy torony), és tegye az elemet akkorára, amekkorát a forma kíván; a lebegő widget nem tud kilépni abból a keretből. A webhelyszintű kód a Settings → Custom Code alá kerül, amelyet a Wix a fizetős csomagjaiban, csatlakoztatott domainnel kínál.

3. Squarespace

   Adjon hozzá egy Code blokkot oda, ahová a tételeket szeretné, és illessze be a sort. A Squarespace a kódblokkokban lévő szkripteket a Business csomagtól felfelé futtatja; a Personal csomagban a kódblokk csak HTML-t mutat, a szkript nem csinál semmit. Minden oldalra egyszerre: Settings → Advanced → Code Injection → Footer, ugyanazzal a csomagkövetelménnyel.

4. Jimdo

   Jimdo Creator: a Widget / HTML elem, illessze be a sort. A Jimdo újabb szerkesztőjében a fizetős csomagokban van HTML-elem. Válasszon nem lebegő formát, és adjon helyet az elemnek.

5. Webflow

   Húzzon egy Embed elemet az oldalra, és illessze bele a sort. A webhelyszintű kód a Site settings → Custom code → Footer code alá kerül, amelynek közzétételéhez fizetős webhelycsomag kell.

6. Shopify

   Online Store → Themes → Customize, adjon egy Custom Liquid blokkot (vagy a témától függően Custom HTML blokkot) ahhoz a szakaszhoz, ahol a tételeknek meg kell jelenniük, és illessze be a sort. A widget az aukciós oldalra hivatkozik; semmit sem tesz a bolt kosarába.

7. Weebly és Google Sites

   Weebly: az Embed Code elem. Google Sites: Beszúrás → Beágyazás → Beágyazási kód. Mindkettő saját keretben futtatja a kódot, ezért használjon nem lebegő formát, és méretezze hozzá az elemet.

8. Sima HTML vagy fejlesztő

   Illessze be a sort oda, ahol a blokknak meg kell jelennie, vagy közvetlenül a </body> elé a lebegő formával. A data-target attribútummal a címkét egy helyen tarthatja, és a widget a szelektora alapján bármely elembe rajzolhat.

Ahol a szkriptek nem engedélyezettek

Az e-mail-aláírások, a hírleveleszközök, néhány szerkesztő ingyenes csomagja és a legtöbb intranet eltávolítja a szkripteket. Ott használja az élő képet: egy bannert, amelyet a szerver néhány percenként újrarajzol, és amely megmutatja, hány tétel aktív és mikor zárul a licitálás, az aukcióra mutató hivatkozásba csomagolva. HTML-ben ez egy <a> egy <img> körül; a hírleveleszközben „kép hozzáadása, hivatkozás beállítása”. Mivel a kép újrarajzolódik, egy két hete küldött e-mail is az aktuális számot mutatja, és amint az aukció véget ért, elavult állítás helyett egyszerű meghívóvá válik az aukciós oldal meglátogatására.

Amit az élő kép nem tud: egyes tételeket árral megmutatni vagy visszaszámolni. Ez a tartalék, nem az első választás, és sokkal inkább e-mailbe való, mint olyan weboldalra, amely futtathatná a szkriptet.

Ellenőrzés, hogy működik-e

Nyissa meg az oldalt privát böngészőablakban telefonon és számítógépen. A tételeknek egy-két másodpercen belül meg kell jelenniük. Ha egyáltalán semmit sem lát, három dolog egyike áll fenn, és a widget mindháromról szándékosan hallgat, hogy a látogató soha ne lásson hibát:

• Az aukciós oldalon nincs sem nyitott, sem közelgő tétel. Töltsön fel egy tételt, vagy ellenőrizze, hogy a licitálás valóban megnyílt-e.
• Az aukciós oldal privát módban van, így semmi sem nyilvános belőle. Privát oldalt sehol sem lehet megjeleníteni.
• A cím hibás, vagy a szerkesztő által a kódnak adott elem túl kicsi ahhoz, hogy bele lehessen rajzolni. Ellenőrizze a data-site helyesírását, majd nagyítsa meg az elemet.

Ezután várjon két percet egy, az aukciós oldalon tett ajánlat után, és győződjön meg róla, hogy az ár az Ön oldalán is változott. Innentől nincs mit karbantartani: amikor az aukció véget ér, a blokk magától eltűnik, a következő aukció pedig megjelenik, amint a tételei felkerülnek.

Kérdések