Website erstellen und Hauptblöcke anpassen

Überblick

In diesem Abschnitt ist beschrieben, wie man einen Web Shop in Site Builder manuell einrichtet. Wenn Sie zum ersten Mal einen Web Shop erstellen, empfehlen wir Ihnen das Expressszenario: Hierbei erfolgt die Erstkonfiguration komplett automatisch, d. h. der Web Shop wird mit den Daten aus der App-Store-Seite Ihres Spiels befüllt. Den so erstellten Web Shop können Sie anschließend im Site Builder weiter anpassen.

Mit der Web Shop-Vorlage können Sie Folgendes erstellen:

• Shop mit einzelner Seite – ein vereinfachtes Web-Shop-Format. Der gesamte Inhalt ist auf einer einzigen Seite abgebildet. Idea, wenn Sie den Kaufvorgang für den Nutzer so kurz wie möglich halten und den Shop so schnell wie möglich launchen möchten. Die Web Shop-Vorlage enthält die wichtigsten Blöcke für einen One-Page-Shop. Sie können diese Blöcke anpassen, löschen und auch neue hinzufügen.

• Portal mit mehreren Seiten – ein erweitertes Web-Shop-Format, mit dem sich eine vollwertige Plattform zur Spielerbindung erstellen lässt. Eignet sich sowohl für die Arbeit mit Inhalten (Neuigkeiten, Belohnungen) als auch für Szenarien wie z. B. der Ingame-Traffic-Gewinnung. Sie können Nutzer auf Inhaltsseiten ohne direkte Kaufmöglichkeit weiterleiten, ohne gegen Plattformvorgaben zu verstoßen, und anschließend die Nutzer dazu animieren, etwas im Web Shop zu kaufen. Wenn Sie sich gegen das Expressszenario entscheiden, muss jede Seite manuell hinzugefügt werden. Ein unverzichtbares Element einer mehrseitigen Website ist die Seitenleiste: sie dient der Navigation zwischen den Seiten und wird bei der Erstellung der mehrseitigen Website automatisch hinzugefügt.

Bevor Sie loslegen, sollten Sie Folgendes konfigurieren:

• Projekt im Kundenportal
• Benutzerauthentifizierung
• Artikelkatalog
• LiveOps- und Werbeaktions-Tools
• Webhook-Handling

1. Erstellen Sie eine Website.
2. Konfigurieren Sie die wichtigsten Blöcke.

Nach der Konfiguration müssen Sie die Website testen und anschließend veröffentlichen.

Website erstellen

1. Öffnen Sie Ihr Projekt im Kundenportal, und navigieren Sie zum Menüpunkt Storefronts > Websites.
2. Klicken Sie auf Seite erstellen.
3. Wählen Sie als Vorlage die Option Web Shop aus.
4. Geben Sie eine URL an, die auf eine externe Plattform verweist, auf der Ihr Spiel verfügbar ist. Auf diese Weise können Sie schnell eine Seite im Stil Ihres Spiels erstellen: Bilder und der Spieltitel, Angaben zum Entwickler und das Farbschema werden automatisch auf der neuen Website übernommen. Wenn Sie keine Spieldaten verwenden möchten, deaktivieren Sie den Schalter Spielinfos aus Google-Play- oder App-Store-URL kopieren.

5. Klicken Sie auf Web Shop erstellen.

Daraufhin werden Sie zum Baukasten weitergeleitet, wo eine vorkonfigurierte Website für Ihr Spiel bereitsteht. Dort können Sie die erforderlichen Anpassungen vornehmen:

• Passen Sie das Website-Theme an:

  • Farben der zentralen Elemente
  • Eckenradius von Elementen
  • Schriftarten für Überschriften und Fließtext

• Bearbeiten Sie die Inhalte:

  • Bilder und Videos in Blöcke hochladen
  • die für Nutzer sichtbaren Texte ändern

Wenn Sie ein mehrseitiges Webportal erstellen, müssen Sie die einzelnen Seiten hinzufügen:

1. Klicken Sie oben im Site Builder auf den Seitennamen, und wählen Sie im Drop-down-Menü die Option Seite erstellen aus.

2. Wählen Sie eine Seitenvorlage auf der Registerkarte Empfohlen oder Sonstige Vorlagen aus.

