> ## Documentation Index
> Fetch the complete documentation index at: https://docs.snagsolutions.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Claim Page

> The following is a quickstart guide to creating fully branded claim pages.

<head>
  <script type="application/ld+json">
    {JSON.stringify({
            "@context": "https://schema.org",
            "@graph": [
              {
                "@type": "TechArticle",
                "headline": "Claim Page",
                "description": "The following is a quickstart guide to creating fully branded claim pages.",
                "author": {"@type": "Organization", "name": "Snag Solutions", "url": "https://www.snagsolutions.io/"},
                "publisher": {"@type": "Organization", "name": "Snag Solutions", "url": "https://www.snagsolutions.io/", "logo": {"@type": "ImageObject", "url": "https://assets.snagsolutions.io/public/docs/snag-logo-dark-no-bg.svg"}},
                "mainEntityOfPage": "https://docs.snagsolutions.io/create/claim-page"
              },
              {
                "@type": "BreadcrumbList",
                "itemListElement": [
                  {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://docs.snagsolutions.io/welcome"},
                  {"@type": "ListItem", "position": 2, "name": "Create", "item": "https://docs.snagsolutions.io/create/page-builder"},
                  {"@type": "ListItem", "position": 3, "name": "Claim page"}
                ]
              }
            ]
          })}
  </script>
</head>

## Overview

[Our asset token claims tab in the admin tool](https://admin.snagsolutions.io/) consists of three separate flows that comprise the entire claim page creation process:

1. Allocation set up
2. Claim page config
3. User facing page config

## Prerequisites

* **Claim Page add-on enabled:** Contact sales if you don't have it
* **ERC20 token to be claimed deployed:** You should already have this and add it in the *Contracts* tab in the [admin tool](https://admin.snagsolutions.io/)
* **A CSV with the allocation filled in**: Download the template from [here](https://assets.snagsolutions.io/public/templates/snag-token-claims-template.csv) and fill it out. The amount needs to be with the correct decimals.

## Create and configure a token claim

1. Click the **Token claims** tab in the [admin tool](https://admin.snagsolutions.io/) and make sure all the prerequisites above are completed
2. Fill out the *name* and *select the token* configured beforehand
3. Upload the pre-filled allocations CSV. Contact us if your CSV has more than 100k rows.
4. When the processing is finished, verify the data and deploy the contract
5. Set the *claim period*, *geo-blocking* if needed and publish the claim

## Build the Claim Page

### 1. Create the draft

1. Navigate to **Landing Pages** and click **Create page**.
2. In the layout picker choose **Claim Page**
3. Fill out the details and select the *token claim* created at the previous step
4. A draft page containing the recommended sections appears in the editor.

### 2. Configure page sections

The Claim Page uses purpose-built sections defined in `LandingPage/sections.tsx`:

* **Claiming Box** *(mandatory)*. It includes the core flow. Checking allocation and the actual claiming.
* **Claim Timer** – Displays countdowns before `startTime` and shows status when `endTime` is reached.
* **Token Info** – Long-form description, media, token symbol, and allocation stats.

You can mix in any other section types (strip, hero, FAQ, featured, etc.) to tell the story around your drop.

### 3. Attach the token claim and publish

Need help? [Contact the Snag team](https://www.snagsolutions.io/schedule-a-call) and we’ll walk through your setup.
