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

# Customizing your program application form

> Learn how to customize your program application form to collect the right information you need and select the best partners to work with for your program.

export const ImageLink = ({src, alt, href, cta, className = ""}) => <div className="image-link-card group relative rounded-xl overflow-hidden border border-zinc-950/10 dark:border-white/10 not-prose">
    <style>{`
      @media (hover: hover) and (pointer: fine) {
        .image-link-card .image-link-card-btn:hover {
          --tw-drop-shadow: drop-shadow(0 8px 12px #222A350d) drop-shadow(0 32px 80px #2f30370f);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        }
      }
    `}</style>
    <a href={href} target="_blank" rel="noopener noreferrer" className="block">
      <img src={src} alt={alt} className={`w-full h-auto transition-all duration-300 group-hover:scale-105 ${className}`} />
      <div className="absolute inset-0 flex items-center justify-center bg-white/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{
  "--tw-backdrop-blur": "blur(8px)",
  WebkitBackdropFilter: "var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",
  backdropFilter: "var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)"
}}>
        <span className="image-link-card-btn inline-block rounded-full border border-gray-200 bg-white px-8 py-2 transition-shadow cursor-pointer font-medium text-sm text-zinc-950 dark:text-zinc-950">
          {cta}
        </span>
      </div>
    </a>
  </div>;

<Tip>
  This feature is only available on [Business plans and
  above](https://dub.co/pricing/partners).
</Tip>

## What is the program application form?

The program application form collects the information you want from people applying to [your program](/help/article/dub-partners). Use it to ask about websites, social accounts, experience, audience size, or any details that help you decide who to accept.

<ImageLink alt="Branded program application form" src="https://assets.dub.co/cms/program-application-form-1.png" href="https://partners.dub.co/dub/apply" cta="View example ↗" />

<Tip>
  On Dub, you can create a custom application form for each [partner
  group](/help/article/partner-groups) in your program. This is helpful for
  collecting different information from different partner types – e.g.
  influencers vs affiliates vs resellers.

  By default, when you create a new partner group, it reuses the application
  form details from your default partner group, but you can always edit them
  afterwards.
</Tip>

## Where to find the application form builder?

From your **Groups** page, open the [partner group](/help/article/partner-groups) you want to tailor the application form for.

<Frame>
  <img src="https://assets.dub.co/cms/program-group-click.png" alt="Group selection" />
</Frame>

From the tab navigation, click **Branding,** then in the content panel, choose **Application form** to open the editor.

<Frame>
  <img src="https://assets.dub.co/cms/program-branding-tab-1.png" alt="Branding page within your dashboard" />
</Frame>

For your convenience, [here's a quick link](https://app.dub.co/program/groups/default/branding?tab=application) that brings you directly to the application form builder for your program's default group.

## Mandatory fields

Name, email, and country are always required and appear at the top of every form. You cannot remove or rename them.

<Frame>
  <img src="https://assets.dub.co/cms/application-mandatory.png" alt="Mandatory fields" />
</Frame>

## Editing and adding fields

Hover over form content in the builder to reveal actions for adding, editing, deleting, and reordering fields. Content that appears above the form can only be edited. This keeps the page layout consistent for applicants.

<Frame>
  <img src="https://assets.dub.co/cms/application-edit1.png" alt="Brand page within your dashboard" />
</Frame>

## Input field types

Click **Insert field** to open the selector, then pick the input type you want to add.

<Frame>
  <img src="https://assets.dub.co/cms/application-insertfield2.png" alt="Insert field" />
</Frame>

### Short text

Use for short answers like names, one-line bios, or URLs.

<Frame>
  <img src="https://assets.dub.co/cms/application-shorttext.png" alt="Adding short text fields" />
</Frame>

| Option            | Details                               | Example                             |
| ----------------- | ------------------------------------- | ----------------------------------- |
| Input label       | The text above the field              | *"Link to your top social profile"* |
| Input placeholder | Guidance shown inside the empty field | *"x.com/steventey"*                 |
| Required          | Make the field mandatory              | Yes                                 |
| Max characters    | Set a character limit when needed     | 120                                 |

### Long text

Use for longer responses that need multiple lines.

<Frame>
  <img src="https://assets.dub.co/cms/application-longtext.png" alt="Adding long text fields" />
</Frame>

| Option            | Details                               | Example                                                     |
| ----------------- | ------------------------------------- | ----------------------------------------------------------- |
| Input label       | The text above the field              | "Tell us about your content strategy"                       |
| Input placeholder | Guidance shown inside the empty field | "Describe your approach to creating and sharing content..." |
| Required          | Make the field mandatory              | Yes                                                         |
| Max characters    | Set a character limit when needed     | 500                                                         |

### Dropdown

Best when you have more than five options. You can add, reorder, and delete options at any time.

<Frame>
  <img src="https://assets.dub.co/cms/application-dropdown.png" alt="Adding files" />
</Frame>

| Option                    | Details                                   | Example                                                     |
| ------------------------- | ----------------------------------------- | ----------------------------------------------------------- |
| Input label               | The text above the field                  | "Which platforms do you use?"                               |
| Required                  | Make this field mandatory                 | No                                                          |
| Allow multiple selections | Toggle this to allow more than one choice | Yes (for checkboxes)                                        |
| Options                   | The choices the applicant sees            | "Instagram", "TikTok", "YouTube", "LinkedIn", "X (Twitter)" |

### Multiple choice

The multiple-choice input can serve multiple purposes:

1. **Radio** - A list of items that an applicant can select only one from
2. **Checkbox** - A list of items that an applicant can select one or many from

By default, the initial input is set to the radio option, but the input can adapt to your needs.

<Frame>
  <img src="https://assets.dub.co/cms/application-multiplechoice.png" alt="Adding accordion content" />
</Frame>

| Option      | Details                        | Example                              |
| ----------- | ------------------------------ | ------------------------------------ |
| Input label | The text above the field       | "What's your primary content focus?" |
| Required    | Make the field mandatory       | Yes                                  |
| Options     | The choices the applicant sees | "Tech & SaaS", "Business & Finance"  |

### Image upload

Add an image field to your application so partners can share proof, examples, or supporting materials.

<Frame>
  <img src="https://assets.dub.co/cms/application-imageupload.png" alt="Adding image upload" />
</Frame>

| Option                | Details                                                               | Example                 |
| --------------------- | --------------------------------------------------------------------- | ----------------------- |
| Input label           | The text above the field                                              | "Analytics screenshots" |
| Allow multiple images | Enable partners to upload multiple images. Minimum 2, and maximum 10. |                         |
| Required              | Make the field mandatory                                              |                         |

### Website and socials

Ask for specific website or social accounts. Toggle each network on or off and mark any required. For example, you might require Instagram but make X optional.

<Frame>
  <img src="https://assets.dub.co/cms/application-website.png" alt="Adding website and social inputs" />
</Frame>

<Tip>
  You can only add one website and socials section per form. If one is already
  present the input type will not appear in the Insert field menu.
</Tip>

## Publishing your changes

When you are ready, click Publish in the top right to make your changes live.

<Frame>
  <img src="https://assets.dub.co/cms/application-publish.png" alt="Publish button" />
</Frame>

##
