So verknüpfen Sie einen Shop mit Ihrer Website

So funktioniert's

Mit einem Online-Shop auf Ihrer Website können Sie neue Spieler gewinnen und Ihr Spiels besser monetarisieren. Im Online-Shop können Sie Spielschlüssel (mit Ausnahme der Vorlage “Web Shop”), Bundles, virtuelle Gegenstände und virtuelle Währungspakete verkaufen.

Spiele-Demo

Artikel- und Währungen-Demo

Hinweis
Diese Anleitungen sind für Websites bestimmt, die mit dem Site Builder erstellt wurden. Wenn Sie einen Online-Shop auf Ihrer eigenen Website einbinden möchten, werfen Sie einen Blick in die Anleitung für das Erstellen eines Online-Shops.

Ablauf für den Nutzer

  1. Der Nutzer ruft die Website des Spiels auf und navigiert zum Online-Shop.
  2. Der Nutzer meldet sich auf der Website an.
  3. Der Nutzer klickt auf die Artikelkarte und sieht eine ausführliche Artikelbeschreibung.
  1. Der Nutzer klickt auf den Preis.
  2. Der Nutzer bezahlt im geöffneten Zahlungsportal.

Integrationsablauf

  1. Erstellen Sie einen Katalog im Kundenportal.
  2. Erstellen Sie einen Online-Shop-Block.
  3. Passen Sie den Online-Shop-Block an.

Katalog erstellen

So erstellen Sie einen Katalog:
  1. Öffnen Sie Ihr Projekt im Kundenportal.
  2. Klicken Sie in der Seitenleiste auf Online-Shop > Verknüpfen.
  3. Klicken Sie bei dem Artikeltyp, den Sie auf der Website verkaufen möchten, auf Verknüpfen:
Hinweis
Die Web Shop-Vorlage unterstützt nicht den Verkauf von Spielschlüsseln oder Bundles, die Spielschlüssel enthalten.

Online-Shop-Block erstellen

Sofern Sie eine Website mithilfe der Web Shop- oder Online-Shop-Vorlage erstellt haben, wird der Seite der Online-Shop-Block automatisch hinzugefügt.

Die Vorlage “Store im Web Shop” ermöglicht es Ihnen, zusätzliche Informationen auf Artikelkarten anzuzeigen:

  • Boni – nur bei Bonusaktionen.
  • Aktionstimer – für jede Werbeaktionsart. 30 Tage vor Ablauf der Werbeaktion erscheint auf der Artikelkarte ein Timer, der die verbleibende Aktionszeit anzeigt.
  • Nutzungshäufigkeit der Werbeaktion pro Benutzer begrenzen – für jede Werbeaktionsart, sofern begrenzt ist, wie oft ein Nutzer eine Werbeaktion in Anspruch nehmen darf.
  • Anzahl der Käufe dieses Artikels pro Benutzer beschränken – für jede Werbeaktionsart, sofern begrenzt ist, wie viele Exemplare eines Artikels ein Nutzer kaufen darf.

Wenn Sie die Website mit einer anderen Vorlage erstellen, können Sie den Online-Shop-Block wie folgt hinzufügen:

  1. Öffnen Sie Ihr Projekt im Kundenportal.
  2. Klicken Sie in der Seitenleiste auf Site Builder.
  3. Klicken Sie auf Site Builder öffnen.

  1. Klicken Sie in der Seitenvorlage auf Block hinzufügen.

  1. Wählen Sie die Option Online-Shop aus der Liste aus.
  1. Wählen Sie in der Drop-down-Liste den auf der Website zu verkaufenden Artikeltyp und dessen Gruppe aus.
Hinweis
Falls die Liste der Artikel leer ist oder Sie einen neuen Artikel erstellen möchten, klicken Sie auf die entsprechende Erstellen-Schaltfläche oder unten im Abschnitt auf den Link Konfigurieren Sie Artikel.

  1. Um Artikel an verschiedenen Stellen auf der Website zu verkaufen, müssen Sie mehrere Online-Shop-Abschnitte erstellen. Klicken Sie dazu im Menü des Blocks Online-Shop auf Online-Shop-Abschnitt hinzufügen.

Der Online-Shop-Block unterstützt weder Warenkorbfunktionen noch Promocodes. Wenden Sie sich an Ihren Customer Success Manager oder senden Sie eine E-Mail an csm@xsolla.com, wenn Sie auf Ihrer Website Warenkorbfunktionen aktivieren möchten.

