Using VTurb with Checkout Champ

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

Let's get to it:

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.

On the Checkout Champ edit screen, click on Edit Code



A section with your page’s HTML will open. Go to the part where you planned to insert your video




In our case, the video’s JS embed should be placed right below the <div> with the ID cc-id-qVEZ8Xq3Y0L




Press Enter below that element and paste your VTurb video’s JS embed



After pasting the code, click Save



If you want your video to appear smaller, first insert this code into the HTML on Checkout Champ:

<div style="width: min(60rem, 100%); margin: auto;"> SCRIPT HERE </div>

Replace the SCRIPT HERE text with your video’s JS embed code

That’s it! Just save the changes and your VSL will be live on your Checkout Champ page

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.

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: 06/06/2025