> ## 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 Checkout Champ

# 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:

1. **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 =522xauto)

2. **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)

3. **Pasting Time**: That JS code you copied? Go ahead and paste it into the html box.

4. **On the Checkout Champ** edit screen, click on Edit Code

![](https://storage.crisp.chat/users/helpdesk/website/-/3/9/0/a/390a843820d6ba00/captura-de-tela-2025-06-05-142_rlx2lm.png)

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


![](https://storage.crisp.chat/users/helpdesk/website/-/3/9/0/a/390a843820d6ba00/captura-de-tela-2025-06-05-142_1rqx5p6.png =945xauto)

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


![](https://storage.crisp.chat/users/helpdesk/website/-/3/9/0/a/390a843820d6ba00/captura-de-tela-2025-06-05-143_z7kku4.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/3/9/0/a/390a843820d6ba00/captura-de-tela-2025-06-05-143_1gyw2x6.png =790xauto)

8. **After pasting the code**, click Save

![](https://storage.crisp.chat/users/helpdesk/website/-/3/9/0/a/390a843820d6ba00/captura-de-tela-2025-06-05-143_rb9h0h.png =1054xauto)

9. **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>
```

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

11. **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](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/)