> For the complete documentation index, see [llms.txt](https://doc.product-reg.varify.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.product-reg.varify.xyz/frontend-page/fill-product-with-serial-number.md).

# Fill product with serial number

Users can input a serial number on the frontend, and the system will automatically populate the product field with the corresponding product linked to that serial number.

## Setup

To make it work, follow these two steps:

1. **Upload/Add Serial Numbers**: Navigate to the App admin > Serial Numbers. For each serial number, enter the associated **SKU** of the product. Ensure that the product exists on Shopify with the specific SKU linked to the serial number.
2. **Enable Product Display on Serial Number Validation**: In the App admin, go to Forms > Select the form > Settings > General. Enable the option "Show product when validating a serial number".

<figure><img src="https://4168782644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fm4vguP4EvKgU8vwxKCJR%2Fuploads%2Fgit-blob-78c3245ff5b260412f4a2e11f54d5d6c96cd01c2%2FScreenshot%202024-04-17%20at%2013.24.18.png?alt=media" alt=""><figcaption></figcaption></figure>

Once the above setup is complete, you can test it on the frontend form. Navigate to the form and enter a serial number that has an associated SKU. The product information will be displayed, and the product field will be automatically prefilled.

<figure><img src="https://4168782644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fm4vguP4EvKgU8vwxKCJR%2Fuploads%2Fgit-blob-408a955d840c631049220963b40bef4263c2c96e%2FScreenshot%202024-04-17%20at%2013.21.34.png?alt=media" alt=""><figcaption></figcaption></figure>