Blöcke

Blöcke sind logisch unterteilte Abschnitte im Site Builder und kombinieren Komponenten mit dem gleichen Zweck.

Sie finden sämtliche Blöcke unter Kundenportal > Site Builder > Site Builder öffnen.

Hinweis
Maximal 50 Blöcke pro Landingpage.
Sie können für eine Blocke einen eigenen Hintergrund festlegen. Wechseln Sie dazu in den Abschnitt Layout, stellen Sie den Schalter Benutzerdefinierter Hintergrund auf Ein, klicken Sie in das Feld unter dem Schalter, und laden Sie das gewünschte Bild hoch. Die empfohlene Breite für ein benutzerdefiniertes Hintergrundbild im Block ist 1920 px. Die Breite des Hintergrundsbilds kann je nach dem Gerät, auf dem die Website angezeigt wird, variieren. Die Höhe des Hintergrundbildes wird entsprechend des Inhalts im Block gestreckt.
Achtung
  • Das Bild darf maximal 10 MB groß sein.
  • Unterstützte Formate: GIF, PNG, JPEG, BMP, ICO (VND.MICROSOFT.ICON).
  • Zu viele Abschnitt können die Bildqualität beeinträchtigen.
Zusätzlich zum benutzerdefinierten Hintergrund können Sie im Site Builder den Blöcken Bilder hinzufügen. Die empfohlenen Bildgrößen für die Desktop-Version bei einer Bildschirmauflösung von 1200 px finden Sie in den Blockbeschreibungen unten.

Header

Block im Header der Website. Im Header werden Nutzerdaten angezeigt, außerdem enthält der Header Bedienelemente für die Navigation auf der Website. Der Block lässt sich fixieren, sodass er beim Scrollen durch die Website stets sichtbar ist.
Hauptmerkmale:

  • Hinzufügen von Schaltflächen für die Navigation, den Kauf oder den Wechsel zu anderen Seiten.
  • Hinzufügen eines Schalters zum Umschalten der Sprache.
  • Einrichten einer Authentifizierungsschaltfläche auf der Website.
  • Anzeige von Informationen über den authentifizierten Nutzer.

BildtypEmpfohlene Größe
Logo in der Vorlage “Einzelne Spielseite”120 x 40 px

Aufmacher-Block in der "Single game page"-Vorlage

Block mit Informationen über das auf der Website zum Kauf angebotene Spiel.
Hauptmerkmale:

  • Text-Layout ist anpassbar
  • Anzeige von Spielinfos: Titel, Entwickler
  • Anzeige der Distributionsplattformen
  • individuelle Inhalte lassen sich mit Tags versehen
  • Schaltflächen sind konfigurierbar:
    • Video abspielen
    • Zu einem Block scrollen
    • Zu einem Link weiterleiten
    • Produkt kaufen
  • Schaltflächenstil ist anpassbar

BildtypEmpfohlene Größe
Benutzerdefiniertes Plattform-Icon24 x 24 px

Aufmacher-Block in der Vorlage "Web Shop"

Block mit Informationen über die Website.
Hauptmerkmale:

  • Anpassung der Spielinformationen: Symbol, Titel, Entwickler.
  • Anpassung der Karten durch Ergänzung von Beschreibungen der Website-Funktionen.

BildtypEmpfohlene Größe
Spiellogo120 x 120 px
Karten-Icon18 x 18 px

Call-to-Action

Der Block lenkt die Aufmerksamkeit des Nutzers auf wichtige Aktionen auf der Website.
Hauptmerkmale:

  • Feld für die Eingabe der E-Mail-Adresse des Nutzers zum Abonnieren von Neuigkeiten rund um das Spiel.
  • Hinzufügen einer Schaltfläche für den Kauf eines Produkts, Links für die Weiterleitung zu Google Play bzw. zum App Store oder zu einer anderen Website.
  • Anzeige von Plattformlogos, auf die der Nutzer klicken kann, um zu Ihrer Seite auf dieser Plattform zu gelangen.
  • Lightbox mit einem YouTube-/Vimeo-Video.

BildtypEmpfohlene Größe
Hauptbild784 x 280 px

Fast Login

Der Fast-Login-Block bietet Nutzern eine zusätzliche Möglichkeit, sich auf der Website zu authentifizieren. Das Erscheinungsbild des Blocks und seine Funktionen hängen von der gewählten Authentifizierungsmethode ab.
Ist für die Website die Option Authentifizierung über Benutzer-ID konfiguriert, wird im Fast-Login-Block ein Feld für die Eingabe der ID und eine Anmeldeschaltfläche angezeigt.
Hauptmerkmale:

  • Benutzerauthentifizierung ohne Umweg über das Modalfenster.
  • Einrichtung des Blockinhalts. Folgende Abschnitte können Sie aktivieren und konfigurieren:
    • Titel
    • Beschreibung
    • Anweisungen zum Auffinden der Benutzer-ID
    • Benutzerdefinierter Hintergrund

