# Add a call-to-action

A call-to-action (CTA) is a clickable button that appears directly on your video during playback. Use it to guide customers to a relevant page — a knowledge base article, a signup form, a product page, or any URL you choose.

{% hint style="info" %}
Call-to-action buttons are available on **Pro** plans and during your trial period.
{% endhint %}

### Adding a Call-to-Action

Each recording supports one call-to-action button. You can add or edit it at any time after the recording is saved.

{% stepper %}
{% step %}

#### Open the recording

Navigate to the recording you want to add a CTA to and open it in the detail view.
{% endstep %}

{% step %}

#### Open the CTA editor

Click the **CTA icon** in the recording toolbar (below or alongside the video player). This opens the CTA editing modal.

<figure><img src="https://3820804400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfW6XSzJSKsNyZnOkSJPt%2Fuploads%2FwT0wYHf8LPBC5pBAj4j1%2FCleanShot%202026-02-09%20at%2016.20.26%402x.png?alt=media&#x26;token=6d92612e-85ad-42d2-bd8c-8b3a4a2b777b" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Configure the button

Fill in the CTA settings:

* **Button link (URL)** — The destination URL that opens when a viewer clicks the button. Must be a full URL (e.g., `https://help.example.com/article`).
* **Button text** — The label displayed on the button (e.g., "Learn More", "Sign Up", "View Article").
* **Location** — Where the button appears on the video. Choose from four positions:
  * Top-left
  * Top-right
  * Bottom-left
  * Bottom-right
* **Button color** — The background color of the button. Use the color picker to match your brand.
* **Button text color** — The color of the text on the button.
* **Only show at end of video** — When enabled, the button appears only after the video finishes playing. When disabled, the button is visible throughout playback.
  {% endstep %}

{% step %}

#### Preview and save

As you edit the settings, a **live preview** appears on the video thumbnail so you can see exactly how the button will look and where it will be positioned. Click **Save** when you're satisfied.
{% endstep %}
{% endstepper %}

The CTA is applied immediately. Any viewer who watches the video — whether through a direct link, an embed, or from a helpdesk — will see the button.

### Editing or Removing a CTA

To edit an existing CTA, open the same CTA editor and update any field. Your changes are saved and reflected in real time — the video player updates without requiring a page reload.

To remove a CTA, open the CTA editor and click **Delete**. The button is removed from the video immediately.

### How CTAs Appear to Viewers

When a viewer plays the video:

* If **"Only show at end of video"** is turned off, the button appears as soon as playback starts and remains visible throughout the video.
* If **"Only show at end of video"** is turned on, the button appears only when the video reaches the end.

The button is positioned in the corner you selected, with a small offset from the edge for readability. Clicking the button opens the destination URL in a **new browser tab**.

CTAs work identically on the recording share page and in embedded videos.

### Use Cases for Support Teams

{% columns %}
{% column %}

#### Deflect to Self-Service

Add a CTA linking to a knowledge base article after explaining a solution. Customers can follow up on their own.

**Example:** "Read the full guide" → links to your help center article.
{% endcolumn %}

{% column %}

#### Drive Action

Point customers to a specific page where they need to take action — update settings, fill out a form, or complete a step.

**Example:** "Update your settings" → links to the relevant settings page.
{% endcolumn %}
{% endcolumns %}

{% hint style="success" %}
**Tip for managers:** CTAs give your team a way to close the loop on every video. Instead of just explaining a solution, you can guide customers directly to where they need to go next.
{% endhint %}