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:

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.



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.



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.



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.



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.



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.



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

Learn how to use VTurb in your page builder!

Updated on: 10/18/2023