# Creating a landing page for your partner program

> Create an effective and compelling landing page to attract high-quality partners to join your program and promote your product.

import { ImageLink } from "/snippets/components/image-link.jsx";
import { ImageCarousel } from "/snippets/components/image-carousel.jsx";

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

On Dub, you can also create a branded landing page with details about your [partner program](/help/article/dub-partners):

<Frame>
  <video
    src="https://assets.dub.co/cms/dub-partners-branded-landing-pages.mp4"
    loop
    autoPlay
    muted
    playsInline
  />
</Frame>

## What is the program landing page?

The program landing page gives your applicants information about your program and the rewards offered. This also includes brand or marketing files, FAQ sections, and any other content you want to add that will help an applicant understand your program, what your product is, and why they should apply.

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

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

By default, when you create a new partner group, it reuses the landing page
details from your default partner group, but you can always edit them
afterwards.

</Tip>

## Where to find the landing page builder?

From your **Groups** page, open the group you want to customize the landing page 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 **Landing page** to open the editor.

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

## Editing and adding content

As you hover over the landing page content in the builder, you'll notice that actions will show, allowing you to add, edit, delete, and reorder content blocks within the page.

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

Content above the reward section can only be edited. This is to maintain content
consistency. Content below the **"Apply today"** button can be added, edited,
removed, and reordered. ## Content types Clicking on "Insert block" allows you
to select the content type you want to add.

<Frame>
  <img
    src="https://assets.dub.co/cms/lander-insertblock1.jpg"
    alt="Brand page within your dashboard"
  />
</Frame>

### Text

Best used for text and paragraph content. This section also uses markdown formatting when editing.

<Frame>
  <img
    src="https://assets.dub.co/cms/lander-insert-text.jpg"
    alt="Adding text content"
  />
</Frame>

### Image

For adding product screenshots and other complementary visuals to the program.

<Frame>
  <img
    src="https://assets.dub.co/cms/lander-insert-image.jpg"
    alt="Adding image content"
  />
</Frame>

Images follow your landing page’s content width by default, keeping visuals aligned without extra layout controls.

<Frame>
  <img
    src="/images/dub-partners/lander-image-guide.jpg"
    alt="Lander image guide"
  />
</Frame>

### Files

For adding product screenshots and other complementary visuals to the program.

<Frame>
  <img
    src="https://assets.dub.co/cms/lander-insert-file.jpg"
    alt="Adding files"
  />
</Frame>

### Accordion

Best used for FAQ sections and other collapsible related content.
This section also uses markdown formatting when editing.

<Frame>
  <img
    src="https://assets.dub.co/cms/lander-insert-accordion.jpg"
    alt="Adding accordion content"
  />
</Frame>

### Earnings calculator

Give your partners a sense of how much they can earn, based on your default rewards.

<Frame>
  <img
    src="https://assets.dub.co/cms/lander-insert-calculator.jpg"
    alt="Adding earnings calculator"
  />
</Frame>

## Generating your landing page with AI

You can also use our AI landing page generator to quickly scaffold a landing page for your affiliate program.

Our AI will scrape your website, retrieve all relevant information, and craft a compelling landing page with your company's details, pricing information, features, and more.

To get started, simply click the "Generate" button and enter your website URL (it should already be prefilled from your program settings):

<Frame>
  <img
    src="https://assets.dub.co/cms/generate-lander-ai-button.png"
    alt="Generate lander AI button"
  />
</Frame>

Here's a quick demo of how it looks:

<Frame>
  <video
    src="https://assets.dub.co/cms/generate-lander-ai-demo.mp4"
    loop
    autoPlay
    muted
    playsInline
  />
</Frame>

<Warning>
  AI can make mistakes – make sure to review all generated content for accuracy
  and style before publishing your changes.
</Warning>

## Publishing your changes

Once you're finished making your content changes, click the Publish button in the top right corner to make sure the changes go live.

<Frame>
  <img
    src="https://assets.dub.co/cms/lander-publish-2.png"
    alt="Publish button"
  />
</Frame>
## Landing page examples
Get inspired and check out some of these great examples that companies have already created:
<ImageCarousel
  images={[
    {
      src: "https://assets.dub.co/cms/lander-wisprflow-1.png",
      alt: "Wispr Flow Program Lander",
    },
    {
      src: "https://assets.dub.co/cms/lander-tella.png",
      alt: "Tella Program Lander",
    },
    {
      src: "https://assets.dub.co/cms/lander-superlist-1.png",
      alt: "Superlist Program Lander",
    },
  ]}
  imageClassName="aspect-[4/3]"
/>
## Markdown styles available
| Content       | Example                  |
| ---------- | ---------------------- |
| Headings       | `# H1` , `# H2` , `# H3` |
| Bold        | `**bold text**`  |
| Italic   | `*italicized text*` |
| Blockquote | `> blockquote` |
| Horizontal rule   |  `---` |
| Link | `[title](https://www.example.com)`          |
| Ordered list | `1. First item` , `2. Second item` , `3. Third item` |
| Unordered list | `- First item` , `- Second item` , `- Third item` |
