Sådan viser du din onlineauktion på din egen hjemmeside

Hvad en god auktionsindlejring viser

Fire ting, og intet andet:

• De lots, der er live nu, med foto, titel, aktuel pris og antal bud, og en nedtælling til hver lukning, der faktisk tæller. Et lot, der ikke er åbnet endnu, viser i stedet sin startpris og en nedtælling til åbningen.
• Et klik, der åbner lottet på auktionssiden, i en ny fane, så den besøgende kan byde uden at miste din side.
• Intet, når der intet er. Blokken bør forsvinde af sig selv, når intet lot er åbent eller på vej. En indlejring, der viser sidste måneds auktion eller "ingen auktioner i øjeblikket", fortæller hver besøgende, at du ikke har travlt.
• Dit udseende. Din accentfarve og hjørnestil, så det læses som en del af din side og ikke som en reklame.

Det, du skal undgå: en iframe med hele auktionssiden (to rullebjælker, to headere, et ødelagt mobillayout), et skærmbillede, der er forældet den dag, det tages, og alt, hvad der beder besøgende om at logge ind på din side for at se priser.

De to måder at gøre det på

Et script. Én <script>-linje, der tegner blokken og holder den opdateret. Det er den normale måde, og den virker overalt, hvor din hjemmesidebygger lader dig tilføje "brugerdefineret kode", "integrer HTML" eller en "kodeblok". Det bør ikke sætte cookies og ikke indlæse skrifttyper eller trackere på dine besøgendes vegne; kræv det af enhver widget, du overvejer, for det er din privatlivspolitik, der skal dække den.

Et live billede med et link. Nogle steder afviser scripts: e-mailsignaturer, nyhedsbrevsværktøjer, enkelte hjemmesidebyggeres gratisplaner, intranet. Dér klarer et billede, der tegnes på ny på serveren med få minutters mellemrum, pakket ind i et link til auktionen, det meste af opgaven: det viser, hvor mange lots der er live, og hvornår budgivningen lukker, og det holder sig opdateret på en side eller i en e-mail sendt for uger siden.

Kodelinjen

For en auktionsside bygget på Auctify er den gratis AuctionAmigo-widget én linje:

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

Erstat your-sale.myauctify.com med adressen på din auktionsside, med eller uden https://; et eget domæne virker på samme måde. Designeren på denne sides forside skriver linjen for dig med din farve og form udfyldt og viser resultatet, før du kopierer den. Attributterne:

Den opdaterer hvert andet minut, sætter ingen cookies og gemmer intet, indlæser hverken skrifttyper eller trackere, tegner inde i sin egen shadow root, så dine stilarter og dens stilarter lader hinanden være, og viser slet intet, når siden intet har åbent og intet på vej. Der bydes på auktionssiden, aldrig inde i widgetten.

Hvilken form, og hvor på siden

Start med én placering, ikke tre. Forsiden, under den første skærm, er det sted, de fleste besøgende ser; en flydende widget på hver side er det næste. Sæt antallet af lots til det, pladsen kan rumme: tre lots i en smal sidebar ser bedre ud end tolv.

Hvor du indsætter den, bygger for bygger

Hver bygger har en boks til andres kode; navnene er forskellige. Menunavnene nedenfor er, som byggerne kalder dem i skrivende stund, og de flytter sig ved redesign, så hvis et af dem er flyttet, så søg i byggerens hjælp efter "integrer kode" eller "brugerdefineret kode". Hvor en funktion afhænger af planen, står det der; tjek din egen plan, før du går ud fra noget.

1. WordPress

   En Brugerdefineret HTML-blok i blokeditoren, på den side du vil, med linjen indsat; eller et widgetområde til en sidebar. Der findes en separat guide til at køre en auktion med en WordPress-side, som dækker dette og spørgsmålet om plugins.

