Cum să afișați licitația online pe propriul site web

Site-ul dumneavoastră este locul unde motoarele de căutare, asistenții și propriii clienți vă găsesc deja, iar un link care spune „licitația noastră” nu este suficient: oamenii vor să vadă loturile, prețurile și cât timp a mai rămas, pe pagina pe care se află. Acest ghid explică ce arată un bloc de licitație încorporat bun, linia de cod care face acest lucru și unde se pune această linie în fiecare dintre constructorii de site-uri obișnuiți.

Actualizat

Ce adăugațiUn mic bloc live pe site-ul existent: fotografiile loturilor, titluri, prețuri curente, număr de oferte și o numărătoare inversă, care se actualizează singur și trimite către lot.
Ce nu esteNu este un cadru cu întregul site de licitații și nici licitare pe site-ul dumneavoastră: licitarea rămâne pe site-ul de licitații, unde se fac înregistrarea și plata.
CumO linie de HTML, lipită acolo unde constructorul de site-uri vă permite să adăugați cod. Unde scripturile sunt refuzate, o imagine live cu un link.
TimpZece minute, cea mai mare parte pentru a găsi caseta potrivită în constructorul de site-uri.
Când se încheie vânzareaUn bloc încorporat bun dispare singur când nu există nimic deschis sau în curând, astfel încât pagina nu arată niciodată o vânzare depășită.

Ce arată un bloc de licitație încorporat bun

Patru lucruri și nimic altceva:

  • Loturile live în acest moment, cu fotografie, titlu, preț curent și număr de oferte, plus o numărătoare inversă până la fiecare închidere care chiar numără. Un lot care nu s-a deschis încă arată în schimb prețul de pornire și o numărătoare inversă până la deschidere.
  • Un clic care deschide lotul pe site-ul de licitații, într-o filă nouă, astfel încât vizitatorul să poată licita fără să vă părăsească pagina.
  • Nimic atunci când nu există nimic. Blocul ar trebui să dispară singur când niciun lot nu este deschis sau în curând. Un bloc care arată vânzarea de luna trecută sau „nicio licitație în acest moment” le spune tuturor vizitatorilor că nu aveți activitate.
  • Aspectul dumneavoastră. Culoarea de accent și stilul colțurilor, ca să pară parte din site-ul dumneavoastră, nu o reclamă.

Ce trebuie evitat: un iframe cu întregul site de licitații (două bare de derulare, două antete, o afișare stricată pe telefon), o captură de ecran care se învechește chiar în ziua în care este făcută și orice le cere vizitatorilor să se autentifice pe site-ul dumneavoastră ca să vadă prețurile.

Cele două moduri de a o face

Un script. O linie <script> care desenează blocul și îl ține la zi. Acesta este modul obișnuit și funcționează oriunde constructorul de site-uri vă permite să adăugați „cod personalizat”, „HTML încorporat” sau un „bloc de cod”. Nu ar trebui să seteze cookie-uri și nici să încarce fonturi sau trackere în numele vizitatorilor dumneavoastră; cereți acest lucru oricărui widget pe care îl luați în considerare, pentru că nota dumneavoastră de confidențialitate este cea care trebuie să îl acopere.

O imagine live cu un link. Unele locuri refuză scripturile: semnăturile de e-mail, instrumentele pentru newslettere, planurile gratuite ale câtorva constructori de site-uri, intraneturile. Acolo, o imagine redesenată pe server la câteva minute, încadrată într-un link către vânzare, face cea mai mare parte din treabă: arată câte loturi sunt live și când se închid ofertele și rămâne actuală într-o pagină sau într-un e-mail trimis cu săptămâni în urmă.

Linia de cod

Pentru un site de licitații construit pe Auctify, widgetul gratuit AuctionAmigo este o singură linie:

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

Înlocuiți your-sale.myauctify.com cu adresa site-ului dumneavoastră de licitații, cu sau fără https://; un domeniu propriu funcționează la fel. Designerul de pe pagina principală a acestui site scrie linia pentru dumneavoastră, cu culoarea și forma completate, și vă arată rezultatul înainte să o copiați. Atributele:

