Créer un site et personnaliser les blocs principaux

Présentation

Cette section décrit la configuration manuelle d’un Web Shop dans le constructeur de site. Si vous créez un Web Shop pour la première fois, nous vous recommandons de commencer par le scénario express. Celui-ci génère automatiquement une configuration de base à partir des données de la page App Store de votre jeu, que vous pourrez ensuite personnaliser dans le constructeur de site.

En utilisant le modèle Web Shop, vous pouvez créer :

• Magasin à page unique — un format simplifié de Web Shop. Tout le contenu est regroupé sur une seule page. Idéal pour réduire au minimum le parcours d’achat et lancer votre magasin le plus rapidement possible. Le modèle Web Shop regroupe les principaux blocs d’un magasin sur une seule page. Vous pouvez les personnaliser, les supprimer ou en ajouter de nouveaux.

• Portail web multi-page — un format avancé de Web Shop pour créer une plateforme complète d’engagement des joueurs. Idéal pour gérer du contenu (actualités, récompenses) et pour les scénarios d’acquisition de trafic en jeu. Vous pouvez diriger les utilisateurs vers des pages de contenu sans vente directe d’objet, afin de respecter les exigences des plateformes, puis les inciter à acheter dans le magasin. Si vous n’utilisez pas le scénario express, chaque page doit être ajoutée manuellement. La barre latérale est un élément essentiel : elle assure la navigation entre les pages et est ajoutée automatiquement lors de la création du site.

Avant de commencer, configurez :

• le projet dans le Compte éditeur
• l’authentificationutilisateur
• le catalogue des objets
• l’outils LiveOps et promotion
• la gestiondes webhooks

1. Créer un site.
2. Configurer les blocs principaux.

Une fois la configuration terminée, testez et publiez le site.

Créer un site

1. Ouvrez le projet dans le Compte éditeur et accédez à la section Storefronts > Websites.
2. Appuyez sur Create site.
3. Sélectionnez le modèle Web Shop.
4. Ajoutez l’URL d’une plateforme externe où votre jeu est disponible. Cette URL vous permet de créer rapidement une page à l’effigie de votre jeu : les images, le titre du jeu, les informations sur le développeur et le schéma de couleurs sont ajoutés automatiquement. Si vous ne souhaitez pas utiliser les données du jeu, désactivez la bascule Copy game info via App Store or Google Play URL.

5. Appuyez sur Create Web Shop.

Le constructeur s’ouvre avec un site web préconfiguré pour le jeu. Vous pouvez y apporter toutes les modifications nécessaires :

• Personnaliser le thème du site :

  • couleurs des éléments clés ;
  • rayon des bordures des éléments ;
  • polices pour les titres et le corps du texte.

• Modifier le contenu :

  • télécharger des images et des vidéos dans les blocs ;
  • modifier les textes visibles aux utilisateurs.

Si vous créez un portail web comportant plusieurs pages, ajoutez des pages :

1. Appuyez sur le nom de la page en haut du constructeur de site, puis sélectionnez Create page dans le menu déroulant.

2. Sélectionnez un modèle de page dans l’onglet Recommended ou Other templates.

Pour plus d’informations sur la gestion des pages du site, consultez la documentation.

Configurer les blocs clés

Tous les blocs disposent de paramètres par défaut. Vous pouvez activer ou désactiver certaines fonctionnalités et les personnaliser selon vos besoins. Lorsque vous utilisez le modèle Web Shop, les blocs suivants sont automatiquement ajoutés au site :

• Header — bloc situé dans l’en-tête du site. Il affiche les informations de l’utilisateur et contient les éléments de navigation. Pour plus de détails, consultez la section Blocs.

• Lead block — bloc présentant les informations essentielles du Web Shop : le jeu pour lequel le site a été créé et le nom du développeur. Pour plus d’informations, consultez la section Blocs.

• Fast Login — bloc qui met en avant l’étape d’authentification et simplifie le parcours d’achat. Nécessite la configuration de l’authentification utilisateur au préalable. Pour plus d’informations, consultez la section Blocs.

• Store — bloc permettant de vendre des objets virtuels, des lots et des packages de monnaie virtuelle. Pour plus d’informations, consultez la section Blocs.

• Footer — bloc situé dans le pied de page du site. Il contient des liens vers les réseaux sociaux, des boutons de partage et des informations complémentaires. Pour plus d’informations, consultez la section Blocs.

• Shopping cart — permet aux utilisateurs d’ajouter des objets avant de passer commande et d’appliquer des codes promo ou des bons de réduction dans l’interface du panier. Pour plus d’informations, consultez la section Blocs.

Aperçu

