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

# Typeform Forms

> Ingest Cello's referral code (ucc) into HubSpot using Typeform forms

This page guides you through the required steps to ingest **Cello's referral code (`ucc`) into HubSpot using Typeform forms**.

## Create a form with a hidden ucc field in Typeform

<Steps>
  <Step title="Create a new form">
    Create a new form in Typeform
  </Step>

  <Step title="Add Hidden Fields">
    On the initial question in your form, go to **Hidden Fields** via **Logic → Hidden Fields** on the panel on the right
  </Step>

  <Step title="Add ucc field">
    Add a new field named `ucc` and click Save
  </Step>
</Steps>

<img src="https://mintcdn.com/cello/l6CiJRlHFcrgg5IY/attribution/attribution-typeform-1.png?fit=max&auto=format&n=l6CiJRlHFcrgg5IY&q=85&s=3482fe87d0e1810204ccdcc395a02b45" alt="Cello Capture UCC Typeform hidden fields setup" width="1266" height="780" data-path="attribution/attribution-typeform-1.png" />

## Setup of Sync from Typeform to HubSpot

<Steps>
  <Step title="Connect HubSpot">
    Navigate to the **Connect** Section in the header of Typeform and connect HubSpot
  </Step>

  <Step title="Select HubSpot object">
    After the authorization is done, you can select the HubSpot object to which you want to sync the `ucc`. In the below example the `ucc` is synced to a deal in HubSpot.

    <Note>
      You can also sync the `ucc` to multiple objects at the same time: contact, company and deals.
    </Note>
  </Step>

  <Step title="Configure pipeline">
    If you sync the `ucc` to a deal, you have to specify in which pipeline at which stage the deals should be created
  </Step>

  <Step title="Save and test">
    After finalizing the setup of the integration, save the settings and run a short test run
  </Step>
</Steps>

<img src="https://mintcdn.com/cello/l6CiJRlHFcrgg5IY/attribution/attribution-typeform-2.png?fit=max&auto=format&n=l6CiJRlHFcrgg5IY&q=85&s=ba9a46d3d4c24b1ceec054da6dc37e7a" alt="Cello Capture UCC Typeform HubSpot integration setup" width="1060" height="279" data-path="attribution/attribution-typeform-2.png" />

## Test the created Typeform and HubSpot integration

<Steps>
  <Step title="Open Typeform">
    Open the created Typeform
  </Step>

  <Step title="Add ucc parameter">
    Add either `?ucc=12341234` or `&ucc=12341234` to the link depending on if there is already a "?" present in the link

    <img src="https://mintcdn.com/cello/l6CiJRlHFcrgg5IY/attribution/attribution-typeform-3.png?fit=max&auto=format&n=l6CiJRlHFcrgg5IY&q=85&s=fc29dad9185d3f22125082433e64b70b" alt="Cello Capture UCC Typeform URL with UCC parameter" width="782" height="83" data-path="attribution/attribution-typeform-3.png" />
  </Step>

  <Step title="Submit form">
    Submit the Typeform
  </Step>

  <Step title="Verify in HubSpot">
    Open HubSpot and check that the contact, company or deal was created and the `ucc` was synced correctly

    <img src="https://mintcdn.com/cello/l6CiJRlHFcrgg5IY/attribution/attribution-typeform-4.png?fit=max&auto=format&n=l6CiJRlHFcrgg5IY&q=85&s=0dbcb3c2d3c77152d4528c070877019b" alt="Cello Capture UCC Typeform HubSpot deal with UCC" width="449" height="345" data-path="attribution/attribution-typeform-4.png" />
  </Step>
</Steps>

## Further hints

<Tip>
  You can also embed a Calendly in Typeform to allow customers to schedule e.g. a demo from the Typeform. Documentation can be found [here](https://www.typeform.com/connect/calendly/).
</Tip>