Bouton Play Now

Comment ça marche

Le bouton Play Now permet aux utilisateurs de lancer instantanément le jeu depuis votre site ou vos supports promotionnels. Il offre une expérience fluide et promeut vos jeux en cloud directement depuis votre écosystème numérique. Son intégration sur des sites externes ou pages marketing augmente la visibilité, renforce l’engagement et génère plus de sessions de jeu.

Dans le Compte éditeur, vous pouvez personnaliser le bouton Play Now, le lier à votre jeu en cloud, puis copier le code HTML ou l’extrait iframe pour l’intégrer facilement. Le bouton inclut un style et une animation prédéfinis, vous permettant de choisir un design adapté et de simplifier sa configuration.

Exemple de bouton Play Now :

Comment configurer

  1. Ouvrez le projet dans le Compte éditeur et accédez à la section Distribution > Cloud Gaming.
  2. Dans le panneau du jeu où vous souhaitez activer le bouton Play Now, appuyez sur Edit info. Si le jeu n’est pas encore publié, le bouton Fill info s’affiche.
  3. Dans l’onglet Add-ons, sélectionnez Button for embedding on the website pour accéder aux options de personnalisation du bouton.
  1. Choisissez l’option d’intégration du bouton au site :
    • Embed — une option légère qui permet d’intégrer rapidement le bouton Play Now dans n’importe quel environnement via un iframe. Aucun codage supplémentaire n’est nécessaire, ce qui la rend idéale pour les plateformes aux possibilités limitées de modification du code ;
    • HTML — une option avancée fournissant un paquet complet de fichiers source, incluant HTML, CSS et JavaScript.
  2. Personnalisez le design du bouton. Pour ce faire, dans les listes déroulantes suivantes, sélectionnez les options souhaitées :
    • Theme — le thème ;
    • Radius — rayon des angles ;
    • Page — page qui s’ouvre lors du clic sur le bouton : la page principale du streaming de jeu ou directement le gameplay ;
    • Size — dimensions du bouton ;
    • Icon — image affichée sur le bouton ;
    • Open in — choix d’ouvrir le jeu dans un nouvel onglet ou dans l’onglet actuel du navigateur.
  3. Dans le champ Extra text, entrez un texte supplémentaire qui s’affichera sous le bouton (facultatif).

Dans la zone de prévisualisation, vous pouvez visualiser l’apparence du bouton pendant sa personnalisation.

  1. Selon l’option d’intégration choisie pour ajouter le bouton sur le site, suivez les étapes suivantes :
    • Pour l’option Embed, copiez l’iframe généré et placez-le à l’endroit où le bouton doit apparaître sur votre site ;
    • Pour l’option HTML, copiez l’extrait de paquet généré ainsi que le paquet du bouton. Insérez l’extrait de paquet dans la balise <head> du code HTML de votre site, puis placez le paquet du bouton à l’emplacement où le bouton doit apparaître.

Le bouton devient disponible dès que vous rechargez la page sur laquelle vous l’avez ajouté.

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.
Dernière mise à jour: 29 Août 2025

Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entré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 !
Impossible d'envoyer votre commentaire
Réessayez plus tard ou contactez-nous à doc_feedback@xsolla.com.