BildtypEmpfohlene Größe
Bild in der Anleitung für das Auffinden der Benutzer-ID320 x 144 px
Benutzerdefinierter Hintergrund688 x 152 px

Ist für die Website die Option Authentifizierung über Xsolla Login konfiguriert, wird im Fast-Login-Block eine zusätzliche Schaltfläche angezeigt, die zur Autorisierung auffordert. Wenn man auf die Schaltfläche klickt, öffnet sich ein Modalfenster, in dem sich der Nutzer über eine der in Xsolla Login konfigurierten Methoden autorisieren kann.
Hauptmerkmale:

  • Text der Autorisierungsschaltfläche bearbeitbar
  • Benutzerdefinierter Hintergrund festlegbar

Block mit Bildern, Screenshots und Videos, um das Interesse der Nutzer am Spiel zu wecken.
Hauptmerkmale:

  • Bilder und Videos in einer Slideshow darstellbar
  • YouTube-Videos auf der Landing-Page abspielbar
  • Slideshow zur Anzeige einzelner Inhalte
  • Vorschau des vorherigen oder nächsten Bildes oder Videos in der Slideshow
  • Pfeile zur Navigation durch die Slideshow

BildtypEmpfohlene Größe
Bild in der Slideshow1068 x 600 px

Karten

Universeller Block zur Anzeige von Spiel- oder Shopinformationen. In diesem Block können Sie Karten mit beliebigen Inhalten platzieren.
Hauptmerkmale:

  • Karten mit Texten, Bildern und Schaltflächen hinzufügbar
  • Schaltflächen sind konfigurierbar:
    • Video abspielen
    • Zu einem Block scrollen
    • Zu einem Link weiterleiten
    • Produkt kaufen
  • Kartengröße und Position der Kartenelemente sind anpassbar
  • Raster-Layout der Karten ist anpassbar
  • Inhalte auf den Karten sind ausrichtbar

Für den Karten-Block gibt es keine empfohlene Bildgröße, da Sie das Seitenverhältnis der Karte und des Bilds selbst anpassen können.

Promo-Slider

Block mit einer Galerie mit Spielbannern, Spieltiteln und Beschreibungen.
Hauptmerkmale:

  • Hinzufügen einer Schaltfläche für den Kauf eines Produkts, Links für die Weiterleitung zu Google Play bzw. zum App Store oder zu einer anderen Website.
  • Endlosschleife beim Scrollen durch Slideshows.
  • Anzeige von Navigationspfeilen für Spiele.
  • Feld für die Eingabe der E-Mail-Adresse des Nutzers zum Abonnieren von Neuigkeiten rund um das Spiel.
  • Anzeige von Links, die auf Ihrer Website bei verschiedenen Plattformen verweisen.

BildtypEmpfohlene Größe
Bild in der Slideshow374 x 170 px

Beschreibung

Block mit Spielbeschreibung und Bildern.
Hauptmerkmale:

  • Anzeige von Bildern und Textbeschreibungen
  • Zwei Layout-Optionen für Bilder und Text: horizontal und vertikal
  • Vergrößern des Bildes oder Weiterleitung zu einem Link durch Anklicken des Bildes

BildtypEmpfohlene Größe
Bild im Block-Ansichtsstil “Horizontal”383 x 280 px
Bild im Block-Ansichtsstil “Vertikal”784 x 280 px

Promocodes

Block für das Einlösen von Promocodes und Gutscheinen auf der Website.
Hauptmerkmale:

  • Einlösen von Promocodes durch den Nutzer, um beim Kauf Boni zu erhalten.
  • Einlösen von Gutscheinen für den sofortigen Erhalt von Belohnungen.
  • Hinzufügen von benutzerdefiniertem JS-Code, um die Möglichkeiten des Blocks zu erweitern.

Spiel-Editions

Der Block ermöglicht es, detaillierte Informationen über ein Spiel anzuzeigen und die Features der einzelnen Editions zu präsentieren.
Hauptmerkmale:

  • Stilvorlagen für Bundles und individuelle Stile
  • Layout von Elementen (Schaltflächen, Titel und Beschreibungen) ist anpassbar
  • Liste der Vorteile für jede einzelne Edition des Spiels ist konfigurierbar
  • vorteilhaftestes Paket lässt sich hervorheben – Sie können eine Edition als empfehlenswert kennzeichnen

