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

# Intro pop-up

> Build a custom form with Claimr's Forms feature, assign it as your campaign's intro pop-up, and preview the onboarding flow.

An **Intro pop-up** is a custom message or sequence of messages that appears to users when they first enter your Claimr campaign. It's built using Claimr's **Forms** feature and is an excellent way to welcome users, provide essential information, or set the stage for your campaign before they access the main quests and tasks. You can include text, images, and create multiple pages for a more detailed onboarding experience.

## Why use intro pop-ups?

Implementing an intro pop-up can significantly enhance the user experience:

* **Onboard new users**: Smoothly introduce users to the campaign's purpose, theme, or how to participate.
* **Guide users**: Provide initial instructions or context before users dive into tasks. Clearly communicate crucial rules, guidelines, or prerequisites upfront.
* **Create a customized start**: Offer a branded and tailored welcome experience.

## Create and implement an intro pop-up

Setting up an intro pop-up involves two main stages: creating a custom form and assigning it to your campaign.

### 1. Create the custom form for your pop-up

First, you need to design the content of your pop-up using the **Forms** feature.

<Steps>
  <Step title="Navigate to the Forms section">
    Go to the **Forms** section in your Claimr dashboard.

    <Frame>
      <img src="https://mintcdn.com/claimr/ItbWGpD2jJEMDOXy/images/pop-ups/forms-section-navigation.png?fit=max&auto=format&n=ItbWGpD2jJEMDOXy&q=85&s=d3dbf7121f5536289fe939f9c45ae534" alt="Forms section navigation" width="2868" height="340" data-path="images/pop-ups/forms-section-navigation.png" />
    </Frame>
  </Step>

  <Step title="Create a form">
    Click **Create form**. A new form preset will open, providing a starting point for your design.

    <Frame>
      <img src="https://mintcdn.com/claimr/ItbWGpD2jJEMDOXy/images/pop-ups/create-form-preset.png?fit=max&auto=format&n=ItbWGpD2jJEMDOXy&q=85&s=aa0d573fd9482a85fbd159726e0ae4fa" alt="Create form preset" width="1110" height="196" data-path="images/pop-ups/create-form-preset.png" />
    </Frame>
  </Step>

  <Step title="Add your first page">
    Write a caption and click **+ Page** to begin designing your form. This will add your first page.
  </Step>

  <Step title="Add a Rich Text block">
    To include a welcome message, instructions, images, or any other introductory content, click **+ Block** and select the **Rich Text** block type.

    <Frame>
      <img src="https://mintcdn.com/claimr/ItbWGpD2jJEMDOXy/images/pop-ups/form-add-rich-text-block.png?fit=max&auto=format&n=ItbWGpD2jJEMDOXy&q=85&s=b37d84a3b6198e91fb0f83d35335a601" alt="Add Rich Text block" width="1188" height="726" data-path="images/pop-ups/form-add-rich-text-block.png" />
    </Frame>
  </Step>

  <Step title="Write your content">
    Click **Add block** for the Rich Text type. This will immediately open the **Block settings** window, which functions as a text editor. Here, you can type your welcome message and use the toolbar to format your text. For more details on descriptions and tags, visit the [Descriptions: creation, usage, tags](/descriptions-creation-usage-tags) article.

    <Frame>
      <img src="https://mintcdn.com/claimr/ItbWGpD2jJEMDOXy/images/pop-ups/form-block-settings-editor.png?fit=max&auto=format&n=ItbWGpD2jJEMDOXy&q=85&s=73d114469063aa20df1f409126cac2ea" alt="Block settings text editor" width="1184" height="934" data-path="images/pop-ups/form-block-settings-editor.png" />
    </Frame>

    For pop-ups that require multiple screens, you can add more pages to your form by clicking **+ Page** again. Users will then move through these screens using a navigation button.

    The text on the button used to move between pages (e.g., "Next," "Continue," "Got it!") is configured manually when you set up the form's pagination within the Form builder.

    <Frame>
      <img src="https://mintcdn.com/claimr/ItbWGpD2jJEMDOXy/images/pop-ups/form-pagination-button-text.png?fit=max&auto=format&n=ItbWGpD2jJEMDOXy&q=85&s=eab068b6b5d8df1b807b4a24fc1499dd" alt="Form pagination button text" width="1030" height="780" data-path="images/pop-ups/form-pagination-button-text.png" />
    </Frame>
  </Step>

  <Step title="Save your form">
    Once your form content is ready, give it a memorable name and save it.
  </Step>
</Steps>

### 2. Assign the form as an intro pop-up

After your custom form is created and saved:

<Steps>
  <Step title="Open your campaign">
    Navigate to the specific **Campaign** where you want to use this pop-up.
  </Step>

  <Step title="Go to settings">
    Go to the campaign **Settings**.
  </Step>

  <Step title="Select Campaign flow">
    Select the **Campaign flow** section from the settings menu.
  </Step>

  <Step title="Select your form">
    Click the dropdown menu for **Intro Pop-up** and select the custom form you created above.

    <Frame>
      <img src="https://mintcdn.com/claimr/ItbWGpD2jJEMDOXy/images/pop-ups/campaign-flow-intro-popup-dropdown.png?fit=max&auto=format&n=ItbWGpD2jJEMDOXy&q=85&s=8478f4213dff90d544b3b581f7f260d1" alt="Intro Pop-up dropdown in campaign flow settings" width="864" height="188" data-path="images/pop-ups/campaign-flow-intro-popup-dropdown.png" />
    </Frame>
  </Step>

  <Step title="Save changes">
    Click **Update** to save your changes.
  </Step>
</Steps>

### 3. Preview your intro pop-up

It's important to see how your campaign will look to users:

1. Use your campaign's **Preview mode**, accessible from the main campaign settings page or dashboard.
2. When you start the campaign in preview, you should see your custom form appear as a pop-up immediately over the main campaign interface.
3. Click through all the pages of your pop-up (if you created a multi-page form) to ensure the content and navigation buttons work as expected.
4. After closing or completing the intro pop-up, you should then see the main content of your campaign.
