> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandavideo.com/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 Custom Buttons to Your Videos on Panda Video

# How to Add Custom Buttons to Your Videos on Panda Video

On Panda Video, you can add **custom buttons** to your videos to direct viewers to specific actions, such as visiting a website, making a purchase, or strategically interacting with the content.

This feature is configurable for each video, allowing you to customize buttons according to the purpose of each piece of content.

---

## Step-by-Step to Add a Button

### 1. Access Your Dashboard

Log into your Panda Video Dashboard.

### 2. Click on the "Videos" Tab

You will see a list of all the videos you’ve uploaded to the platform.

### 3. Select the Desired Video

Click on the name of the video where you want to add the custom button.

### 4. Go to the “Advanced” Tab and Click on “Buttons”

![](https://storage.crisp.chat/users/helpdesk/website/-/5/e/f/c/5efce8ce8b62b000/botao_1fvgzw0.png)

### 5. Choose the Button Type

Select between:

* **Outside the Video**
* **Inside the Video**

Choose the option that best fits your needs.

### 6. Configure the Button

Set:

* Button text
* Color and position
* Destination link (URL)

After filling out the information, click **Publish**.

Now your video will have a custom button displayed at the defined time and position.

👉 Check out an [example video with a custom button](https://player-vz-fe9765d3-df0.tv.pandavideo.com.br/embed/?v=6bcead3a-1f11-4739-8ae2-1acef5aadf1e)

---

## How to Pass URL Parameters to the Button Link?

You can enable the option to capture **URL parameters (queryParams)** to create dynamic links based on the page context.

### How Does It Work?

When someone accesses the video page with parameters in the URL (e.g., `?email=user@site.com`), the button can capture this data and automatically incorporate it into your link.

### How to Enable It?

Simply turn on the **"Send URL parameters"** switch in the button settings.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/e/f/c/5efce8ce8b62b000/url_181bmiv.png)

---

# Outside-the-Video Button

If the button type is **Outside the Video**, you must:

1. Publish the button;
2. Copy the button’s **embed code**;
3. Paste it into the appropriate place on your landing page.

---

## Differences Between Button Types

### 1. Inside-the-Video Button

* Configured and activated directly from the dashboard  
* No additional code required

![](https://storage.crisp.chat/users/helpdesk/website/5efce8ce8b62b000/image_1xt2s4q.png)

---

### 2. Outside-the-Video Button

* Requires the use of embed code
* Manual insertion into the page
* May require technical support from your platform

![](https://storage.crisp.chat/users/helpdesk/website/5efce8ce8b62b000/image_1rlpuhx.png)

---

### 3. Where to Find the Button’s Embed Code?

After publishing the button, you will see the ready-to-copy embed code:

![](https://storage.crisp.chat/users/helpdesk/website/-/5/e/f/c/5efce8ce8b62b000/embedbotao_63fii0.png)

|| Remember: check with your platform’s support to know exactly where to paste the code on your page.

---

## Related Links and Tutorials

* [How to create a button with delay using the plugin on Elementor?](https://help.pandavideo.com/en-us/article/how-to-create-a-button-with-delay-using-the-elementor-plugin-97e8ag/)

---

## Got any questions?

Reach out to our support team via chat, and our team will do their best to resolve any questions you have.

Not using Panda Video yet? Visit our [pricing page](https://www.pandavideo.com/pricing) and choose the plan that’s right for your business.
