Blocs
Les blocs sont les sections divisées de manière logique dans Site Builder qui regroupent des composants ayant les mêmes objectifs.
Pour trouver tous les blocs, accédez à Site Builder > Open Site Builder dans le Compte éditeur.
La largeur recommandée pour l’image est de 1920 px. La largeur du bloc peut varier selon l’appareil, et la hauteur de l’image d’arrière-plan s’ajuste selon le contenu du bloc.
- Taille maximale de l'image : 10 Mo
- Formats pris en charge : GIF, PNG, JPEG, BMP, ICO (VND.MICROSOFT.ICON).
- Un grand nombre de sections peut entraîner une perte de qualité de l'image.
En-tête
Bloc dans l’en-tête du site. Header affiche les informations utilisateur et contient des éléments de navigation du site. Il peut être épinglé afin de rester visible à l’écran lors du défilement à travers le site.
Fonctionnalités principales :
- Ajout de boutons pour la navigation sur une page, l’achat d’objets ou la navigation vers d’autres pages ;
- Ajout d’un sélecteur de langue pour le site ;
- Configuration d’un bouton d’authentification sur le site ;
- Affichage des informations sur l’utilisateur authentifié.
Type d’image | Taille recommandée |
---|---|
Logo dans le modèle Single game page | 120 x 40 px |
Bloc Lead dans le modèle Single game page
Bloc avec des informations concernant le jeu vendu sur le site Web.
Fonctionnalités principales :
- Personnalisation de la disposition du texte.
- Affichage des informations sur le jeu : titre, développeur.
- Affichage des plateformes de distribution du jeu.
- Ajout de tags avec du contenu personnalisé.
- Configuration des fonctions des boutons :
- Regarder des vidéos ;
- Faire défiler jusqu’à un bloc ;
- Rediriger vers un lien ;
- Acheter un produit.
- Personnalisation du style des boutons.
Type d’image | Taille recommandée |
---|---|
Icône de plateforme personnalisée | 24 x 24 px |
Bloc Lead dans le modèle Web Shop
Bloc avec des informations sur le site.
Fonctionnalités principales :
- Personnalisation des informations sur le jeu : icône, titre, développeur ;
- Personnalisation des cartes avec des descriptions des fonctionnalités du site.
Type d’image | Taille recommandée |
---|---|
Logo du jeu | 120 x 120 px |
Icône de carte | 18 x 18 px |
Call-to-action
Bloc pour attirer l’attention des utilisateurs sur les actions clés du site.
Fonctionnalités principales :
- Ajout d’un champ dédié à la collecte de l’adresse e-mail de l’utilisateur pour l’abonnement aux actualités du jeu ;
- Ajout d’un bouton d’achat d’objets, ainsi que de liens directs vers Google Play/App Store ou tout autre site Web ;
- Affichage des logos de plateformes, sur lesquels l’utilisateur clique pour accéder à votre page sur chaque plateforme ;
- Lightbox avec une vidéo YouTube/Vimeo.
Type d’image | Taille recommandée |
---|---|
Image principale | 784 x 280 px |
Connexion rapide
Le bloc Connexion rapide fournit une autre possibilité d’authentification aux utilisateurs. Son apparence et ses fonctionnalités varient en fonction de la méthode d’authentification sélectionnée.
Si l’authentification par ID utilisateur est configurée pour le site, le bloc Connexion rapide affiche un champ pour saisir l’ID ainsi qu’un bouton de connexion.
Fonctionnalités principales :
- Authentification utilisateur sans transition supplémentaire vers la fenêtre modale ;
- Configuration du contenu du bloc. Vous pouvez activer et configurer les sections suivantes :
- Titre,
- Description,
- Instructions pour trouver l’ID utilisateur,
- Arrière-plan personnalisé.
Type d’image | Taille recommandée |
---|---|
Image dans le guide de recherche de l’ID utilisateur | 320 x 144 px |
Arrière-plan personnalisé | 688 x 152 px |
Lorsque l’authentification via Xsolla Login est configurée pour le site, un bouton d’authentification supplémentaire s’affiche dans le bloc Connexion rapide. En cliquant sur ce bouton, une fenêtre modale s’ouvre pour l’authentification à l’aide de l’une des méthodes Xsolla Login.
Fonctionnalités principales :
- Configuration du texte du bouton appelant à l’autorisation ;
- Création d’un arrière-plan personnalisé.
Galerie
Bloc avec des images, des captures d’écran et du matériel vidéo pour augmenter l’intérêt des utilisateurs pour le jeu.
Fonctionnalités principales :
- Ajout d’images et de vidéos aux diapositives.
- Lecture de vidéos sur la page de destination via un lien YouTube.
- Défilement de diapositives avec du contenu.
- Aperçu de la vidéo ou de l’image précédente et suivante dans la diapositive.
- Affichage des flèches pour faire défiler le contenu.
Type d’image | Taille recommandée |
---|---|
Image dans le curseur | 1068 x 600 px |
Nouvelles
Bloc pour la publication d’articles sur votre site Web.
Fonctionnalités principales :
- publication d’articles, de nouvelles, d’annonces, de changelogs de jeu ;
- regroupement d’articles par catégories et affichage des catégories sous forme d’onglets.
Type d’image | Taille recommandée |
---|---|
Image principale | 680 x 382 px |
Rapport de format | 16:9 |
Cartes
Bloc polyvalent pour l’affichage d’informations sur le jeu ou le magasin. Dans ce bloc, vous pouvez ajouter des cartes avec n’importe quel contenu.
Fonctionnalités principales :
- Ajout de cartes avec du texte, des images et des boutons.
- Configuration des fonctions de boutons :
- Regarder des vidéos ;
- Faire défiler jusqu’à un bloc ;
- Rediriger vers un lien ;
- Acheter un produit.
- Ajustement des dimensions des cartes et du positionnement des éléments de la carte.
- Personnalisation de la disposition en grille des cartes.
- Alignement du contenu à l’intérieur des cartes.
Il n’y a pas de taille d’image recommandée pour le bloc Cards, car vous pouvez ajuster le rapport d’aspect de la carte et de l’image selon vos besoins.
Curseur promotionnel
Bloc avec une galerie contenant des bannières et des titres de jeu ainsi que leurs descriptions.
Fonctionnalités principales :
- Ajout d’un bouton pour l’achat d’objets ainsi que la navigation vers un lien ou vers Google Play/App Store ;
- Défilement cyclique des diapositives avec contenu ;
- Affichage des flèches de navigation pour les jeux ;
- Ajout d’un champ dédié à la collecte de l’adresse e-mail de l’utilisateur pour l’abonnement aux actualités du jeu ;
- Affichage des liens vers votre page sur différentes plateformes.
Type d’image | Taille recommandée |
---|---|
Image dans le curseur | 374 x 170 px |
Description
Bloc avec la description et des images du jeu.
Fonctionnalités principales :
- Affichage des images et de la description textuelle.
- Deux options de disposition pour les images et le texte : horizontale et verticale.
- Agrandissement des images ou navigation vers un lien en cliquant sur l’image.
Type d’image | Taille recommandée |
---|---|
Image en style d’affichage horizontal du bloc | 383 x 280 px |
Image en style d’affichage vertical du bloc | 784 x 280 px |
Codes promo
Bloc pour utiliser des codes promo et des coupons sur le site.
Fonctionnalités principales :
- Application de codes promo par l’utilisateur pour recevoir des bonus sur les achats ;
- Application de coupons pour des récompenses immédiates ;
- Ajout de code JS personnalisé pour étendre les fonctionnalités du bloc.
Éditions de jeux
Le bloc permet d’afficher des informations détaillées sur un jeu et sur ses différentes éditions.
Fonctionnalités principales :
- Modèles de style pour le bundle et style personnalisé.
- Ajustement de la disposition des composants : les boutons, les titres et les descriptions peuvent être réorganisés.
- Configuration des listes d’avantages pour chaque édition du jeu.
- Mise en avant du bundle le plus avantageux : vous pouvez marquer une édition du jeu comme recommandée pour l’achat.
Type d’image | Taille recommandée |
---|---|
Image en style d’affichage horizontal du bloc | 340 x 170 px |
Image en style d’affichage vertical du bloc | 336 x 354 px |
Store
Bloc pour la vente des clés de jeu (à l’exclusion du modèle Web Shop), des objets virtuels, des lots et des packages de monnaie virtuelle.
Fonctionnalités principales :
- Vente des objets en jeu et des clés de jeu ;
- Affichage de toutes les informations sur les produits : prix, promotions, noms, descriptions, images, contenu de lots, limites d’achat ;
- 4 styles de cartes de bien ;
- Navigation à travers les sections en utilisant les onglets de type de bien ;
- Personnalisation des titres de blocs et de sections ;
- Prévisualisation des biens de démon ;
- Défilement horizontal sur les appareils mobiles ;
- Bouton supplémentaire pour l’invite d’authentification.
Type d’image | Taille recommandée |
---|---|
Disposition de carte d’objet verticale | 249 x 232 px |
Disposition de carte d’objet horizontale | 120 x 150 px |
Disposition de carte d’objet large | 522 x 300 px |
Disposition de carte d’objet en vedette | 411 x 184 px |
Arrière-plan personnalisé pour la disposition de carte d’objet en vedette | 688 x 290 px |
Système de récompense
Bloc pour ajouter un système de récompense. Il permet aux utilisateurs de gagner des points de valeur lors de leurs achats, de les stocker et de collectionner des chaînes de récompenses. Les points de valeur ne sont pas consommés lorsqu’une récompense est obtenue.
Fonctionnalités clés :
- Choisir une chaîne de récompenses configurée dans le magasin en jeu.
- Étendre les fonctionnalités du bloc en ajoutant du texte, un bouton ou une image via du code JS.
Widgets pour réseaux sociaux
Bloc donnant accès aux réseaux sociaux du jeu pour une interaction plus efficace avec les utilisateurs.
Fonctionnalités principales :
- Ajout de widgets pour Facebook, Twitter, Discord et Twitch ;
- Deux types d’affichage de widget ;
- Choix entre les thèmes sombre ou clair sur Twitter et Discord.
FAQ
Bloc avec les réponses aux questions fréquemment posées sur votre jeu.
Fonctionnalités principales :
- Réponses prédéfinies aux questions courantes adaptées à la plupart des magasins ;
- Ajout de code JS personnalisé pour étendre les fonctionnalités du bloc.
Code personnalisé
Ce bloc permet d’utiliser un code CSS, JS et HTML personnalisé sur le site pour implémenter des fonctionnalités uniques non fournies dans l’interface.
Fonctionnalités principales :
- Synchronisation du code personnalisé sur toutes les versions linguistiques du site sans nécessité de migration individuelle ;
- Onglets distincts pour CSS, HTML et JS à l’intérieur du bloc ;
- Mise en évidence de la syntaxe intégrée ;
- Vignette de code pour une navigation aisée à l’intérieur du bloc.
Configurations système
Bloc avec des informations sur les exigences système minimales et recommandées pour l’exécution du jeu sur différentes plateformes.
Fonctionnalités principales :
- Deux options d’affichage :
- Seulement les exigences minimales ;
- Exigences minimales et recommandées.
- Utilisation de plusieurs onglets pour différentes plateformes.
Subscriptions
Bloc permettant aux utilisateurs d’accéder à un ensemble de services en fonction de conditions spécifiques.
Fonctionnalités principales :
- Configuration des icônes pour chaque composant de l’abonnement ;
- Configuration d’une image pour le plan d’abonnement.
Type d’image | Taille recommandée |
---|---|
Icône de fonction d’abonnement | 34 x 36 px |
Image de plan d’abonnement | 318 x 144 px |
Pied de page
Ce bloc, situé en bas de la page, contient des informations légales et des paramètres de confidentialité.
Fonctionnalités principales :
- Choix du style du bloc : colonnes ou lignes ;
- Ajout d’un sélecteur de langue pour le site ;
- Ajout d’un bouton Partager pour diffuser le lien du site sur les réseaux sociaux ;
- Affichage des restrictions d’âge.
Type d’image | Taille recommandée |
---|---|
Logo du jeu | 120 x 120 px |
Liens utiles
Dernière mise à jour: 19 Novembre 2024Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.