Cette section décrit la configuration manuelle du Web Shop dans le constructeur de site. Si vous créez un Web Shop pour la première fois, nous vous recommandons de commencer par le scénario express. Il génère automatiquement une configuration de site initiale à partir des données de la page de votre jeu sur l’App Store ou Google Play, que vous pourrez ensuite personnaliser dans le constructeur de site.

Vous pouvez créer les types de Web Shop suivants :

• Single-page Web Shop — un format simplifié où tout le contenu est regroupé sur une seule page. Idéal pour réduire le parcours d’achat et lancer rapidement votre magasin. Le modèle inclut les principaux blocs d’un Web Shop, que vous pouvez personnaliser, supprimer ou compléter avec de nouveaux.

• Multi-page web portal — un format avancé de Web Shop conçu pour créer une plateforme complète d’engagement des joueurs. Idéal pour gérer différents types de contenu (actualités, récompenses), mettre en place des scénarios d’acquisition de trafic en jeu, rediriger les utilisateurs vers des pages de contenu sans vente directe d’objets, conformément aux exigences des plateformes, puis les encourager à effectuer des achats dans le Web Shop.

  La barre latérale est un élément essentiel d’un site multi-pages : elle assure la navigation entre les pages et est ajoutée automatiquement lors de la création du site. Le modèle inclut des pages que vous pouvez personnaliser, supprimer ou compléter avec de nouvelles.

Avant de commencer, configurez :

• projet dans votre compte
• authentification utilisateur
• catalogue des objets
• outils LiveOps et de promotion
• gestion des webhooks

Pour créer un Web Shop :

1. Créez un site.
2. Configurez les blocs principaux.
3. Configurez les pages (facultatif).

Après la configuration, testez et publiez le site.

Créez un site

1. Ouvrez le projet dans votre compte et accédez à la section Web Shop.

2. Appuyez sur Create Web Shop.

3. Sélectionnez le modèle Single-page Web Shop ou Multi-page web portal, puis appuyez sur Use this template.

4. Sélectionnez le style visuel : l’un des thèmes de site prédéfinis pour différents genres de jeux (facultatif).

   Ajoutez l’URL d’une plateforme externe où votre jeu est disponible pour créer rapidement une page adaptée à votre jeu. Les images, le titre, les informations sur le développeur et la palette de couleurs seront ajoutés automatiquement.

   Pour configurer le site manuellement sans utiliser les données du jeu, appuyez sur Skip this step.

5. Appuyez sur Continue.

Après la création du site préconfiguré, poursuivez la configuration du projet ou ouvrez le constructeur pour modifier votre Web Shop :

• Personnalisez le thème du site :
  • couleurs des éléments clés
  • rayon de bordure des éléments
  • polices pour les titres et le texte principal
• Modifiez le contenu :
  • téléchargez des images et des vidéos dans les blocs
  • changez les textes visibles par les utilisateurs

Configurez les blocs principaux

Chaque bloc inclut des paramètres par défaut que vous pouvez modifier selon vos besoins. Vous pouvez activer ou désactiver certaines fonctionnalités. Avec le modèle Web Shop à page unique, les blocs suivants sont ajoutés automatiquement au site :

• Header — bloc présentant les informations principales de votre Web Shop : le jeu concerné et l’identité du développeur.

• Lead block — bloc présentant les informations principales de votre Web Shop : le jeu concerné et l’identité du développeur.

• Fast Login — bloc mettant en avant l’étape d’autorisation et simplifiant le parcours utilisateur vers l’achat. Nécessite la configuration préalable de l’authentification utilisateur.

• Store — bloc pour vendre des objets virtuels, des lots et des packages de monnaie virtuelle.

• Footer — bloc situé dans le pied de page du site. Il contient des liens vers les réseaux sociaux, des boutons de partage et des informations supplémentaires.

• Shopping cart — permet aux utilisateurs d’ajouter des objets au panier avant d’acheter et d’appliquer des codes promo ou des coupons dans l’interface du panier.

Pour des informations détaillées sur tous les blocs disponibles, consultez la section Blocs.

Configurez les pages

Lors de l’utilisation du modèle Portail web multi-pages, les pages suivantes sont automatiquement ajoutées au site :

• Store — convient pour vendre des objets en jeu pour votre jeu mobile.

• Rewards — contient des blocs pour afficher les récompenses quotidiennes et le système de récompenses.

• News — convient pour publier des mises à jour, annonces de jeux et autres informations liées à votre jeu.

• Loyalty shop — convient pour afficher des objets utilisés dans le programme de fidélité.

• Promocodes — contient des blocs pour utiliser des codes promo sur le site. Les codes promo permettent d’obtenir une remise ou un objet bonus, et peuvent également servir à attribuer des objets exclusifs.

Chaque modèle de page contient des blocs prédéfinis, mais vous pouvez les modifier selon vos besoins.

Pour plus d’informations sur les modèles de pages et leur gestion, consultez la section Comment gérer les pages du site web.