> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.vturb.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).

# Using VTurb with Greatpages


## Using VTurb with Greatpages

Hey there! Ready to integrate VTurb with Greatpages? Let's make it happen with this easy-to-follow, detailed guide.

Here we go:

1. **Getting Started with VTurb**: After you've logged into VTurb, you'll spot a dashboard filled with all your videos. Look out for the </> symbol. When you see it, click and snag that JS code.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/1_1m4wc0w.png =545xauto)

2. **The Friendly Pop-up Alert**: Once you've copied the code, a nifty pop-up will make its appearance at the top of your page. Things are moving smoothly!

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/2_1b9dpy9.png)

3. **Navigating Greatpages Editor**: On your Greatpages editing page, take a little scroll down until your eyes meet the familiar </> icon. That's the HTML icon, and that's our ticket to embedding your video.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/3_1hwytgq.png =442xauto)

4. **The HTML Box**: After clicking the icon, a box will pop up right in the center of your page. Feel free to resize and shift it around. The box should look something like the picture provided.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/4_8y5k3.png)

5. **Let's Dive into the Box**: Click inside the box, and you'll notice a set of editing tools. For our purposes, you'll only need the "Edit" button.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/5_5otrj9.png =257xauto)

6. **Transforming the Box**: Upon clicking the "Edit" button, the box turns into a code-inserting haven. This is where you'll paste the embed JS code for your video.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/6_1tg29ul.png =914xauto)

7. **Pasting the Magic**: Once the JS embed code finds its new home, press the "Done" (or similar) button that should appear below the code.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/7_1ca0jrj.png =953xauto)

8. **Preview First, Always**: One tiny thing to note, your video won't play directly in the editing screen. Just hit the "Preview" button located in the top-right corner to see your video in full action.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/8_1yh25lz.png =403xauto)

And there you have it! Your video is now live, adding zest to your site. 🎉


# Tip: To use our delay code with Greatpages, just set it up as we show in the video below:

|| If you prefer to use the old method, the delay code can be found here: [Delay code.](https://help.vturb.com/en-us/article/new-player-using-the-delay-code-to-sync-page-elements-with-your-video-1xxpj94/)

${frame}[](https://scripts.converteai.net/33e57745-97be-4f02-a17e-d54aa5ef671e/players/69012f6724bb6d6db5779fb9/v4/embed.html)



| 💡Before you head off, remember: Always add your domain(s) under the 'Security' tab. It’s always wise to add that extra layer of protection for your content. Enjoy the dynamic addition to your site!

###### Want to dive deeper? Check out:


* [The nitty-gritty of Iframe vs. JS code](https://help.vturb.com/en-us/article/js-code-vs-iframe-whats-the-difference-1uvp9zl/?bust=1697563548472)


* [Learn how to use VTurb in your page builder!](https://help.vturb.com/en-us/category/page-builders-pti8nq/)