Using VTurb with OrbitPages
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.
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/1_tmassu.png)
A Friendly Notification Pops Up:
Hit 'Copy the code,' and a neat little reminder will slide in at the top.
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/2_dbhriw.png)
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.
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/3_12zy4v4.png)
Let’s Stick to "Contents":
We'll be working in this section moving forward.
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/4_dclrik.png)
Delve Deeper into Contents:
Keep scrolling till "Simple Video" catches your eye. Spot the '+' icon? Give it a click.
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/5_11jatkh.png)
Video Previews Make an Entrance:
Down below, a video sample graces your page. Here’s where the VTurb magic happens.
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/6_s1yev3.png)
Time to Tweak:
A gentle click on "Edit" is your next move. Some options will emerge, including our buddy "Edit."
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/7_vls7n4.png)
Editing Mode On:
Ready to infuse that VTurb flavor with the embed code? Let's do it.
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/8_dj45f6.png)
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."
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/9_16t1tvx.png)
Here Comes the Code:
After your last selection, a fresh "Embed Code" block will pop in, ready for action.
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/10_lbwhh3.png)
Embed and Seal the Deal:
Drop the embed JS of your video in the block, hit "Save and Close," and you're golden.
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/11_1dehhft.png)
And there you have it! Your video's dancing live on your site, not missing a beat! 😊
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/12_1jvwjy8.png)
💡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
Thank you!