Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.appcharge.com/llms.txt

Use this file to discover all available pages before exploring further.

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.
    If you provide an external image URL, Appcharge saves and uses the URL as-is. Appcharge doesn’t download, copy, upload, or host the image. If you use an external image URL, host the image on your own infrastructure and keep it available at the provided URL.We recommend uploading image files instead of using external URLs when possible. Appcharge hosts uploaded files on its CDN.
    • 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.