2. Wix

   I editoren: Tilføj elementer → Integrer kode → Integrer HTML, indsæt linjen i elementet, og giv det en størrelse. Wix kører indlejret kode inde i sin egen ramme, så vælg en inline-form (vandret, lodret eller skyscraper), og gør elementet så stort, som formen kræver; en flydende widget kan ikke komme ud af den ramme. Kode til hele sitet går i Indstillinger → Brugerdefineret kode, som Wix tilbyder på sine betalte planer med et tilknyttet domæne.

3. Squarespace

   Tilføj en Code-blok dér, hvor du vil have dine lots, og indsæt linjen. Squarespace kører scripts i kodeblokke på sin Business-plan og opefter; på Personal-planen viser en kodeblok kun HTML, og et script gør ingenting. For alle sider på én gang: Settings → Advanced → Code Injection → Footer, som har samme plankrav.

4. Jimdo

   Jimdo Creator: elementet Widget / HTML, indsæt linjen. Jimdos nyere editor har et HTML-element på sine betalte planer. Vælg en inline-form, og giv elementet plads.

5. Webflow

   Træk et Embed-element ind på siden, og indsæt linjen i det. Kode til hele sitet går i Site settings → Custom code → Footer code, som kræver en betalt site-plan for at kunne udgives.

6. Shopify

   Onlinebutik → Temaer → Tilpas, tilføj en Brugerdefineret Liquid-blok (eller Brugerdefineret HTML, afhængigt af temaet) til den sektion, hvor dine lots skal vises, og indsæt linjen. Widgetten linker ud til auktionssiden; den lægger ikke noget i butikkens kurv.

7. Weebly og Google Sites

   Weebly: elementet Embed Code. Google Sites: Indsæt → Integrer → Integrer kode. Begge kører koden inde i deres egen ramme, så brug en inline-form, og tilpas elementets størrelse til den.

8. Ren HTML, eller en udvikler

   Indsæt linjen dér, hvor blokken skal vises, eller lige før </body> med den flydende form. Med data-target kan du lade tagget blive ét sted og få widgetten til at tegne i et hvilket som helst element via dets selektor.

Hvor scripts ikke er tilladt

E-mailsignaturer, nyhedsbrevsværktøjer, nogle byggeres gratisplaner og de fleste intranet fjerner scripts. Brug det live billede dér: et banner, der tegnes på serveren med få minutters mellemrum og viser, hvor mange lots der er live, og hvornår budgivningen lukker, pakket ind i et link til auktionen. I HTML er det et <a> omkring et <img>; i et nyhedsbrevsværktøj er det "tilføj billede, sæt link". Fordi billedet tegnes på ny, viser en e-mail sendt for to uger siden stadig det aktuelle antal, og når auktionen er slut, bliver det til en enkel invitation til at besøge auktionssiden i stedet for en forældet påstand.

Det, et live billede ikke kan: vise enkelte lots med priser eller tælle ned. Det er reserveløsningen, ikke førstevalget, og det hører langt mere hjemme i en e-mail end på en webside, der kunne køre scriptet.

Tjek, at det virker

Åbn siden i et privat browservindue på en mobil og på en computer. Du bør se dine lots inden for et sekund eller to. Ser du slet ingenting, er det en af tre ting, og widgetten tier med vilje om dem alle, så en besøgende aldrig ser en fejl:

• Auktionssiden har intet åbent og intet på vej. Opret et lot, eller tjek, at budgivningen faktisk er åben.
• Auktionssiden er i privattilstand, så intet om den er offentligt. En privat side kan ikke vises nogen steder.
• Adressen er forkert, eller det element, byggeren gav koden, er for lille at tegne i. Tjek stavningen af data-site, og gør derefter elementet større.

Vent så to minutter efter et bud på auktionssiden, og bekræft, at prisen på din side har flyttet sig. Derefter er der intet at vedligeholde: når auktionen slutter, fjerner blokken sig selv, og den næste auktion dukker op, når dens lots bliver oprettet.

Spørgsmål