Weitere Informationen zur Verwaltung von Seiten finden Sie in der Dokumentation.

Wichtige Blöcke konfigurieren

Alle Blöcke enthalten Standardeinstellungen. Sie können bestimmte Blockfunktionen aktivieren oder deaktivieren und die Blöcke nach Belieben anpassen. Bei Auswahl der Web Shop-Vorlage werden die folgenden Blöcke automatisch auf der Website platziert:

• Header – Block im Website-Header. In diesem Block werden Informationen über die Nutzer angezeigt. Außerdem enthalten sind Elemente zur Website-Navigation. Ausführliche Informationen finden Sie im Abschnitt Blöcke.

• Aufmacher-Block – Block mit grundlegenden Informationen zu Ihrem Web Shop: das Spiel, für das die Website erstellt wurde, und wer der Entwickler ist. Ausführliche Informationen finden Sie unter Blöcke.

• Fast Login – Block, mit dem Sie den Autorisierungsschritt hervorheben und den Kaufvorgang für den Nutzer optimieren können. Dazu muss zuvor die Benutzerauthentifizierung konfiguriert werden. Ausführliche Informationen finden Sie im Abschnitt Blöcke.

• Online-Shop – Block für den Verkauf von virtuellen Gegenständen, Bundles und virtuellen Währungspaketen. Ausführliche Informationen finden Sie im Abschnitt Blöcke.

• Footer – Block im Website-Footer mit Links zu sozialen Medien, Schaltflächen zum Teilen und weiteren Informationen. Ausführliche Informationen finden Sie im Abschnitt Blöcke.

• Warenkorb – ermöglicht es Nutzern, Artikel vor dem Kauf in den Warenkorb zu legen und Promocodes oder Gutscheine einzulösen. Ausführliche Informationen finden Sie im Abschnitt Blöcke.

Übersicht

In diesem Abschnitt ist beschrieben, wie man einen Web Shop im Website-Baukasten manuell einrichtet. Wenn Sie zum ersten Mal einen Web Shop erstellen, empfehlen wir das Expressszenario – damit können Sie automatisch eine Erstkonfiguration für die Website generieren, die auf den Daten Ihrer App-Store- oder Google-Play-Seite basiert. Anschließend können Sie die Website im Website-Baukasten weiter anpassen.

Sie können folgende Typen von Web Shops erstellen:

• Web Shop mit einzelner Seite – vereinfachtes Web-Shop-Format. Der gesamte Inhalt wird auf einer einzigen Seite dargestellt. Ideal, wenn Sie den Kaufvorgang so kurz wie möglich halten und den Shop so schnell wie möglich live schalten möchten. In der Vorlage sind die wichtigsten Blöcke für den Web Shop enthalten. Sie können diese Blöcke anpassen, löschen oder neue hinzufügen.

• Portal mit mehreren Seiten – erweitertes Web-Shop-Format, mit dem sich eine vollwertige Plattform zur Spielerbindung erstellen lässt. Eignet sich sowohl für die Arbeit mit Inhalten (Neuigkeiten, Belohnungen) als auch für Szenarien wie z. B. der Ingame-Traffic-Gewinnung. Sie können Nutzer auf Inhaltsseiten ohne direkte Kaufmöglichkeit weiterleiten, ohne gegen Plattformvorgaben zu verstoßen, und anschließend die Nutzer dazu animieren, etwas im Web Shop zu kaufen.

  Ein unverzichtbares Bedienelement einer mehrseitigen Website ist die Seitenleiste: sie dient der Navigation zwischen den Seiten und wird bei der Erstellung der mehrseitigen Website automatisch hinzugefügt. Die Vorlage enthält eine Reihe von Seiten, die Sie anpassen und löschen können. Ebenso können Sie neue Seiten hinzufügen.

Bevor Sie loslegen, muss Folgendes konfiguriert werden:

• Projekt in Ihrem Konto
• Benutzerauthentifizierung
• Artikelkatalog
• LiveOps- und Werbeaktionen-Tools
• Webhook-Verarbeitung

So erstellen Sie einen Web Shop:

1. Erstellen Sie eine Website.
2. Konfigurieren Sie die wichtigsten Blöcke.
3. Konfigurieren Sie die Seiten (optional).

