logo
  • Contact Us |
  • Login
  • Login
  • RVsitebuilder
  • RVskin
  • RVssl
  • Support
  • Partner
    • RVsitebuilder NOC Partner
    • RVskin NOC Partner
    • SSL Reseller Program
  • Products
    • cPanel
    • CloudLinux
    • Softaculous
    • RVskin
    • RVsitebuilder
    • RVssl
    • Virtualizor
  • Installation
  • Why Us?
order
  • Support
  • Submit Ticket
  • Verify License
Knowledge Base RVstebuilder 7 > End User & Website Owner Creating Website

How insert YouTube Video popup to a page using Button?

by RV Support
2025-11-18 08:05:16
 
How to show YouTube Video in a fancy lightbox (popup), To apply this component, add the data-uk-lightbox attribute to an anchor linking to the YouTube you wish to display.
See easy guide below.
light-link-vdo.png

 


1. Create a button: Go to Insert -> click Button, then click the Style tab on the Button Settings panel.

2. Select the Button style.

light-link-vdo2.png
 
 
 
 

3. Click the HTML Text tab, then change text to such as "Click Video".

    Close the Button Settings panel.

 

light-link-vdo3.png
 
 
 
 


4. Add Hyperlink: Click the button you jut added -> Click the Edit Link icon, then click Website (External URL) to open the Link to website settings panel.

 

light-link-vdo4.png

 

 

5. Copy URL: Open your YouTube in browser, then copy the URL from YouTube.
(Copy the URL from the address bar or Click a Share button, then click COPY)

 

light-link-vdo10.png

 

 

6. Go to RVsitebuilder CMS: Paste it into the text box, then click OK. 

 

light-link-vdo11.png

 
 

7. Add Source Code: Click the button, then click the Html Mode icon on the Text Settings panel.

light-link-vdo8.png

 
 

8. Find the code tag and enter the code data-uk-lightbox=""  as shown below, then click Ok.

light-link-vdo12.png
 
 

9. Review: Save this page and review it on your website.

 

-------------------------------------------------------------------------------------

 

 

Change & Rearrange RVsitebuilder Navigation Menu. Previous How to create a Section Category Widget on the Home page.Next

Articals in this section

  • Hiding banner image
    Updated on 2025-11-18 08:05:17
  • How to use current database for new website created with RVsitebuilder
    Updated on 2025-11-18 08:05:17
  • Delete blog post
    Updated on 2025-11-18 08:05:17
  • Add Facebook share button on your Blog post
    Updated on 2025-11-18 08:05:17
  • How to duplicate a page
    Updated on 2025-11-18 08:05:16
  • How to delete page
    Updated on 2025-11-18 08:05:16
  • How insert YouTube Video popup to a page using Button?
    Updated on 2025-11-18 08:05:16
  • Change & Rearrange RVsitebuilder Navigation Menu.
    Updated on 2025-11-18 08:05:16
  • How to add submenu in RVsitebuilder 7?
    Updated on 2025-11-18 08:05:16
  • Add Favicon for your website
    Updated on 2025-11-18 08:05:16
Privacy Policy   |   Terms of Service   |   Business SLA

rvsitebuilder

facebook twitter linkedin googleplus

COMPANY

Support
Contact
Login
Register
Why Us

SSL CERTIFICATES

Symantec
Thawte
Geotrust
RapidSSL

PRODUCTS

cPanel
CloudLinux
Virtualizor
Softaculous

LINKS

RVssl
RVskin
RVsitebuilder
Blog
RVskin Reseller
RVsitebuilder Reseller

Follow us

© 2020 - 2025 Netway Communication Co.,Ltd. All Rights Reserved.

Contact Us

  • Your address
  • admin@admin.com
RVsitebuilder | RVskin | RVssl | Support | Partner
2025 Company Inc. All rights reserved.   Powered by RVsitebuilder
  • RVsitebuilder
  • RVskin
  • RVssl
  • Support
  • Partner
    • RVsitebuilder NOC Partner
    • RVskin NOC Partner
    • SSL Reseller Program