So zeigen Sie Ihre Online-Auktion auf Ihrer eigenen Website

Was eine gute Auktionseinbettung zeigt

Vier Dinge, und sonst nichts:

• Die Lose, die gerade laufen, mit Foto, Titel, aktuellem Preis und Zahl der Gebote, und einem Countdown bis zu jedem Schluss, der wirklich zählt. Ein Los, das noch nicht geöffnet ist, zeigt stattdessen seinen Startpreis und einen Countdown bis zum Start.
• Ein Klick, der das Los öffnet, auf der Auktionsseite, in einem neuen Tab, damit der Besucher bieten kann, ohne Ihre Seite zu verlieren.
• Nichts, wenn es nichts gibt. Der Block sollte von selbst verschwinden, wenn kein Los läuft oder bevorsteht. Eine Einbettung, die die Auktion vom letzten Monat zeigt, oder „zurzeit keine Auktionen“, sagt jedem Besucher, dass bei Ihnen nichts los ist.
• Ihr Aussehen. Ihre Akzentfarbe und Ihr Eckenstil, damit es als Teil Ihrer Website wirkt und nicht als Werbung.

Was Sie vermeiden sollten: ein iframe der ganzen Auktionsseite (zwei Scrollbalken, zwei Header, ein kaputtes Handy-Layout), ein Screenshot, der am Tag seiner Aufnahme veraltet, und alles, was Besucher auffordert, sich auf Ihrer Website anzumelden, um Preise zu sehen.

Die zwei Wege

Ein Skript. Eine <script>-Zeile, die den Block zeichnet und aktuell hält. Das ist der normale Weg und funktioniert überall dort, wo Ihr Website-Baukasten „eigenen Code“, „HTML einbetten“ oder einen „Code-Block“ zulässt. Es sollte keine Cookies setzen und im Namen Ihrer Besucher weder Schriftarten noch Tracker laden; verlangen Sie das von jedem Widget, das Sie in Betracht ziehen, denn Ihre Datenschutzerklärung ist diejenige, die es abdecken muss.

Ein Live-Bild mit Link. Manche Orte lehnen Skripte ab: E-Mail-Signaturen, Newsletter-Tools, die kostenlosen Tarife einiger Baukästen, Intranets. Dort erledigt ein Bild, das alle paar Minuten auf dem Server neu gezeichnet und in einen Link zur Auktion gehüllt wird, den größten Teil der Aufgabe: Es zeigt, wie viele Lose laufen und wann das Bieten endet, und bleibt in einer Seite oder einer vor Wochen verschickten E-Mail aktuell.

Die Zeile Code

Für eine mit Auctify erstellte Auktionsseite ist das kostenlose AuctionAmigo-Widget eine Zeile:

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

Ersetzen Sie your-sale.myauctify.com durch die Adresse Ihrer Auktionsseite, mit oder ohne https://; eine eigene Domain funktioniert genauso. Der Designer auf der Startseite dieser Website schreibt Ihnen die Zeile mit Ihrer Farbe und Form und zeigt das Ergebnis, bevor Sie sie kopieren. Die Attribute:

Es aktualisiert sich alle zwei Minuten, setzt keine Cookies und speichert nichts, lädt weder Schriftarten noch Tracker, zeichnet in einem eigenen Shadow Root, damit Ihre Stile und seine einander in Ruhe lassen, und rendert überhaupt nichts, wenn auf der Seite nichts läuft und nichts bevorsteht. Geboten wird auf der Auktionsseite, nie im Widget.

Welche Form, und wo auf der Seite

Beginnen Sie mit einer Platzierung, nicht mit dreien. Die Startseite, unterhalb des ersten Bildschirms, ist der Ort, den die meisten Besucher sehen; ein schwebendes Widget auf jeder Seite ist der zweite. Stellen Sie die Zahl der Lose auf das ein, was der Platz hergibt: Drei Lose in einer schmalen Seitenleiste sehen besser aus als zwölf.

Wo Sie sie einfügen, Baukasten für Baukasten

Jeder Baukasten hat ein Feld für fremden Code; die Namen unterscheiden sich. Die Menünamen unten sind so, wie die Baukästen sie zum Zeitpunkt des Schreibens beschriften, und wandern bei Neugestaltungen; hat sich einer verschoben, suchen Sie in der Hilfe des Baukastens nach „Code einbetten“ oder „eigener Code“. Wo eine Funktion vom Tarif abhängt, steht es dabei; prüfen Sie Ihren eigenen Tarif, statt es anzunehmen.

1. WordPress

   Ein Block Individuelles HTML im Block-Editor, auf der gewünschten Seite, mit der eingefügten Zeile; oder ein Widget-Bereich für eine Seitenleiste. Es gibt einen eigenen Leitfaden zum Betreiben einer Auktion mit einer WordPress-Website, der das und die Frage nach Plugins behandelt.