BildtypEmpfohlene Größe
Bild im Block-Ansichtsstil “Horizontal”340 x 170 px
Bild im Block-Ansichtsstil “Vertikal”336 x 354 px

Online-Shop

Block für den Verkauf von Spielschlüsseln (mit Ausnahme der Web-Shop-Vorlage), virtuellen Gegenständen, Bundles und virtuellen Währungspaketen.
Hauptmerkmale:

  • Verkauf von Ingame-Items und Spielschlüsseln.
  • Anzeige aller Produktinformationen: Preise, Werbeaktionen, Namen, Beschreibungen, Bilder, Bundle-Inhalte, Kauflimits.
  • Vier Produktkartenstile.
  • Registerkarten zur Unterteilung von Produkttypen.
  • Anpassung von Block- und Registerkartentiteln.
  • Vorschau von Demo-Produkten.
  • Horizontales Scrollen auf Mobilgeräten.
  • Zusätzliche Schaltfläche für die Authentifizierung.

BildtypEmpfohlene Größe
Vertikales Artikelkartenlayout249 x 232 px
Horizontales Artikelkartenlayout120 x 150 px
Großes Artikelkartenlayout522 x 300 px
Artikelkartenlayout “Empfohlen”411 x 184 px
Benutzerdefinierter Hintergrund für das Artikelkartenlayout “Empfohlen”688 x 290 px

Belohnungssystem

Der Block für das Belohnungssystem. Er bietet die Möglichkeit, beim Kauf Wertpunkte zu erhalten, diese zu speichern und Belohnungsketten zu vervollständigen. Die Wertpunkte werden nicht ausgegeben, wenn man eine Belohnung erhält.
Hauptmerkmale:

Social-Media-Widgets

Block, über den die Nutzer zu den sozialen Netzwerken des Spiels gelangen.
Hauptmerkmale:

  • Hinzufügen von Widgets für Facebook, Twitter, Discord und Twitch
  • Zwei Widget-Themes.
  • Dunkles oder helles Theme für Twitter und Discord.

FAQs

Block mit Antworten auf häufig gestellte Fragen zu Ihrem Spiel.
Hauptmerkmale:

  • Vorgefertigte Antworten auf häufig gestellte Fragen, die für die meisten Stores ausreichend sind.
  • Hinzufügen von benutzerdefiniertem JS-Code, um die Möglichkeiten des Blocks zu erweitern.

Benutzerdefinierter Code

Der Block ermöglicht es, benutzerdefinierten CSS-, JS- und HTML-Code auf der Website zu verwenden, um einzigartige Funktionen zu implementieren, die der Benutzeroberfläche fehlen.
Hauptmerkmale:

  • Synchronisierung des benutzerdefinierten Codes über alle Sprachversionen der Website hinweg, ohne dass eine individuelle Migration erforderlich ist.
  • Separate Registerkarten für CSS, HTML und JS innerhalb des Blocks.
  • Integrierte Syntaxhervorhebung.
  • Code-Miniaturansicht für eine einfache Navigation innerhalb des Blocks.

Systemvoraussetzungen

Block mit Informationen über die minimalen und empfohlenen Systemanforderungen für die Ausführung des Spiels auf verschiedenen Plattformen.
Hauptmerkmale:

  • Zwei Anzeigeoptionen:
    • nur Mindestanforderungen
    • Mindestanforderungen und empfohlene Anforderungen
  • mehrere Registerkarten für verschiedene Plattformen

Subscriptions

Dieser Block gewährt Nutzern den Zugang zu einem Paket von Diensten unter bestimmten Bedingungen.
Hauptmerkmale:

  • Festlegung von Symbolen für jede Abonnementkomponente.
  • Festlegung eines Bildes für das Abo-Modell.

BildtypEmpfohlene Größe
Abonnement-Feature-Icon34 x 36 px
Abo-Modell-Bild318 x 144 px

Der Block befindet sich am Seitenende. Er enthält rechtliche Informationen und Datenschutzeinstellungen.
Hauptmerkmale:

  • Auswahl des Blockstils: Spalten oder Zeilen.
  • Hinzufügen eines Schalters zum Umschalten der Sprache.
  • Hinzufügen einer Teilen-Schaltfläche, um den Website-Link in sozialen Netzwerken zu teilen.
  • Anzeige von Altersbeschränkungen.

BildtypEmpfohlene Größe
Spiellogo120 x 120 px
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.

Nützliche Links

Letztmalig aktualisiert: 23. September 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!