---
title: Video Popup
description: "## Overview The **Video Popup widget in SiteCraft** allows you to display videos in a lightbox popup using interactive triggers like icons or circular images. It’s ideal for showcasing promotional videos, tutorials, or presentations without embedding large video players directly…"
url: "https://sitecraft.themeshala.com/docs/video-popup/"
updated: "2026-04-19"
category: General Widgets
---

# Video Popup

## Overview

The **Video Popup widget in SiteCraft** allows you to display videos in a lightbox popup using interactive triggers like icons or circular images. It’s ideal for showcasing promotional videos, tutorials, or presentations without embedding large video players directly on the page.

---

## Key Features

- Two trigger styles: Icon & Circle Image
- Support for YouTube, Vimeo, or custom video links
- Lightbox popup on click
- Play button customization
- Overlay and hover effects
- Alignment and positioning controls
- Fully responsive design

---

## How to Enable the Widget

Before using the Video Popup widget, make sure it is enabled.

**Steps:**

1. Go to **SiteCraft → Dashboard → Widgets**
2. Find **Video Popup Widget**
3. Toggle to enable it
4. Click **Save Changes**

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-switcher.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-switcher.png)

---

## How to Add the Widget in Elementor

1. Open your page with **Elementor Editor**
2. Search for **“Video Popup”** under SiteCraft widgets
3. Drag and drop it into your section
4. Choose a layout and start customizing

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-el-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-el-scaled.png)

---

## Content Settings

Control video source and trigger type.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-el-content-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-el-content-scaled.png)

**Options:**

- **Layout** – Icon or Circle Image
- **Video Link** – Add YouTube, Vimeo, or custom URL
- **Trigger Image** *(Circle Layout)* – Upload thumbnail image
- **Play Icon** – Select or customize icon
- **Alignment** – Left, Center, Right

---

## Style Settings

Customize the visual appearance.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-el-style-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-el-style-scaled.png)

**Available Controls:**

- **Icon Styling** – Size, color, background
- **Circle Image** – Size, border radius, overlay
- **Play Button** – Size, color, position
- **Hover Effects** – Animations and transitions
- **Overlay Color** – Customize hover overlay

---

## Advanced Settings

Fine-tune layout and responsiveness.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-el-advanced-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/popup-el-advanced-scaled.png)

**Includes:**

- Margin & padding
- Responsive visibility
- Motion effects
- Positioning
- Background & border

---

## Use Cases

Perfect for:

- Promo or intro videos
- Product showcases
- Tutorials and guides
- Hero section video triggers

---

## Result

You can now create engaging video experiences using the **SiteCraft Video Popup Widget**, with flexible trigger styles and smooth popup playback.