2. Wix

   Im Editor: Elemente hinzufügen → Code einbetten → HTML einbetten, die Zeile in das Element einfügen und es in der Größe anpassen. Wix führt eingebetteten Code in einem eigenen Frame aus, wählen Sie also eine Inline-Form (horizontal, vertikal oder Skyscraper) und machen Sie das Element so groß, wie die Form es braucht; ein schwebendes Widget kann diesen Frame nicht verlassen. Seitenweiter Code kommt in Einstellungen → Benutzerdefinierter Code, was Wix in seinen kostenpflichtigen Tarifen mit verbundener Domain anbietet.

3. Squarespace

   Fügen Sie dort, wo die Lose erscheinen sollen, einen Code-Block hinzu und fügen Sie die Zeile ein. Squarespace führt Skripte in Code-Blöcken ab dem Business-Tarif aus; im Personal-Tarif zeigt ein Code-Block nur HTML, und ein Skript tut nichts. Für alle Seiten auf einmal: Einstellungen → Erweitert → Code-Injection → Footer, mit derselben Tarifvoraussetzung.

4. Jimdo

   Jimdo Creator: das Element Widget / HTML, die Zeile einfügen. Der neuere Editor von Jimdo hat in seinen kostenpflichtigen Tarifen ein HTML-Element. Wählen Sie eine Inline-Form und geben Sie dem Element Platz.

5. Webflow

   Ziehen Sie ein Embed-Element auf die Seite und fügen Sie die Zeile ein. Seitenweiter Code kommt in Site settings → Custom code → Footer code, was zum Veröffentlichen einen kostenpflichtigen Site-Tarif braucht.

6. Shopify

   Onlineshop → Themes → Anpassen, einen Custom Liquid-Block (oder Custom HTML, je nach Theme) zu dem Abschnitt hinzufügen, in dem die Lose erscheinen sollen, und die Zeile einfügen. Das Widget verlinkt nach außen auf die Auktionsseite; es legt nichts in den Warenkorb des Shops.

7. Weebly und Google Sites

   Weebly: das Element Code einbetten. Google Sites: Einfügen → Einbetten → Code einbetten. Beide führen den Code in einem eigenen Frame aus, nutzen Sie also eine Inline-Form und passen Sie das Element daran an.

8. Reines HTML, oder ein Entwickler

   Fügen Sie die Zeile dort ein, wo der Block erscheinen soll, oder mit der schwebenden Form direkt vor </body>. Mit data-target können Sie das Tag an einer Stelle lassen und das Widget über seinen Selektor in ein beliebiges Element zeichnen lassen.

Wo Skripte nicht erlaubt sind

E-Mail-Signaturen, Newsletter-Tools, die kostenlosen Tarife mancher Baukästen und die meisten Intranets entfernen Skripte. Nutzen Sie dort das Live-Bild: ein Banner, das alle paar Minuten auf dem Server gezeichnet wird und zeigt, wie viele Lose laufen und wann das Bieten endet, in einen Link zur Auktion gehüllt. In HTML ist es ein <a> um ein <img>; in einem Newsletter-Tool ist es „Bild hinzufügen, Link setzen“. Weil das Bild neu gezeichnet wird, zeigt eine vor zwei Wochen verschickte E-Mail immer noch die aktuelle Zahl, und sobald die Auktion vorbei ist, wird es zu einer schlichten Einladung, die Auktionsseite zu besuchen, statt zu einer veralteten Behauptung.

Was ein Live-Bild nicht kann: einzelne Lose mit Preisen zeigen oder herunterzählen. Es ist die Rückfalllösung, nicht die erste Wahl, und es gehört viel eher in eine E-Mail als auf eine Webseite, die das Skript ausführen könnte.

Prüfen, ob es funktioniert

Öffnen Sie die Seite in einem privaten Browserfenster auf einem Handy und auf einem Computer. Sie sollten die Lose innerhalb von ein, zwei Sekunden sehen. Wenn Sie gar nichts sehen, liegt es an einem von drei Dingen, und das Widget schweigt zu allen dreien mit Absicht, damit ein Besucher nie eine Fehlermeldung sieht:

• Auf der Auktionsseite läuft nichts und es steht nichts bevor. Stellen Sie ein Los ein oder prüfen Sie, ob das Bieten wirklich geöffnet ist.
• Die Auktionsseite ist im Privatmodus, also ist nichts von ihr öffentlich. Eine private Seite kann nirgends gezeigt werden.
• Die Adresse ist falsch, oder das Element, das der Baukasten dem Code gegeben hat, ist zu klein zum Zeichnen. Prüfen Sie die Schreibweise von data-site, dann vergrößern Sie das Element.

Warten Sie dann nach einem Gebot auf der Auktionsseite zwei Minuten und prüfen Sie, ob sich der Preis auf Ihrer Seite bewegt hat. Von da an gibt es nichts zu pflegen: Wenn die Auktion endet, entfernt sich der Block selbst, und die nächste Auktion erscheint, sobald ihre Lose eingestellt sind.

Fragen