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

# Contracts

> Add digital contracts to your booking flow with electronic signatures

export const PlusBadge = () => <span style={{
  backgroundColor: '#EFF6FF',
  color: '#2563EB',
  padding: '2px 8px',
  borderRadius: '4px',
  fontSize: '12px',
  fontWeight: '600',
  marginLeft: '6px',
  display: 'inline-block',
  verticalAlign: 'middle',
  border: '1px solid #BFDBFE'
}}>
    Plus
  </span>;

## Overview <PlusBadge />

Habe a contract signed before customers pay. Contracts are fully digital with electronic signatures, making the process fast for customers and secure for you.

<Info>
  Contracts require a [Plus or Pro plan](/settings/plans). Plus subscribers can create up to 2 contract templates. Pro subscribers get unlimited templates.
</Info>

<CardGroup cols={3}>
  <Card title="Create Contracts" icon="file-contract" href="/templates/contracts/editor">
    Build professional contracts with the rich text editor
  </Card>

  <Card title="Use Shortcodes" icon="brackets-curly" href="/templates/contracts/shortcodes">
    Personalize contracts with dynamic customer data
  </Card>

  <Card title="Signing Experience" icon="signature" href="#the-signing-experience">
    See what customers experience when signing
  </Card>
</CardGroup>

## How Contracts Work

Customers sign contracts during the booking flow, after filling out details but before payment. Once all signatures are complete, they proceed to payment or booking if no payment is required to book. The signed contract is saved and available for both you and your customer.

## Creating a Contract Template

1. Go to **Templates** in the sidebar, then open the **Contracts** tab
2. Click **New Contract**
3. Give your contract a name
4. Use the rich text editor to write your contract
5. Add signature blocks where customers should sign
6. Save your template

[Learn more about the contract editor →](/templates/contracts/editor)

## Assigning a Contract to a Quote

Add contracts to quotes in the Booking Flow section of the quote editor. Select a contract from the dropdown or create a new one.

1. Open a quote
2. Scroll to **Booking Flow**
3. Click the Contract dropdown
4. Select a contract template

<Frame>
  <img src="https://mintcdn.com/flashquotes/wJc3G7C2kim3U_FU/images/leads/quotes/booking-flow.webp?fit=max&auto=format&n=wJc3G7C2kim3U_FU&q=85&s=88291b73fe4fc3283258ee3395c9fa34" alt="Booking Flow section showing contract dropdown" width="1306" height="400" data-path="images/leads/quotes/booking-flow.webp" />
</Frame>

## Setting a Default Contract

Set a default contract to automatically assign it to new quotes.

1. Open any quote
2. Go to **Booking Flow**
3. Click the Contract dropdown
4. Click **Edit** next to a contract
5. Toggle **Set as default**

## The Signing Experience

Customers review and sign contracts after filling out event details but before payment and booking. Here's what they see:

1. Contract displays in full with all personalized details
2. Signature blocks show where they need to sign
3. They click a signature block to begin signing
4. They enter their name, initials, and email
5. They acknowledge electronic signatures are legally binding
6. Once all signatures complete, a **Finish** button appears
7. They click Finish to fully execute the contract and proceed to the next step

<Frame>
  <img src="https://mintcdn.com/flashquotes/lvCtFWe6ZKgbuUPq/images/contracts/signature-block.webp?fit=max&auto=format&n=lvCtFWe6ZKgbuUPq&q=85&s=81a51f770f0f62f168f319069c5d4107" alt="Signature block in contract" width="1104" height="448" data-path="images/contracts/signature-block.webp" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/flashquotes/lvCtFWe6ZKgbuUPq/images/contracts/signature-modal.webp?fit=max&auto=format&n=lvCtFWe6ZKgbuUPq&q=85&s=768fe8bd877c70cc7a7a698e674f9803" alt="Signature adoption modal" width="1006" height="994" data-path="images/contracts/signature-modal.webp" />
</Frame>

## After Signing

The signed contract is saved with signature data and timestamp. Both you and your customer can download or print it anytime from the booking details page.

<Frame>
  <img src="https://mintcdn.com/flashquotes/lvCtFWe6ZKgbuUPq/images/contracts/signature-block-signed.webp?fit=max&auto=format&n=lvCtFWe6ZKgbuUPq&q=85&s=d61a314aba38240b3e4543e37fde25a3" alt="Signed signature block" width="880" height="384" data-path="images/contracts/signature-block-signed.webp" />
</Frame>

## Next Steps

<CardGroup cols={3}>
  <Card title="Contract Editor" icon="pen-to-square" href="/templates/contracts/editor">
    Build contracts with formatting and signature blocks
  </Card>

  <Card title="Shortcodes" icon="brackets-curly" href="/templates/contracts/shortcodes">
    Insert dynamic customer and quote data
  </Card>

  <Card title="Booking Flow" icon="arrow-progress" href="/contacts/booking-flow">
    Configure the booking experience
  </Card>
</CardGroup>
