Näin näytät verkkohuutokauppasi omilla verkkosivuillasi

Mitä hyvä huutokauppaupotus näyttää

Neljä asiaa, eikä mitään muuta:

• Nyt käynnissä olevat kohteet kuvineen, otsikoineen, nykyisine hintoineen ja tarjousmäärineen sekä lähtölaskenta jokaiseen päättymiseen, joka oikeasti laskee. Kohde, joka ei ole vielä auennut, näyttää sen sijaan lähtöhintansa ja lähtölaskennan alkamiseensa.
• Klikkaus, joka avaa kohteen huutokauppasivustolla uudessa välilehdessä, jotta kävijä voi tarjota menettämättä sivuasi.
• Ei mitään, kun mitään ei ole. Lohkon pitäisi kadota itsestään, kun yksikään kohde ei ole auki eikä tulossa. Upotus, joka näyttää viime kuun huutokaupan tai ”ei huutokauppoja tällä hetkellä”, kertoo jokaiselle kävijälle, ettei sinulla ole mitään meneillään.
• Oma ilmeesi. Korostusvärisi ja kulmatyylisi, jotta se näyttää sivustosi osalta eikä mainokselta.

Mitä välttää: koko huutokauppasivuston iframe (kaksi vierityspalkkia, kaksi ylätunnistetta, rikkinäinen asettelu puhelimessa), kuvakaappaus, joka vanhenee ottopäivänään, ja mikä tahansa, mikä vaatii kävijää kirjautumaan sivustollesi nähdäkseen hinnat.

Kaksi tapaa tehdä se

Skripti. Yksi <script>-rivi, joka piirtää lohkon ja pitää sen ajan tasalla. Tämä on tavallinen tapa, ja se toimii kaikkialla, missä sivustotyökalu antaa lisätä ”mukautettua koodia”, ”upotetun HTML:n” tai ”koodilohkon”. Sen ei pitäisi asettaa evästeitä eikä ladata fontteja tai seurantatyökaluja kävijöidesi puolesta; vaadi tätä jokaiselta harkitsemaltasi widgetiltä, koska sinun tietosuojaselosteesi on se, jonka on katettava se.

Reaaliaikainen kuva linkillä. Jotkin paikat eivät hyväksy skriptejä: sähköpostin allekirjoitukset, uutiskirjetyökalut, muutaman sivustotyökalun ilmaiset paketit, intranetit. Siellä kuva, joka piirretään palvelimella uudelleen muutaman minuutin välein ja kääritään huutokauppaan vievään linkkiin, hoitaa suurimman osan tehtävästä: se näyttää, montako kohdetta on käynnissä ja milloin tarjousaika päättyy, ja pysyy ajan tasalla sivulla tai viikkoja sitten lähetetyssä sähköpostissa.

Se koodirivi

Auctifylla tehdylle huutokauppasivustolle ilmainen AuctionAmigo-widget on yksi rivi:

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

Korvaa your-sale.myauctify.com huutokauppasivustosi osoitteella, https://-alun kanssa tai ilman; oma verkkotunnus toimii samalla tavalla. Tämän sivuston etusivun suunnittelutyökalu kirjoittaa rivin puolestasi värisi ja muotosi kanssa ja näyttää lopputuloksen ennen kuin kopioit sen. Attribuutit:

Se päivittyy kahden minuutin välein, ei aseta evästeitä eikä tallenna mitään, ei lataa fontteja eikä seurantatyökaluja, piirtää itsensä omaan shadow rootiinsa, jotta sinun tyylisi ja sen tyylit eivät häiritse toisiaan, eikä näytä yhtään mitään, kun sivustolla ei ole mitään auki eikä tulossa. Tarjoaminen tapahtuu huutokauppasivustolla, ei koskaan widgetin sisällä.

Mikä muoto ja mihin kohtaan sivua

Aloita yhdestä sijoituspaikasta, älä kolmesta. Etusivu, ensimmäisen näytöllisen alapuolella, on paikka, jonka useimmat kävijät näkevät; kelluva widget jokaisella sivulla on toiseksi paras. Aseta kohteiden määrä sen mukaan, mitä tila vetää: kolme kohdetta kapeassa sivupalkissa näyttää paremmalta kuin kaksitoista.

Mihin se liitetään, työkalu kerrallaan

Jokaisessa sivustotyökalussa on laatikko muiden koodille; nimet vaihtelevat. Alla olevat valikkonimet ovat sellaisia kuin työkalut ne kirjoitushetkellä nimeävät, ja ne liikkuvat uudistusten myötä, joten jos jokin on siirtynyt, hae työkalun ohjeista ”embed code” tai ”custom code”. Kun ominaisuus riippuu paketista, se on mainittu; tarkista oma pakettisi ennen kuin oletat.

1. WordPress

   Mukautettu HTML -lohko lohkoeditorissa, haluamallesi sivulle, rivi liitettynä; tai vimpainalue sivupalkkia varten. Erillinen opas huutokaupan pitämiseen WordPress-sivuston kanssa käsittelee tätä ja lisäosakysymystä.

