> For the complete documentation index, see [llms.txt](https://docs.coda.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.coda.co/coda-portal/coda-portal-appendix/title-content-submission-best-practices.md).

# Title Content Submission Best Practices

## <mark style="color:purple;">Best Practices Info</mark>

<table data-full-width="true"><thead><tr><th width="153.33333333333331">Field name</th><th>Description</th><th>Validation</th></tr></thead><tbody><tr><td>Tile Image</td><td>Icon for your title to be shown on <a href="https://www.codashop.com/en-sg/">Codashop country homepage</a></td><td>Dimensions: 178px (w) × 178px (h)<br><br>The file type should be JPG or PNG<br><br>The size must be less than 25kb<br><br>The image must not have rounded corners</td></tr><tr><td>Banner Image</td><td>Banner image for your title, to be shown on <a href="https://www.codashop.com/en-sg/league-of-legends-wild-rift">Codashop product page</a></td><td>Dimensions must be 640px (w) x 241px (h)<br><br>The file type should be JPG or PNG<br><br>The size must be less than 100kb</td></tr><tr><td>Links for your title</td><td>Types of links supported, to be shown on <a href="https://www.codashop.com/en-sg/league-of-legends-wild-rift">Codashop product page</a>:<br>- Apple App Store<br>- Google Play Store<br>- Direct Android Download<br>- PC Download<br>- Website URL</td><td>Any links provided must be in valid full URL format</td></tr><tr><td>User ID input</td><td>For Codashoppers to provide their in-game User IDs &#x26; do top-up. To be shown on <a href="https://www.codashop.com/en-sg/league-of-legends-wild-rift">Codashop product page</a><br><br>Our Integration team will set up these input fields based on your specifications.</td><td>Validation Type: select from options:<br>- User ID<br>- User ID + Server (Dropdown)<br>- User ID + Server (Input)<br>Others<br><br>User ID field name: free text input with a 1,000-character limit.<br><br>User ID validation: free text input with a 1,000-character limit.</td></tr><tr><td>Helper Image</td><td>Helper image to assist Codashoppers to find their in-game User IDs. To be shown on <a href="https://www.codashop.com/en-sg/league-of-legends-wild-rift">Codashop product page</a> as a tooltip next to the User ID input</td><td>The file type should be JPG, PNG, or GIF.<br><br>For static images, the file size must be less than 150kb.<br><br>For GIFs, the file size must be less than 1 MB.</td></tr><tr><td>Helper text</td><td>A quick note to guide on how users can obtain their in-game User ID and Server ID/Name if applicable. To be shown on <a href="https://www.codashop.com/en-sg/league-of-legends-wild-rift">Codashop product page </a>below User ID input</td><td>Latin characters only<br><br>We recommend one sentence only for your helper text.</td></tr><tr><td>Title Description</td><td>A description of your title. To be shown on <a href="https://www.codashop.com/en-sg/league-of-legends-wild-rift">Codashop product page</a> below the top-up form</td><td>Maximum 4,000 characters.</td></tr><tr><td>Voucher Redeem Button URL</td><td>If you are selling a voucher code, this is the link Codashoppers can click to open the website where they can redeem the voucher code they just bought. To be shown on Codashop Order Summary page (after a transaction is completed), embedded in the “Redeem Now” widget</td><td>Any links provided must be in valid full URL format.</td></tr><tr><td>Voucher Redemption instructions</td><td>Any additional instructions you would like to give Codashoppers about redeeming their voucher codes. To be shown on Codashop Order Summary page (after a transaction is completed), under the “Redeem Now” widget</td><td>We recommend using a maximum of 1,000 characters.</td></tr><tr><td>Order details product image</td><td>A specific image Codashop will show as part of the Order details section of the Order Summary page, next to the item name.</td><td>The file type should be in JPG or PNG</td></tr><tr><td>Important Note</td><td>Any important note or instruction you would like to give Codashoppers who have just purchased an item for your title. To be shown on Codashop Order Summary page (after a transaction is completed), it will be shown under “Order details.”</td><td>We recommend using a maximum of 1,000 characters.</td></tr></tbody></table>

## <mark style="color:purple;">Tile Image</mark>

<figure><img src="https://files.readme.io/cd0f5d1-image1.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Banner Image</mark>

<figure><img src="https://files.readme.io/f1ec738-image18.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Links for your Title</mark>

<figure><img src="https://files.readme.io/ee6396e-image2.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">User ID input field, dropdown, and server input field</mark>

<figure><img src="https://files.readme.io/4eecfea-image9.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://files.readme.io/3ad2d66-image23.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://files.readme.io/cd25a28-image16.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Helper Image</mark>

<figure><img src="https://files.readme.io/a6c73b2-image21.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Helper Text</mark>

<figure><img src="https://files.readme.io/789aa34-image4.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Title Description</mark>

<figure><img src="https://files.readme.io/646561c-image11.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Voucher Redeem Button URL</mark>

<figure><img src="https://files.readme.io/ea2d064-image8.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Redemption Instructions</mark>

<figure><img src="https://files.readme.io/448a843-image20.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Order Details Product Image</mark>

<figure><img src="https://files.readme.io/47ac9a4-image24.png" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Important Note</mark>

<figure><img src="https://files.readme.io/5cf255e-image19.png" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.coda.co/coda-portal/coda-portal-appendix/title-content-submission-best-practices.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.