Using VTurb with OrbitPages

In this piece, we're diving deep into the process of syncing VTurb with OrbitPages. We're talking step-by-step, no stone left unturned.

Let's get to it:

VTurb Login Overview:
Once you're in VTurb, your dashboard will greet you with a collection of your videos. Spot the </> symbol and get that JS code copied.



A Friendly Notification Pops Up:
Hit 'Copy the code,' and a neat little reminder will slide in at the top.



Enter the Building Blocks:
Navigate to your edit page and select "Blocks" hanging out in the left corner. A world of element choices unveils once you click it.



Let’s Stick to "Contents":
We'll be working in this section moving forward.



Delve Deeper into Contents:
Keep scrolling till "Simple Video" catches your eye. Spot the '+' icon? Give it a click.



Video Previews Make an Entrance:
Down below, a video sample graces your page. Here’s where the VTurb magic happens.



Time to Tweak:
A gentle click on "Edit" is your next move. Some options will emerge, including our buddy "Edit."



Editing Mode On:
Ready to infuse that VTurb flavor with the embed code? Let's do it.



Spot the "Featured Video" at the End:
Head to the base of the editing section, and you'll see "Featured Video" chilling. If it's on YouTube or Vimeo, switch that setting to "Embedded Code."



Here Comes the Code:
After your last selection, a fresh "Embed Code" block will pop in, ready for action.



Embed and Seal the Deal:
Drop the embed JS of your video in the block, hit "Save and Close," and you're golden.



And there you have it! Your video's dancing live on your site, not missing a beat! 😊



💡PS: Remember to list down your domain(s) in the Security tab. Think of it as a cozy security blanket for your VSLs.

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/20/2023