2. Wix

   Editorissa: Add Elements → Embed Code → Embed HTML, liitä rivi elementtiin ja mitoita se. Wix ajaa upotetun koodin omassa kehyksessään, joten valitse sivun sisään tuleva muoto (vaaka, pysty tai skyscraper) ja tee elementistä niin suuri kuin muoto vaatii; kelluva widget ei pääse kehyksestä ulos. Koko sivuston kattava koodi menee kohtaan Settings → Custom Code, jonka Wix tarjoaa maksullisissa paketeissaan yhdistetyn verkkotunnuksen kanssa.

3. Squarespace

   Lisää Code-lohko sinne, minne haluat kohteet, ja liitä rivi. Squarespace ajaa koodilohkojen skriptit Business-paketissa ja sitä korkeammissa; Personal-paketissa koodilohko näyttää vain HTML:n, eikä skripti tee mitään. Kaikille sivuille kerralla: Settings → Advanced → Code Injection → Footer, jolla on sama pakettivaatimus.

4. Jimdo

   Jimdo Creator: Widget / HTML -elementti, liitä rivi. Jimdon uudemmassa editorissa on HTML-elementti maksullisissa paketeissa. Valitse sivun sisään tuleva muoto ja anna elementille tilaa.

5. Webflow

   Vedä Embed-elementti sivulle ja liitä rivi siihen. Koko sivuston kattava koodi menee kohtaan Site settings → Custom code → Footer code, jonka julkaisemiseen tarvitaan maksullinen sivustopaketti.

6. Shopify

   Online Store → Themes → Customize, lisää Custom Liquid -lohko (tai Custom HTML, teemasta riippuen) siihen osioon, jossa kohteiden pitäisi näkyä, ja liitä rivi. Widget linkittää ulos huutokauppasivustolle; se ei lisää mitään kaupan ostoskoriin.

7. Weebly ja Google Sites

   Weebly: Embed Code -elementti. Google Sites: Insert → Embed → Embed code. Molemmat ajavat koodin omassa kehyksessään, joten käytä sivun sisään tulevaa muotoa ja mitoita elementti sen mukaan.

8. Pelkkä HTML tai kehittäjä

   Liitä rivi siihen kohtaan, jossa lohkon pitäisi näkyä, tai juuri ennen </body>-tagia kelluvan muodon kanssa. data-target-attribuutilla voit pitää tagin yhdessä paikassa ja antaa widgetin piirtyä mihin tahansa elementtiin sen valitsimen perusteella.

Missä skriptejä ei sallita

Sähköpostin allekirjoitukset, uutiskirjetyökalut, joidenkin sivustotyökalujen ilmaiset paketit ja useimmat intranetit poistavat skriptit. Käytä siellä reaaliaikaista kuvaa: palvelimella muutaman minuutin välein piirrettävää banneria, joka näyttää, montako kohdetta on käynnissä ja milloin tarjousaika päättyy, käärittynä huutokauppaan vievään linkkiin. HTML:ssä se on <a> <img>-elementin ympärillä; uutiskirjetyökalussa se on ”lisää kuva, aseta linkki”. Koska kuva piirretään uudelleen, kaksi viikkoa sitten lähetetty sähköposti näyttää yhä nykyisen määrän, ja huutokaupan päätyttyä siitä tulee pelkkä kutsu tutustua huutokauppasivustoon eikä vanhentunut väite.

Mitä reaaliaikainen kuva ei voi tehdä: näyttää yksittäisiä kohteita hintoineen tai laskea aikaa. Se on varavaihtoehto, ei ensisijainen valinta, ja se kuuluu sähköpostiin paljon enemmän kuin verkkosivulle, joka voisi ajaa skriptin.

Toimivuuden tarkistus

Avaa sivu yksityisessä selainikkunassa puhelimella ja tietokoneella. Kohteiden pitäisi näkyä sekunnissa tai parissa. Jos et näe yhtään mitään, kyse on yhdestä kolmesta asiasta, ja widget vaikenee niistä kaikista tarkoituksella, jotta kävijä ei koskaan näe virheilmoitusta:

• Huutokauppasivustolla ei ole mitään auki eikä tulossa. Listaa kohde tai tarkista, että tarjousaika on todella alkanut.
• Huutokauppasivusto on yksityistilassa, joten mikään siitä ei ole julkista. Yksityistä sivustoa ei voi näyttää missään.
• Osoite on väärin, tai elementti, jonka sivustotyökalu antoi koodille, on liian pieni piirrettäväksi. Tarkista data-site-arvon kirjoitusasu ja suurenna sitten elementtiä.

Odota sitten kaksi minuuttia huutokauppasivustolla tehdyn tarjouksen jälkeen ja varmista, että hinta sivullasi on muuttunut. Siitä eteenpäin ylläpidettävää ei ole: kun huutokauppa päättyy, lohko poistaa itsensä, ja seuraava huutokauppa ilmestyy, kun sen kohteet listataan.

Kysymyksiä