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.

Note
Il y a une limite de 50 blocs par page d’atterrissage.
Vous pouvez personnaliser l’arrière-plan pour certains blocs. Pour ce faire, accédez à la section Layout, réglez la bascule Custom Background sur On, puis cliquez sur le champ en dessous de la bascule et téléchargez l’image souhaitée.
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.
Avis
  • 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 plus de l’arrière-plan personnalisé, vous pouvez ajouter des images aux blocs de Site Builder. Les tailles d’image recommandées pour les versions bureau avec une résolution d’écran de 1200 px sont précisées dans les descriptions des blocs ci-dessous.

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’imageTaille recommandée
Logo dans le modèle Single game page120 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’imageTaille recommandée
Icône de plateforme personnalisée24 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’imageTaille recommandée
Logo du jeu120 x 120 px
Icône de carte18 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’imageTaille recommandée
Image principale784 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’imageTaille recommandée
Image dans le guide de recherche de l’ID utilisateur320 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é.

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’imageTaille recommandée
Image dans le curseur1068 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’imageTaille recommandée
Image principale680 x 382 px
Rapport de format16: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’imageTaille recommandée
Image dans le curseur374 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’imageTaille recommandée
Image en style d’affichage horizontal du bloc383 x 280 px
Image en style d’affichage vertical du bloc784 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’imageTaille recommandée
Image en style d’affichage horizontal du bloc340 x 170 px
Image en style d’affichage vertical du bloc336 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’imageTaille recommandée
Disposition de carte d’objet verticale249 x 232 px
Disposition de carte d’objet horizontale120 x 150 px
Disposition de carte d’objet large522 x 300 px
Disposition de carte d’objet en vedette411 x 184 px
Arrière-plan personnalisé pour la disposition de carte d’objet en vedette688 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 :

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’imageTaille recommandée
Icône de fonction d’abonnement34 x 36 px
Image de plan d’abonnement318 x 144 px

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’imageTaille recommandée
Logo du jeu120 x 120 px
Cet article vous a été utile ?
Merci !
Que pouvons-nous améliorer ? Message
Nous sommes désolés de l'apprendre
Dites-nous pourquoi vous n'avez pas trouvé cet article utile. Message
Merci pour votre commentaire !
Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.

Liens utiles

Dernière mise à jour: 19 Novembre 2024

Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.

Signaler un problème
Nous améliorons continuellement notre contenu grâce à vos commentaires.
Indiquez votre adresse e-mail pour un suivi
Merci pour votre commentaire !