# Portant eSignatures + HubSpot

{% hint style="info" %}
This is a guide on the specifics of how to set up eSignatures with HubSpot. For details on how to set up eSignatures with Portant please visit [**this section**](/portant-docs/esignatures/getting-started.md)**.**
{% endhint %}

In this guide we will go over how to add eSignature placeholders to a Portant Workflow with HubSpot as the source. We will cover the following areas:

1. How to select a **HubSpot Contact** as the recipient
2. How selecting a HubSpot Contact as a recipient works

### How to select a **HubSpot Contact** as the recipient

Below the Output Name field there is a button to "Request a Signature" as part of your workflow.

<figure><img src="https://assets-global.website-files.com/5f3b57b5405f8bd0f98b5e14/646714df1c34ab560262ec7c_eSign%20Workflow.png" alt=""><figcaption></figcaption></figure>

When you click this button some additional Signature settings will appear below it. There are three main parts;

1. The email address of the recipient - this can either be a {{tag}} from your source, you can type an email (e.g. <james@portant.co>) [**OR it can also be a HubSpot Contact**](#selecting-a-hubspot-contact-as-the-esignature-recipient)**.**
2. The Signature placeholder - this inserts a placeholder image into your document so you can specify where the signature is inserted
3. The Date placeholder - this inserts a placeholder image into your document so you can specify where the date the document was signed is inserted
4. A text field - to collect additional information at the signing stage (e.g. entering a delivery address)
5. A Checkbox field - to collect additional information at the signing stage (e.g. Accepting terms and conditions or selecting a specific product.)

{% hint style="info" %}
Form more details about Parts 2-5, please visit our [full guide on eSignatures here](/portant-docs/esignatures/getting-started.md)
{% endhint %}

#### Selecting a HubSpot Contact as the eSignature recipient

When you select the recipient as a HubSpot contact, Portant will ask the user which contact associated with the Deal/Ticket/Company they'd like to be the recipient.&#x20;

<figure><img src="/files/eZ4VgPLo0fwO6GqQSC9X" alt=""><figcaption></figcaption></figure>

#### Using HubSpot Contact Association Labels

Contact Association Labels are displayed in Portant when set up in HubSpot, like this:

<figure><img src="/files/PuGaMi962CfCJiOtNJWU" alt=""><figcaption></figcaption></figure>

This is a great way to identify different roles in the signed document and who should sign which part of the document. You can learn more about creating and using association labels in HubSpot by reading this [article](https://knowledge.hubspot.com/object-settings/create-and-use-association-labels).

You can still use the generic HubSpot Contact Property (without a label).

### How selecting a HubSpot Contact as a recipient works

When you have set up your workflow you can test your workflow in HubSpot. Manually run the workflow by opening the **Deal > Portant CRM Card > Actions > Select your Workflow**

<figure><img src="/files/0voxqyuJUUqgb9vYNaft" alt=""><figcaption></figcaption></figure>

Then, you can select one of the contacts associated for the deal for each recipient in the document. The preview of the document on the left allows you to see where the signatures will be placed. If you selected labeled contacts, the recipient will also have a label to help the user to select the right contact.

<figure><img src="/files/MGXnV6SzT8S9TSgEWGyT" alt=""><figcaption></figcaption></figure>

By default the first contact for each labeled contact will be pre selected. However, this can be overridden.

{% hint style="info" %}
If you run a Portant workflow automatically, Portant will automatically select the first contact for each label.
{% endhint %}

Voila! You've just created your first signature workflow 🎉

#### Feedback and feature suggestions

We created Portant in 2021 and the feedback we have received since then has been very helpful and greatly appreciated. If you have any feedback please feel free to send us an email at <contact@portant.co>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.portant.co/portant-docs/sources/hubspot/portant-esignatures-+-hubspot.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.