Block anpassen

  1. Passen Sie die Überschrift an. Klicken Sie dazu auf die Überschrift Online-Shop in der Seitenvorlage, und bearbeiten Sie den Text und dessen Stil.

  1. Entscheiden Sie sich für ein Artikelkarten-Layout.

  • Empfohlen: Mit diesem Kartenlayout können Sie die Aufmerksamkeit der Nutzer auf Produkte oder Sonderangebote lenken. Wir empfehlen, dieses Layout für Boni- und Rabattaktionen sowie für zeitlich und zahlenmäßig begrenzte Werbeaktionen und Artikel zu verwenden.
    Unter "Artikelkarten-Layout" können Sie folgende Einstellungen vornehmen:
    • Artikelbild und ‑beschreibung ein- oder ausblenden
    • Artikelbild als "Eingepasst" oder "Vollbild" darstellen
    • Textfarbe ändern
    • eigenen Hintergrund für das Karussell festlegen
  • Horizontal: Bei diesem Kartenlayout werden der Name, die Beschreibung und der Preis des Artikels rechts neben dem Bild platziert.
    Unter "Artikelkarten-Layout" können Sie folgende Einstellungen vornehmen:
    • Artikelbild und ‑beschreibung ein- oder ausblenden
    • Artikelbild als "Eingepasst" oder "Vollbild" darstellen
    • horizontales Scrollen auf Mobilgeräten aktivieren oder deaktivieren
    • eigenen Hintergrund für den Abschnitt festlegen
  • Vertikal: Bei diesem Kartenlayout werden der Name, die Beschreibung und der Preis des Artikels unter dem Bild platziert.
    Unter "Artikelkarten-Layout" können Sie folgende Einstellungen vornehmen:
    • Artikelbild und ‑beschreibung ein- oder ausblenden
    • Artikelbild als "Eingepasst" oder "Vollbild" darstellen
    • horizontales Scrollen auf Mobilgeräten aktivieren oder deaktivieren
    • eigenen Hintergrund für den Abschnitt festlegen
  • Groß: Wir empfehlen, dieses Kartenlayout für Bundles und Boni zu verwenden. Hierbei werden alle relevanten Informationen der Karte angezeigt, ohne darauf klicken zu müssen.
    Unter "Artikelkarten-Layout" können Sie folgende Einstellungen vornehmen:
    • Artikelbild und ‑beschreibung ein- oder ausblenden
    • Artikelbild als "Eingepasst" oder "Vollbild" darstellen
    • horizontales Scrollen auf Mobilgeräten aktivieren oder deaktivieren
    • eigenen Hintergrund für den Abschnitt festlegen
Hinweis
Für Bundles stehen nur die Layouts Vertikal, Groß und Empfohlen zur Auswahl.
  • Für Spielschlüssel wird standardmäßig ein eigenes Artikelkartenlayout verwendet. Es ist nicht anpassbar und auch nicht für andere Produkte verfügbar.
    Unter "Artikelkarten-Layout" können Sie folgende Einstellungen vornehmen:
    • Artikelbild und ‑beschreibung, Release-Termin und Spielplattformen ein- oder ausblenden
    • Artikelbild als "Eingepasst" oder "Vollbild" darstellen
    • horizontales Scrollen auf Mobilgeräten aktivieren oder deaktivieren
    • eigenen Hintergrund für den Abschnitt festlegen
  1. Klicken Sie oben rechts im Baukasten auf Vorschau, um die Website aus der Sicht der Nutzer zu betrachten.
War dieser Artikel hilfreich?
Vielen Dank!
Gibt es etwas, das wir verbessern können? Nachricht
Das tut uns leid
Bitte erläutern Sie, weshalb dieser Artikel nicht hilfreich ist. Nachricht
Vielen Dank für Ihr Feedback!
Wir werden Ihr Feedback aufgreifen und dazu nutzen, Ihr Erlebnis verbessern.
Diese Seite bewerten
Diese Seite bewerten
Gibt es etwas, das wir verbessern können?

Jetzt nicht

Vielen Dank für Ihr Feedback!

Nützliche Links

Letztmalig aktualisiert: 4. März 2024

Haben Sie einen Tippfehler oder einen anderen Textfehler gefunden? Wählen Sie den Text aus und drücken Sie Strg+Eingabe.

Problem melden
Wir überprüfen unsere Inhalte ständig. Ihr Feedback hilft uns, sie zu verbessern.
Geben Sie eine E-Mail-Adresse an, damit wir Sie erreichen können
Vielen Dank für Ihr Feedback!