Play Now button

How it works

The Play Now button allows users to launch your game instantly from the site or promotional materials. It creates a seamless UX and promotes your cloud games directly from your own digital ecosystem. Embedding this button into external websites or marketing pages increases game visibility, enhances user engagement, and drives more game session starts.

In Publisher Account, you can customize the Play Now button, link it to your cloud game, and then copy the HTML or iframe snippet for easy integration. The button includes predefined styling and animation that enables you to choose corresponding design and simplifies setup.

Example of the Play Now button:

How to set it up

  1. Open your project in Publisher Account and go to the Distribution > Cloud Gaming section.
  2. In the game pane where you want to enable the Play Now button, click Edit info. If you have not published your game yet, you will see the Fill info button.
  3. In the Add-ons tab, click Button for embedding on the website to proceed to the button customization.
  1. Select the way you want to add the button to the site:
    • Embed — a lightweight integration option. It allows you to quickly embed the Play Now button into any environment using an iframe. It requires no additional coding and is ideal for use on platforms that have limited possibilities of code editing.
    • HTML — an advanced integration option that provides a full source bundle, including HTML, CSS, and JavaScript.
  2. Customize the button design. To do this, in the following drop-down lists, select the necessary options:
    • Theme.
    • Radius — corner radius.
    • Page — a page that opens when clicking the button: the game stream main page or directly the gameplay.
    • Size — a button size.
    • Icon — an image displayed on the button.
    • Open in — whether to open the game in a new or current browser tab.
  3. In the Extra text field, provide an additional text that will be displayed under the button (optional).

In the preview area, you can check the button’s appearance while editing it.

  1. Depending on the way you add the button to the site, complete the following steps:
    • For the Embed option, copy the generated iframe and place it where the button should appear on your site.
    • For the HTML option, copy the generated bundle snippet and button bundle. Insert the bundle snippet into the <head> tag of your website’s HTML, and place the button bundle where the button should appear on your site.

The button becomes available once you reload the page where you added the button to.

Was this article helpful?
Thank you!
Is there anything we can improve? Message
We’re sorry to hear that
Please explain why this article wasn’t helpful to you. Message
Thank you for your feedback!
We’ll review your message and use it to help us improve your experience.
Last updated: August 29, 2025

Found a typo or other text error? Select the text and press Ctrl+Enter.

Report a problem
We always review our content. Your feedback helps us improve it.
Provide an email so we can follow up
Thank you for your feedback!
We couldn't send your feedback
Try again later or contact us at doc_feedback@xsolla.com.