Website erstellen und Hauptblöcke anpassen

Website erstellen

1. Öffnen Sie Ihr Projekt im Kundenportal.
2. Klicken Sie im seitlichen Menü auf Site Builder.
3. Klicken Sie auf Seite erstellen.
4. Wählen sie die Web Shop-Vorlage aus.
5. Geben Sie einen Link zu Ihrem Spiel in Google Play oder im App Store an, um den Web Shop automatisch um Spieldaten (Logo, Hintergrundbild, Farben, Footer-Text, Links zu Kaufschaltflächen) zu ergänzen. Wenn Sie keine Daten aus dem Spiel verwenden möchten, stellen Sie den Umschalter Spielinfos aus Google Play oder dem App Store verwenden auf Aus.

6. Klicken Sie auf Erstellen.
7. Wählen Sie:
   • das globale Theme der Website,
   • die Farbe der Mail-Elemente,
   • die Eckenrundung der Schaltflächen,
   • Schriftarten für Überschriften und Hauptteil.
8. Gehen Sie im Hauptteil des Baukastens wie folgt vor:
   • Laden Sie Bilder und Videos in die Blöcke hoch.
   • Bearbeiten Sie die für die Benutzer bestimmten Texte.

Header-Block einrichten

1. Fixieren Sie die Blockposition. Dadurch bleibt der Header beim Scrollen stets sichtbar.
2. Fügen Sie das Spiellogo hinzu.
3. Fügen Sie ein Hintergrundbild hinzu.
4. Bearbeiten Sie die Schaltflächen. Es stehen vorgefertigte Schaltflächenvorlagen zur Auswahl. Fügen Sie einfach die URL hinzu, zu der der Benutzer nach Klick auf die Schaltfläche weitergeleitet wird.

Online-Shop-Block einrichten

1. Legen Sie das Erscheinungsbild des Blocks fest (optional):
   • Überschrift
   • Titel der Artikelgruppen
   • eigener Hintergrund
2. Richten Sie den automatisch erstellten Bereich des Shops ein. Wählen Sie dazu in der Drop-down-Liste den Typ des Artikels aus, den Sie auf der Website verkaufen möchten, und dann dessen zugehörige Gruppe.

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

4. Um die Produktbeschreibung in der Produktkarte auf der Website anzuzeigen, stellen Sie den Schalter Artikelbeschreibung auf Ein.
   Klickt ein Benutzer auf die Produktkarte, wird ihm eine detaillierte Beschreibung angezeigt.
5. Die Größe des Bilds auf der Artikelkarte lässt sich anpassen. Wählen Sie dazu in der Drop-down-Liste Bildgröße entweder Eingepasst oder Vollbild.
6. Auch horizontales Scrollen ist möglich. Stellen Sie dazu den Schalter Horizontales Scrollen auf Mobilgeräten auf Ein.
7. Um einen eigenen Hintergrund einzufügen, stellen Sie den Schalter Benutzerdefinierter Hintergrund auf Ein, und laden Sie das gewünschte Bild hoch.
8. Fügen Sie dem Online-Shop weitere Bereiche hinzu (optional).

Footer-Block einrichten

1. Wählen Sie den Layout-Stil aus.
2. Passen Sie den Hintergrund an.
3. Fügen Sie Teilen-Schaltflächen hinzu, richten Sie die Favicons und die Inhalte der Posts ein.
4. Fügen Sie Links zu sozialen Netzwerken hinzu.
5. Legen Sie eine Altersbeschränkung fest.

Nächste Schritte

1. Importieren Sie einen Artikelkatalog oder richten Sie einen Katalog manuell ein.
2. Implementieren Sie die Gewährung von Käufen an den Benutzer.

Nützliche Links

• Integrationsablauf
• Blöcke
War dieser Artikel hilfreich?

Vielen Dank!

Gibt es etwas, das wir verbessern können? Nachricht Senden

Das tut uns leid

Bitte erläutern Sie, weshalb dieser Artikel nicht hilfreich ist. Nachricht Senden

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

Jetzt nicht

Vielen Dank für Ihr Feedback!

Letztmalig aktualisiert: 5. März 2024

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