Créer un site et personnaliser les blocs principaux

Créer un site

1. Ouvrez votre projet dans le Compte éditeur.
2. Dans le menu latéral, cliquez sur Site Builder.
3. Cliquez sur Create site.
4. Sélectionnez le modèle Web Shop.
5. Ajoutez un lien vers votre jeu sur Google Play ou App Store pour utiliser automatiquement les données du jeu (logo, image d'arrière-plan, couleurs, texte dans le pied de page, liens vers les boutons d'achat) dans le magasin en ligne. Si vous ne souhaitez pas utiliser les données du jeu, réglez la bascule Use game info from Google Play or App Store sur Off.

6. Cliquez sur Create.
7. Choisissez :
   • le thème global du site ;
   • les couleurs des éléments d'e-mail ;
   • la rondeur des boutons ;
   • les polices d'en-têtes et du corps du texte.
8. Dans la partie principale du constructeur :
   • Téléchargez des images et des vidéos vers les blocs ;
   • Modifiez les textes qui seront visibles aux utilisateurs.

Configurer le bloc d'en-tête

1. Fixez la position du bloc. Cette fonction permet à l'en-tête de rester visible pendant le déplacement de la page.
2. Ajoutez le logo de votre jeu.
3. Ajoutez une image d'arrière-plan.
4. Modifiez les boutons, par exemple, en utilisant des modèles de boutons prédéfinis. Ajoutez l'URL vers laquelle l'utilisateur sera redirigé après un clic sur le bouton.

Configurer le bloc Store

1. Spécifiez les paramètres visuels du bloc (facultatif) :
   • l'en-tête ;
   • les titres des groupes d'objets ;
   • l'arrière-plan personnalisé.
2. Configurez la section créée automatiquement du magasin. Pour ce faire, dans la liste déroulante, sélectionnez le type de bien que vous souhaitez vendre sur le site et sélectionnez son groupe.

3. Sélectionnez une Item card layout :
   • Featured. Cette disposition de carte vous permet d'attirer l'attention de l'utilisateur sur des biens ou des offres spéciales. Nous vous recommandons d'utiliser cette disposition pour les promotions par bonus et par réduction, ainsi que pour les promotions et les biens avec des limites de durée ou de quantité.
     Dans les paramètres de disposition de la carte, vous pouvez :
     • masquer ou afficher l'image et la description d'un bien ;
     • ajuster ou maximiser l'image d'un bien ;
     • changer la couleur du texte ;
     • utiliser un arrière-plan personnalisé pour le carrousel.

• Horizontal. Cette disposition de carte vous permet de placer le nom, la description et le prix du bien à droite de l'image.
  Dans les paramètres de disposition de la carte, vous pouvez :
  • masquer ou afficher l'image et la description d'un bien ;
  • ajuster ou maximiser l'image d'un bien ;
  • activer ou désactiver le défilement horizontal sur les appareils mobiles ;
  • utiliser un arrière-plan personnalisé pour la section.

• Vertical. Cette disposition de carte vous permet de placer le nom, la description et le prix du bien au bas de l'image.
  Dans les paramètres de disposition de la carte, vous pouvez :
  • masquer ou afficher l'image et la description d'un bien ;
  • ajuster ou maximiser l'image d'un bien ;
  • activer ou désactiver le défilement horizontal sur les appareils mobiles ;
  • utiliser un arrière-plan personnalisé pour la section.

• Large. Nous vous recommandons d'utiliser cette disposition de carte pour les lots et les bonus. Cette disposition affiche la composition de la carte sur la page de destination sans cliquer sur la carte.
  Dans les paramètres de disposition de la carte, vous pouvez :
  • masquer ou afficher l'image et la description d'un bien ;
  • ajuster ou maximiser l'image d'un bien ;
  • activer ou désactiver le défilement horizontal sur les appareils mobiles ;
  • utiliser un arrière-plan personnalisé pour la section.

4. Pour afficher la description du bien dans sa carte sur le site, réglez la bascule Item description sur On.
   Les utilisateurs cliquent sur la carte du bien pour consulter une description détaillé ce celui-ci.
5. Modifiez la taille de l'image dans la carte de bien. Pour ce faire, dans la liste déroulante Image size, choisissez Ensure fit ou Maximize.
6. Le défilement horizontal est disponible pour les appareils mobiles. Pour l'activer, réglez la bascule Horizontal scroll on mobile devices sur On.
7. Pour ajouter un arrière-plan personnalisé, réglez la bascule Custom background sur On et téléchargez votre image.
8. Ajoutez d'autres sections de Store (facultatif).

Configurer le bloc de pied de page

1. Sélectionnez le style de disposition.
2. Personnalisez l'arrière-plan.
3. Ajoutez des boutons Share, configurez la favicône et la publication.
4. Ajoutez des liens vers les réseaux sociaux.
5. Ajoutez des restrictions d'âge.

Étapes suivantes

1. Importez le catalogue des objets ou configurez le catalogue manuellement.
2. Implémentez l'octroi d'achats à l'utilisateur.

Liens utiles

• Flux d'intégration
• Blocs
Cet article vous a été utile ?

Merci !

Que pouvons-nous améliorer ? Message Envoyer

Nous sommes désolés de l'apprendre

Dites-nous pourquoi vous n'avez pas trouvé cet article utile. Message Envoyer

Merci pour votre commentaire !

Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.
Évaluer cette page


Évaluer cette page

Que pouvons-nous améliorer ? Envoyer

Préfère ne pas répondre

Merci pour votre commentaire !

Dernière mise à jour: 5 Mars 2024

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