Jak zobrazit svou online aukci na vlastním webu

Co dobré vložení aukce ukazuje

Čtyři věci a nic jiného:

• Položky, které právě probíhají, s fotkou, názvem, aktuální cenou a počtem nabídek a s odpočtem do ukončení každé z nich, který skutečně odpočítává. Položka, která ještě nezačala, místo toho ukazuje vyvolávací cenu a odpočet do zahájení.
• Kliknutí, které otevře položku na aukčním webu, v nové záložce, aby návštěvník mohl přihodit a neztratil vaši stránku.
• Nic, když není nic. Blok má sám zmizet, když žádná položka neprobíhá ani se nechystá. Vložení, které ukazuje aukci z minulého měsíce nebo „momentálně žádné aukce“, říká každému návštěvníkovi, že nemáte co dělat.
• Váš vzhled. Vaše doplňková barva a styl rohů, aby blok působil jako součást vašeho webu, ne jako reklama.

Čemu se vyhnout: iframe s celým aukčním webem (dva posuvníky, dvě záhlaví, rozbité rozložení na telefonu), snímku obrazovky, který zastará v den pořízení, a čemukoli, co po návštěvnících chce přihlášení na vašem webu, aby viděli ceny.

Dva způsoby, jak na to

Skript. Jeden řádek <script>, který blok vykreslí a udržuje aktuální. To je běžná cesta a funguje všude, kde vám editor webu dovolí přidat „vlastní kód“, „vložit HTML“ nebo „blok kódu“. Neměl by ukládat žádné cookies ani jménem vašich návštěvníků načítat písma nebo sledovací nástroje; chtějte to po každém widgetu, o kterém uvažujete, protože pokrýt ho musí vaše zásady ochrany soukromí.

Živý obrázek s odkazem. Některá místa skripty odmítají: e-mailové podpisy, nástroje na newslettery, bezplatné tarify několika editorů webů, intranety. Tam odvede většinu práce obrázek, který se na serveru každých pár minut překreslí, zabalený do odkazu na aukci: ukazuje, kolik položek probíhá a kdy přihazování končí, a zůstává aktuální i na stránce nebo v e-mailu odeslaném před týdny.

Řádek kódu

Pro aukční web postavený na Auctify je bezplatný widget AuctionAmigo jeden řádek:

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

Nahraďte your-sale.myauctify.com adresou svého aukčního webu, s https:// nebo bez; vlastní doména funguje stejně. Návrhář na úvodní stránce tohoto webu vám řádek napíše s vyplněnou barvou a tvarem a výsledek ukáže, než ho zkopírujete. Atributy:

Obnovuje se každé dvě minuty, neukládá žádné cookies ani nic jiného, nenačítá žádná písma ani sledovací nástroje, vykresluje se uvnitř vlastního shadow rootu, takže vaše styly a jeho styly se navzájem nechají na pokoji, a nevykreslí vůbec nic, když na webu nic neprobíhá ani se nechystá. Přihazuje se na aukčním webu, nikdy uvnitř widgetu.

Který tvar a kam na stránku

Začněte jedním umístěním, ne třemi. Úvodní stránka pod první obrazovkou je místo, které vidí nejvíc návštěvníků; plovoucí widget na každé stránce je druhé. Počet položek nastavte podle toho, kolik se do prostoru vejde: tři položky v úzkém postranním panelu vypadají lépe než dvanáct.

Kam ho vložit, editor po editoru

Každý editor má pole pro cizí kód; názvy se liší. Názvy nabídek níže odpovídají tomu, jak je editory označují v době psaní, a s redesigny se stěhují, takže pokud se některá přesunula, hledejte v nápovědě editoru „embed code“ nebo „custom code“. Kde funkce závisí na tarifu, je to uvedeno; než na to budete spoléhat, ověřte si vlastní tarif.

1. WordPress

   Blok Vlastní HTML v blokovém editoru na stránce, kterou chcete, s vloženým řádkem; nebo oblast widgetů pro postranní panel. Existuje samostatný návod k pořádání aukce s webem na WordPressu, který pokrývá tohle i otázku pluginů.

