# Video Design 

> **Source**: [Wiki](https://help.trainn.co/mf9eKMHIzYw-video-design)
>
> <p>Everything you need to know about designing your videos, and optimizing them for better accessibility. </p>

## Browse Collection

1. [How to Generate Video Intro?](https://help.trainn.co/mf9eKMHIzYw-video-design/5D4Dg1UfmNA-how-to-generate-video-intro.md) (Video)
2. [How to Add Call-to-Actions to a Video? ](https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video.md) (Video)
3. [How to Customize Video Border?](https://help.trainn.co/mf9eKMHIzYw-video-design/couFbgwDCRM-how-to-customize-video-border.md) (Video)
4. [How to Add Video Chapters? ](https://help.trainn.co/mf9eKMHIzYw-video-design/z2u5KA1Kz3c-how-to-add-video-chapters.md) (Video)
5. [How to Add Background Music to Your Video? ](https://help.trainn.co/mf9eKMHIzYw-video-design/add-background-music-to-your-video.md) (Video)
6. [How to Add Subtitles and Captions?](https://help.trainn.co/mf9eKMHIzYw-video-design/H6hILWyID6E-how-to-add-subtitles-and-captions.md) (Video)
7. [How to Duplicate/Clone a Video? ](https://help.trainn.co/mf9eKMHIzYw-video-design/MXJwOeNmeQU-how-to-duplicate-clone-a-video.md) (Video)
8. [How to Change Video Layout and Resolution?](https://help.trainn.co/mf9eKMHIzYw-video-design/sDFyMq4UOEI-how-to-change-video-layout-and-resolution.md) (Video)
9. [How to Change Video Background Colour/Image?](https://help.trainn.co/mf9eKMHIzYw-video-design/YC6llJp21MM-how-to-change-video-background-colour-image.md) (Video)
10. [How to Crop a Video? ](https://help.trainn.co/mf9eKMHIzYw-video-design/gjd5wtec1ZU-how-to-crop-a-video.md) (Video)

---

# VIDEO: How to Add Call-to-Actions to a Video? 

## METADATA

- id: XC4mUPASgsW6D78Y7C8a1Q
- type: video
- source: Wiki
- content_url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video

- collection_url: https://help.trainn.co/mf9eKMHIzYw-video-design

## TRANSCRIPT

- time: 00:00
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=0
  text: In this video, let's see how to add and configure call to actions in a video player.

- time: 00:06
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=6
  text: Click on the add CTA button in the video options menu on the right side.

- time: 00:13
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=13
  text: Click on the add button in the Call To Actions modal to add a new call to action.

- time: 00:18
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=18
  text: You can either input the time manually or move your cursor to the appropriate start time in the video timeline and

- time: 00:25
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=25
  text: then click on the icon to input the same.

- time: 00:30
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=30
  text: Now add the timestamp.

- time: 00:33
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=33
  text: Drag the video timeline slider to the desired timestamp where you want to add the end time.

- time: 00:45
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=45
  text: Enter the end time for the call to action in the 'End Time' field.

- time: 00:50
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=50
  text: Enter the desired button text in the "Button Text" field of the modal.

- time: 00:55
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=55
  text: Input the URL for the call to action in the "URL" field of the modal.

- time: 01:01
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=61
  text: Click the add CTA button to save the call to action.

- time: 01:05
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=65
  text: Your CTA is now added, you can add multiple such CTA's based on your timestamps.

- time: 01:12
  url: https://help.trainn.co/mf9eKMHIzYw-video-design/rKJCdFah2Uc-how-to-add-call-to-actions-to-a-video?start_time=72
  text: In order to edit the CTA, double click on the CTA you wish to edit. Thanks for watching.

## SUMMARY

## **How to add CTA to a video?**

**Call-to-Actions** (CTAs) in Trainn let you drive user engagement by prompting viewers to take a specific action like visiting a link, signing up, or exploring more content, directly from your video player. CTAs appear as clickable buttons within your video at specific timestamps you define.

You can add multiple CTAs to a video, configure when they appear, customize the button text, and define the redirect URL.

**Steps**

1. Navigate to the published video page, and click on the “ **Add CTA** ” option from the right hand panel.

2. Click “ **+Add** ” to add a new CTA.

3. Set the start time and end time for your CTA.

4. Enter the **Button Text** you want to display.

5. Input the **URL** where viewers should be directed upon clicking the CTA.

6. Once done, click the “ **+Add CTA** ” button.

7. You can add multiple CTAs at different timestamps by repeating the above steps.

> Note: If you add a CTA that ends at the same time as the video, the CTA button will appear centered in the video player once the video finishes playing.