Academy-Plattform

Die Xsolla-Academy ermöglicht Partnern, spiele-basierte Trainingseinheiten zu organisieren. Erfahrene Spieler können sich als bezahlte Trainer registrieren und ihre Verfügbarkeit sowie Preise für ihre Dienstleistungen angeben. Trainees können sich registrieren, bezahlen und zu einer festgelegten Zeit am Training teilnehmen. Der Partner erhält einen gewissen prozentualen Anteil vom Preis einer jeden Trainingseinheit.

Trainer-Szenarien

Trainee-Szenarien

Partner-Szenarien

Integrationsleitfaden

Gehen Sie folgendermaßen vor, um ein Academy-Portal zu aktivieren:

1. Registrieren Sie sich im Xsolla-Kundenportal.
2. Senden Sie eine Anfrage, um die Funktion zu aktivieren.
3. Bauen Sie den Code des Portals auf Ihrer Website ein.
4. Richten Sie einen JS-Listener ein, um die Größe des Portals an Ihre Website anzupassen.
5. Unterschreiben Sie die Vereinbarung und veröffentlichen Sie das Portal.

Eine Anfrage versenden

Um die Academy-Funktion zu aktivieren, senden Sie eine Anfrage mit folgenden Angaben an integration@xsolla.com:

• Händler-ID — wird in der URL des Kundenportals angezeigt: https://publisher.xsolla.com/{merchant_id}/.
• Name des Unternehmens.
• Gewünschte Einstellungen zur Benutzeroberfläche:
  
  • Header,
    
  • Footer,
    
  • Logo,
    
  • Farbschema.

Nachdem Ihre Anfrage bearbeitet wurde, senden wir Ihnen einen individuellen Link, den Sie auf Ihrer Website platzieren.

Portal-Benutzeroberfläche aufrufen

Wir empfehlen, die Benutzeroberfläche des Portals in einem iframe aufzurufen.

Beispielcode

<iframe class="landing-iframe" src="<link>" width="100%"
height="" marginwidth="0" marginheight="0" frameborder="0" allowfullscreen=""
style="height: 2127px;"></iframe>

Einen JS-Listener einrichten

Sie müssen eine JS-Listener einrichten, damit die Größe des Portals an Ihre Website angepasst wird.

Beispiel (event.data Stores width und height Parameter):

window.addEventListener('message', function (event)
{
var json = $.parseJSON(event.data);
$('.landing-iframe').outerHeight(json.data.height);
});