AtributValoriImplicit
data-siteadresa site-ului de licitații (obligatoriu)niciuna
data-shapefloating, horizontal, vertical, skyscraperfloating
data-colourculoarea de accent, ca #rrggbb#ffd23f
data-cornersraza colțurilor în pixeli, de la 0 la 248
data-backgroundlight sau darklight
data-limitnumărul de loturi, de la 1 la 12depinde de formă
data-targetselectorul CSS al unui element în care să se desenezelocul unde se află tagul
data-langun cod de limbă, de exemplu de, fr, pt-brlimba site-ului de licitații

Se actualizează la fiecare două minute, nu setează cookie-uri și nu stochează nimic, nu încarcă fonturi și nici trackere, desenează în propriul shadow root, astfel încât stilurile dumneavoastră și ale sale nu se influențează reciproc, și nu afișează absolut nimic atunci când site-ul nu are nimic deschis și nimic în curând. Licitarea are loc pe site-ul de licitații, niciodată în interiorul widgetului.

Ce formă și unde pe pagină

FormăUnde se punePotrivit pentru
PlutitorOriunde, inclusiv în secțiunea head a paginii: stă în colțul de jos al fiecărei pagini, iar vizitatorul îl poate ascunde.Un site cu multe pagini, pe care licitația ar trebui să fie vizibilă pe toate.
OrizontalAcolo unde se află tagul: sub secțiunea principală, deasupra subsolului, într-o zonă largă de conținut.O pagină principală sau o pagină dedicată licitației.
VerticalO bară laterală sau o coloană îngustă.Bloguri și machete de tip știri.
SkyscraperUn spațiu înalt și îngust.Pagini cu o coloană laterală fixă.

Începeți cu o singură plasare, nu cu trei. Pagina principală, sub primul ecran, este locul pe care îl văd cei mai mulți vizitatori; un widget plutitor pe fiecare pagină este al doilea. Setați numărul de loturi la cât încape în spațiu: trei loturi într-o bară laterală îngustă arată mai bine decât douăsprezece.

Unde o lipiți, constructor cu constructor

Fiecare constructor de site-uri are o casetă pentru codul altora; denumirile diferă. Numele meniurilor de mai jos sunt cele folosite de constructori la momentul scrierii și se mută odată cu reproiectările, așa că, dacă unul s-a mutat, căutați în ajutorul constructorului „embed code” sau „custom code”. Acolo unde o funcție depinde de plan, se spune acest lucru; verificați-vă propriul plan înainte de a presupune ceva.

  1. WordPress

    Un bloc Custom HTML în editorul de blocuri, pe pagina dorită, cu linia lipită în el; sau o zonă de widgeturi pentru o bară laterală. Există un ghid separat despre organizarea unei licitații cu un site WordPress, care acoperă acest lucru și chestiunea pluginurilor.

  2. Wix

    În editor: Add Elements → Embed Code → Embed HTML, lipiți linia în element și dimensionați-l. Wix rulează codul încorporat în propriul cadru, așa că alegeți o formă inline (orizontală, verticală sau skyscraper) și faceți elementul cât de mare are nevoie forma; un widget plutitor nu poate ieși din acel cadru. Codul pentru întregul site se pune în Settings → Custom Code, pe care Wix îl oferă în planurile plătite cu un domeniu conectat.

  3. Squarespace

    Adăugați un bloc Code acolo unde vreți loturile și lipiți linia. Squarespace rulează scripturi în blocurile de cod în planul Business și în cele superioare; în planul Personal, un bloc de cod afișează doar HTML, iar un script nu face nimic. Pentru toate paginile deodată, Settings → Advanced → Code Injection → Footer, cu aceeași cerință de plan.

  4. Jimdo

    Jimdo Creator: elementul Widget / HTML, lipiți linia. Editorul mai nou Jimdo are un element HTML în planurile plătite. Alegeți o formă inline și lăsați elementului spațiu.

  5. Webflow

    Trageți un element Embed pe pagină și lipiți linia în el. Codul pentru întregul site se pune în Site settings → Custom code → Footer code, care necesită un plan de site plătit pentru publicare.

  6. Shopify

    Online Store → Themes → Customize, adăugați un bloc Custom Liquid (sau Custom HTML, în funcție de temă) în secțiunea în care ar trebui să apară loturile și lipiți linia. Widgetul trimite către site-ul de licitații; nu adaugă nimic în coșul magazinului.

  7. Weebly și Google Sites

    Weebly: elementul Embed Code. Google Sites: Insert → Embed → Embed code. Ambele rulează codul într-un cadru propriu, așa că folosiți o formă inline și dimensionați elementul pentru ea.

  8. HTML simplu sau un dezvoltator

    Lipiți linia acolo unde ar trebui să apară blocul sau chiar înainte de </body>, cu forma plutitoare. Cu data-target puteți păstra tagul într-un singur loc și lăsa widgetul să deseneze în orice element, după selectorul său.

