> ## 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 WordPress (Elementor)


# Using VTurb with WordPress (Elementor)

Hey there! In this guide, we're diving into how you can set up VTurb with Elementor. And don't worry, I've got you covered with a user-friendly, step-by-step walkthrough.

Let's get to it:

1. **Starting with Elementor**: First, click on that little magnifying glass. Doing so will bring up a text box - we're gonna use that in just a moment.

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

2. **Looking for the "html" Widget**: Using the search icon (the magnifying glass), type in “html”. You'll spot a block that looks like this: </>. Just click and drag it over to where you'd like your video to show up on your page.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/2_19y36bb.png =297xauto)

3. **Heading to VTurb**: Once you're logged into your VTurb account, you'll see a dashboard filled with all your videos. Now, look for that </> symbol and click on it to copy the JS code.

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

4. **A Friendly Notification**: After you hit the copy button, a little pop-up will appear at the top of your page, just so you know it worked.

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

5. **Pasting Time**: That JS code you copied? Go ahead and paste it into the html box from earlier. If you followed along with step 2, you should see a spot ready for your video embed.

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

6. **Adjusting Video Size**: Here's a quick tip: click on 'Advanced' and adjust the width to "Full Width". It'll make your video look just right.

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

And voila! You should now see your video playing perfectly on your site. 🎉

Oh, and a quick heads up: Don't forget to add your domain(s) under the 'Security' section. It's always good to have an extra layer of protection for your content.

|| 💡A Little Caution: If you're using optimization tools like WP Rocket or Litespeed, be sure to set them up right. You wouldn't want them messing with VTurb's performance. Need help with that? Just click here.

###### 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/)