⚡
claimr
  • Getting started
    • Create an account
    • Sign in to your account
    • Reset password
    • Edit profile
  • ⚡️claimr core components
  • Team roles and management
  • Campaigns
    • Create new campaign
    • Campaign settings
  • Groups
    • Create new group
    • Group settings
  • Quests
    • Create new quest
    • Quest settings
  • Tasks
    • Create new task
    • Task settings
    • Telegram tasks
    • X (Twitter) tasks
    • TikTok tasks
    • Discord tasks
    • YouTube tasks
    • Web3 tasks
      • Connect a wallet
      • Transactions count
      • Wallet balance
      • Token balance
      • NFT balance
      • Link3 balance
      • Mint an NFT (721)
      • Mint an NFT (1155)
      • Verify transactions
    • PoW tasks
    • HTTP request tasks
    • Referral tasks
    • Form tasks
    • Poll tasks
    • Events tasks
    • API tasks
  • Widget
    • Publish campaign
    • Widget configurations
    • Widget attributes
    • Integrate claimr widget into your website
    • claimr widget integrations
      • Google Analytics integration
      • Google Analytics Client ID
      • Google Tag Manager integration
      • HotJar integration
  • Rewards
    • Reward settings
    • Custom rewards
  • Events
    • Daily check-ins
    • Challenges
    • Ranks
    • KOLs
  • Codes
    • Secret codes
    • Invite codes
      • Enter invite code task
      • Claim invite code task
    • Gift codes
  • Test users
  • Pop-ups
    • Into pop-up
    • Completion pop-up
  • API
    • API token
    • API methods
    • User token
  • Webhooks
    • Set up webhooks
    • Assign webhooks
    • Webhook scopes
  • SDK
  • Forms
    • Create forms
    • Form settings
    • Pages
    • Blocks
    • Quizzes
  • Data analytics
    • Activity
    • PoW analytics
    • User information
    • Failed actions
    • Issues analytics
  • How to
    • Create X campaign
    • Create Discord campaign
    • Integrate claimr widget into dApp
    • Integrating claimr widget into Telegram mini app
    • Customize user experience with tags and attributes
    • Add custom points to users
  • UX requirements
    • Campaign UX requirements
    • Group UX requirements
    • Quest card UX requirements
    • Quest UX requirements
    • Task UX requirements
    • User progress UX requirements
    • Pop-ups UX requirements
    • Interactive components UX requirements
Powered by GitBook
On this page
  • Why use intro pop-ups?
  • Create and implement an intro pop-up
  • 1. Create the custom form for your pop-up
  • 2. Assign the form as an intro pop-up
  • 3. Preview your intro pop-up

Was this helpful?

  1. Pop-ups

Into pop-up

PreviousPop-upsNextCompletion pop-up

Last updated 9 days ago

Was this helpful?

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.

  1. Navigate to the Forms section in your claimr dashboard.

  1. Click Create form. A new form preset will open, providing a starting point for your design.

  1. Write a caption and click + Page to begin designing your form. This will add your first page.

  2. To include a welcome message, instructions, images, or any other introductory content, click + Block and select the Rich Text block type.

  1. 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 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.

  1. Once your form content is ready, give it a memorable name and save it.

2. Assign the form as an intro pop-up

After your custom form is created and saved:

  1. Navigate to the specific Campaign where you want to use this pop-up.

  2. Go to the campaign Settings.

  3. Select the Campaign flow section from the settings menu.

  4. Click the dropdown menu for Intro Pop-up and select the custom form you created in Part 1

  1. Click Update to save your changes.

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.