Unde scripturile nu sunt permise

Semnăturile de e-mail, instrumentele pentru newslettere, planurile gratuite ale unor constructori de site-uri și cele mai multe intraneturi elimină scripturile. Folosiți acolo imaginea live: un banner desenat pe server la câteva minute, care arată câte loturi sunt live și când se închid ofertele, încadrat într-un link către vânzare. În HTML este un <a> în jurul unui <img>; într-un instrument pentru newslettere înseamnă „adăugați imaginea, setați linkul”. Pentru că imaginea este redesenată, un e-mail trimis acum două săptămâni arată în continuare numărul actual, iar după încheierea vânzării devine o simplă invitație de a vizita site-ul de licitații, nu o afirmație depășită.

Ce nu poate face o imagine live: să arate loturi individuale cu prețuri sau să facă numărătoare inversă. Este soluția de rezervă, nu prima alegere, și își are locul mult mai degrabă într-un e-mail decât pe o pagină web care ar putea rula scriptul.

Verificați că funcționează

Deschideți pagina într-o fereastră privată a browserului, pe un telefon și pe un computer. Ar trebui să vedeți loturile în una-două secunde. Dacă nu vedeți absolut nimic, este vorba de unul din trei lucruri, iar widgetul nu semnalează intenționat niciunul dintre ele, pentru ca un vizitator să nu vadă niciodată o eroare:

  • Site-ul de licitații nu are nimic deschis și nimic în curând. Listați un lot sau verificați că licitarea este într-adevăr deschisă.
  • Site-ul de licitații este în modul privat, deci nimic despre el nu este public. Un site privat nu poate fi afișat nicăieri.
  • Adresa este greșită sau elementul pe care constructorul l-a dat codului este prea mic pentru a desena în el. Verificați scrierea lui data-site, apoi măriți elementul.

Apoi așteptați două minute după o ofertă pe site-ul de licitații și confirmați că prețul de pe pagina dumneavoastră s-a modificat. De acum înainte nu mai este nimic de întreținut: când vânzarea se încheie, blocul dispare singur, iar următoarea vânzare apare când îi sunt listate loturile.

Întrebări

Îmi pot încorpora licitația pe un site Wix, Squarespace sau Jimdo?

Da, prin elementul de cod al fiecărui constructor: Embed HTML pe Wix, un bloc Code pe Squarespace (scripturile necesită planul Business sau unul superior), elementul Widget / HTML pe Jimdo. Constructorii care rulează codul într-un cadru au nevoie de o formă inline dimensionată după element, nu de cea plutitoare.

Widgetul le permite oamenilor să liciteze pe site-ul meu?

Nu. Arată loturile live cu prețul, numărul de oferte și numărătoarea inversă și deschide lotul pe site-ul de licitații într-o filă nouă, unde se fac înregistrarea, licitarea și plata. Licitarea nu are loc niciodată în interiorul widgetului.

Ce se întâmplă pe site-ul meu când licitația se încheie?

Widgetul nu afișează absolut nimic atunci când site-ul de licitații nu are niciun lot deschis și niciunul în curând, astfel încât pagina nu arată niciodată o vânzare încheiată. Reapare când sunt listate următoarele loturi.

Blocul încorporat setează cookie-uri sau îmi urmărește vizitatorii?

Widgetul AuctionAmigo nu setează cookie-uri, nu stochează nimic, nu încarcă fonturi și nici trackere; face o singură cerere pentru loturi și încarcă fotografiile loturilor de pe site-ul de licitații. Cereți același lucru oricărui alt widget înainte să îl adăugați, pentru că nota dumneavoastră de confidențialitate trebuie să îl acopere.

Instrumentul meu de newsletter nu acceptă un script. Ce fac atunci?

Folosiți imaginea live: un banner redesenat la câteva minute, care arată numărul de loturi și ziua închiderii, încadrat într-un link către vânzare. Rămâne actual într-un e-mail trimis cu săptămâni în urmă și devine o simplă invitație după încheierea vânzării.