2. Wix

   V editoru: Add Elements → Embed Code → Embed HTML, řádek vložte do prvku a nastavte mu velikost. Wix spouští vložený kód uvnitř vlastního rámce, zvolte proto tvar vložený do stránky (vodorovný, svislý nebo skyscraper) a prvek udělejte tak velký, jak tvar potřebuje; plovoucí widget z toho rámce nemůže ven. Kód pro celý web patří do Settings → Custom Code, které Wix nabízí na placených tarifech s připojenou doménou.

3. Squarespace

   Přidejte blok Code tam, kde chcete položky, a vložte řádek. Squarespace spouští skripty v blocích kódu na tarifu Business a vyšších; na tarifu Personal blok kódu zobrazí jen HTML a skript neudělá nic. Pro všechny stránky najednou Settings → Advanced → Code Injection → Footer, se stejným požadavkem na tarif.

4. Jimdo

   Jimdo Creator: prvek Widget / HTML, vložte řádek. Novější editor Jimdo má prvek HTML na placených tarifech. Zvolte tvar vložený do stránky a dejte prvku prostor.

5. Webflow

   Přetáhněte na stránku prvek Embed a vložte do něj řádek. Kód pro celý web patří do Site settings → Custom code → Footer code, k jehož publikování je potřeba placený tarif webu.

6. Shopify

   Online Store → Themes → Customize, přidejte blok Custom Liquid (nebo Custom HTML, podle šablony) do sekce, kde se mají položky zobrazit, a vložte řádek. Widget odkazuje ven na aukční web; do košíku obchodu nic nepřidává.

7. Weebly a Google Sites

   Weebly: prvek Embed Code. Google Sites: Insert → Embed → Embed code. Oba spouštějí kód uvnitř vlastního rámce, použijte proto tvar vložený do stránky a prvku nastavte odpovídající velikost.

8. Čisté HTML, nebo vývojář

   Vložte řádek tam, kde se má blok objevit, nebo těsně před </body> s plovoucím tvarem. Pomocí data-target můžete značku nechat na jednom místě a widget vykreslit do libovolného prvku podle jeho selektoru.

Kde skripty nejsou povoleny

E-mailové podpisy, nástroje na newslettery, bezplatné tarify některých editorů a většina intranetů skripty odstraňují. Použijte tam živý obrázek: banner vykreslený na serveru každých pár minut, který ukazuje, kolik položek probíhá a kdy přihazování končí, zabalený do odkazu na aukci. V HTML je to <a> kolem <img>; v nástroji na newslettery je to „přidat obrázek, nastavit odkaz“. Protože se obrázek překresluje, e-mail odeslaný před dvěma týdny stále ukazuje aktuální počet, a jakmile aukce skončí, změní se v prosté pozvání k návštěvě aukčního webu místo zastaralého tvrzení.

Co živý obrázek neumí: ukázat jednotlivé položky s cenami nebo odpočítávat. Je to záložní řešení, ne první volba, a patří do e-mailu mnohem spíš než na webovou stránku, která by skript spustit mohla.

Ověření, že to funguje

Otevřete stránku v anonymním okně prohlížeče na telefonu i na počítači. Položky byste měli vidět během sekundy či dvou. Pokud nevidíte vůbec nic, jde o jednu ze tří věcí a widget o všech třech záměrně mlčí, aby návštěvník nikdy neviděl chybu:

• Na aukčním webu nic neprobíhá ani se nechystá. Vystavte položku nebo zkontrolujte, zda přihazování opravdu začalo.
• Aukční web je v soukromém režimu, takže nic z něj není veřejné. Soukromý web nelze zobrazit nikde.
• Adresa je špatně, nebo je prvek, který editor kódu přidělil, příliš malý na vykreslení. Zkontrolujte zápis data-site a pak prvek zvětšete.

Pak po nabídce na aukčním webu počkejte dvě minuty a ověřte, že se cena na vaší stránce změnila. Od té chvíle není co udržovat: když aukce skončí, blok se sám odstraní, a další aukce se objeví, jakmile vystavíte její položky.

Otázky