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

# Embed a referral form

> Put referral capture on your own website with your branding, and confirm submissions land attributed in your CRM.

export const noun_0 = "referral"

export const verb_0 = "refer"

A link is great for direct outreach, but some partners and prospects arrive on your own pages. Embedding the referral form there captures referrals in context, with your branding, so a partner can refer without ever leaving the page they are on. This guide embeds the form and confirms the submissions still arrive attributed and CRM-ready.

## What you'll achieve

A referral form embedded on a page you control, capturing submissions that flow into your CRM and credit the right partner, verified with a live test submission.

## Before you start

<Steps>
  <Step title="Build the referral form">
    A referral form that creates a deal or lead must exist. See [Build and share a referral form](./build-and-share-a-referral-form).
  </Step>

  <Step title="Confirm a custom domain">
    Embedding a form on your own website requires a custom domain on your plan. Without one, share the link instead.
  </Step>
</Steps>

## Watch it

<Tabs>
  <Tab title="Video">
    <video controls playsInline preload="none" poster="https://assets.introw.io/docs/features/referrals/lead-sharing/guides/embed-a-referral-form/steps/01.png?v=1783349670" className="w-full rounded-xl" src="https://assets.introw.io/docs/features/referrals/lead-sharing/guides/embed-a-referral-form/video.webm?v=1783349670#t=2.5" />
  </Tab>

  <Tab title="Click through">
    <iframe className="w-full rounded-xl" style={{ width: "100%", aspectRatio: "16 / 11", border: 0, backgroundColor: "#FAFAFA" }} src="https://assets.introw.io/docs/features/referrals/lead-sharing/guides/embed-a-referral-form/walkthrough.html?v=1783349670" />
  </Tab>
</Tabs>

## Steps

### Embed the form

<Steps>
  <Step title="Open the share dialog">
    In [Forms](https://app.introw.io/forms), open your {noun_0} form and open its **Share form** dialog.
  </Step>

  <Step title="Switch to the Embed tab">
    On the **Embed** tab, copy the generated HTML snippet.
  </Step>

  <Step title="Paste it on your page">
    Add the snippet to the page where you want partners to {verb_0}, such as a partner landing page or a website footer.
  </Step>

  <Step title="Attribute where possible">
    Where you know the partner, use an attributed embed so each submission credits the right partner instead of arriving anonymous.
  </Step>
</Steps>

### Confirm attribution

<Steps>
  <Step title="Attribute where you know the partner">
    A plain embed captures submissions but cannot always tell who referred them. Where the page is partner-specific (a co-branded landing page, a partner's microsite), use an attributed embed so each submission credits the right partner instead of arriving anonymous.

    <Frame>
      <img src="https://assets.introw.io/docs/features/referrals/lead-sharing/guides/embed-a-referral-form/steps/01.png?v=1783349670" alt="Attribute where you know the partner" />
    </Frame>
  </Step>

  <Step title="Submit a test and check the credit">
    Load the page with the embed, submit a test referral, and open [Submissions](https://app.introw.io/submissions). Confirm it appears under **Form submissions** and, where you used an attributed embed, that it is credited to the expected partner.

    <Frame>
      <img src="https://assets.introw.io/docs/features/referrals/lead-sharing/guides/embed-a-referral-form/steps/02.png?v=1783349670" alt="Submit a test and check the credit" />
    </Frame>
  </Step>
</Steps>

## Verify it worked

The test referral submitted from your embedded page appears in [Submissions](https://app.introw.io/submissions) and creates a deal in your CRM, attributed to the right partner where the embed is partner-specific.

## Related

<CardGroup cols={2}>
  <Card title="Build and share a referral form" icon="pen-ruler" href="./build-and-share-a-referral-form">
    Set up the form and attribution behind the embed.
  </Card>

  <Card title="Share a referral link" icon="link" href="./share-a-referral-link">
    Use a link instead of an embed.
  </Card>

  <Card title="Embed" icon="window-maximize" href="/features/developer/embed">
    Embedding patterns and authentication.
  </Card>
</CardGroup>
