Skip to main content
This article explains how to design and customize both the Checkout Page and the Completed Page. The Checkout Page is the purchase flow itself, where players review the offer details, select a payment method, and complete the transaction. You can customize key UI elements such as headers, buttons, and branding assets to match your game’s aesthetic. The Completed Page is the purchase confirmation screen displayed after a successful checkout. It can also be customized to reinforce branding and provide a consistent post-purchase experience.

​
Customize the Checkout Page

To customize your Checkout Page:
  1. In the Publisher Dashboard, go to Studio > Builder and click the Checkout Page tab.
  2. Configure the following fields:
    • Logo: Select or upload a logo image to display at the top of the Checkout Page.
    • Font Color: Select a text color.
    • Background Image: Select or upload a background image.
    • Background Image (Mobile): Select or upload a background image optimized for mobile devices.
    • Button Color: Select a color for the primary action button.
    • Button Font Color: Select a text color for the primary action button.
  3. Click Preview (Web and Mobile) to review your changes, and then click Save.

​
Customize the Completed Page

To customize your Completed Page:
  1. In the Publisher Dashboard, go to Studio > Builder and click the Completed Page tab.
  2. Configure the following fields:
    • Confirm the Purchase
      • Header: Enter the text displayed at the top of the Completed Page, such as “Purchase Successful!”.
      • Color: Select a text color.
      • Size: Set the font size.
      • Weight: Select the font weight.
    • Additional Text
      • Text: Enter additional text to display on the page, such as “Thank you for your purchase!”
      • Color: Select a text color.
      • Size: Set the font size.
      • Weight: Select the font weight.
    • Back to Game Button
      • Back to Game Button Text: Enter the text that appears on the Back to Game button.
      • Android Back to Game Button Deep Link: Enter the deep link for Android devices.
      • Apple Back to Game Button Deep Link: Enter the deep link for Apple devices.
      • Web Back to Game Button Deep Link: Enter the URL for web browsers.
  3. Click Save to apply your changes.