> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add VIDEOS to your Landing Page

To **add videos** to your landing page, follow the tutorial below:

1. Open your page editor;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1k4s9ew.png =650x233)

2. Using the menu on the left side of the screen, click the **video icon**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_b405z7.png =650x585)

3. The video will then be inserted into the editor; Click on **Edit**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_efs7i6.png =650x481)



4. A **Settings** tab will open on the right side of the screen. There you can set up the video's **Styles** (its visual information, animating the video element), **Video settings** (such as changing the link or autoplay), and **Code** (advanced settings);

###### STYLES

In the **Styles** section, you can configure the video borders or add a shadow effect around the element.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1xxjyjq.png =650x350)


###### ANIMATIONS

In **Animations**, you can configure the **animation effects**, **animation direction**, **animation speed**, **animation delay**, and **repeat animation** (whether it will play continuously or not).

* **Effect**: Select the desired effect style for the element. By switching between effects, you can see how each one works.
* **Direction**: Here, you can define the direction of the animation, such as up, down, right, or left.
* **Speed**: Here, you can set the speed of your animation. The closer to 250 ms, the faster the animation; the closer to 2000 ms, the slower the animation.
* **Delay**: This setting allows you to define the delay time for your animation. This time can range from 0 ms to 2000 ms.
* **Repeat**: With this option, you can choose whether the animation will play only once or continuously


![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_13tynta.png =650x345)

8. And finally, in **Settings** you can insert a new video link and enable the **Autoplay** and **Progress bar** options. Whether each of them works will depend on each user.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_104sdd9.png)

Still have questions? Reach out to our support team, we're always happy to help! :)