Nach der Konfiguration müssen Sie die Website testen und veröffentlichen.

Website erstellen

1. Öffnen Sie das Projekt in Ihrem Konto, und wechseln Sie zum Abschnitt Web Shop.

2. Klicken Sie auf Web Shop erstellen.

3. Wählen Sie eine Vorlage aus (Web Shop mit einzlner Seite oder Portal mit mehreren Seiten), und klicken Sie auf Diese Vorlage verwenden.

4. Entscheiden Sie sich für einen visuellen Stil – eines der voreingestellten Website-Themes für verschiedene Genres (optional).

   Geben Sie eine URL an, die auf eine externe Plattform verweist, auf der Ihr Spiel verfügbar ist. Auf diese Weise können Sie schnell eine Seite im Stil Ihres Spiels erstellen: Bilder und der Spieltitel, Angaben zum Entwickler und das Farbschema werden automatisch auf der neuen Seite übernommen.

   Wenn Sie die Website manuell – d. h. ohne Spieldaten – konfigurieren möchten, klicken Sie auf Diesen Schritt überspringen.

5. Klicken Sie auf Weiter.

Nachdem Ihre vorkonfigurierte Website erstellt wurde, können Sie mit den Projekteinstellungen fortfahren oder zum Baukasten wechseln und dort die gewünschten Anpassungen am Web Shop vornehmen:

• Passen Sie das Webssite-Theme an:
  • Farben der zentralen Elemente
  • Eckenradius von Elementen
  • Schriftarten für Überschriften und Fließtext
• Bearbeiten Sie die Inhalte:
  • Bilder und Videos in Blöcke hochladen
  • die für Nutzer sichtbaren Texte ändern

Wichtige Blöcke konfigurieren

Alle Blöcke enthalten Standardeinstellungen. Sie können bestimmte Blockfunktionen aktivieren oder deaktivieren und die Blöcke nach Belieben anpassen. Bei Auswahl der Vorlage Web Shop mit einzlner Seite werden die folgenden Blöcke automatisch auf der Website platziert:

• Header – Block im Website-Header. In diesem Block werden Informationen über die Nutzer angezeigt. Außerdem enthalten sind Elemente zur Website-Navigation.

• Aufmacher-Block – Block mit grundlegenden Informationen zu Ihrem Web Shop: das Spiel, für das die Website erstellt wurde, und wer der Entwickler ist.

• Fast Login – Block, mit dem Sie den Autorisierungsschritt hervorheben und den Kaufvorgang für den Nutzer optimieren können. Dazu muss zuvor die Benutzerauthentifizierung konfiguriert werden.

• Online-Shop – Block für den Verkauf von virtuellen Gegenständen, Bundles und virtuellen Währungspaketen.

• Footer – Block im Website-Footer mit Links zu sozialen Medien, Schaltflächen zum Teilen und weiteren Informationen.

• Warenkorb – ermöglicht es Nutzern, Artikel vor dem Kauf in den Warenkorb zu legen und Promocodes oder Gutscheine einzulösen.

Ausführliche Informationen zu allen verfügbaren Blöcken finden Sie im Abschnitt Blöcke.

Seiten konfigurieren

Bei Auswahl der Vorlage “Mehrseitiges Portal” werden die folgenden Seiten automatisch der Website hinzugefügt:

• Online-Shop – eignet sich für den Verkauf von Ingame-Gegenständen in Handyspielen.

• Belohnungen — enthält Blöcke zur Anzeige von täglichen Belohnungen und dem Belohnungssystem.

• Neuigkeiten – geeignet zum Posten von Neuerungen, Spielankündigungen und sonstigen Informationen zu Ihrem Spiel.

• Treueshop – geeignet für die Anzeige von im Treueprogramm enthaltenen Artikeln

• Promocodes – enthält Blöcke zum Einlösen von Promocodes auf der Website. Mit Promocodes können Nutzer einen Rabatt oder einen Bonusartikel erhalten. Promocodes können den Nutzern auch exklusive Artikel gewähren.

Jede Seitenvorlage enthält vordefinierte Blöcke, die Sie jedoch bei Bedarf anpassen können.

Weitere Informationen zu Seitenvorlagen und zur Seitenverwaltung finden Sie im Abschnitt So verwalten Sie Website-Seiten.