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


# Using VTurb with Atomicat

Hey there! In this guide, we're diving deep into how you can integrate VTurb with Atomicat. Let's get you set up with a detailed, easy-to-follow step-by-step.

Let's get started:

1. **Starting with VTurb**: Once you log into VTurb, you'll be greeted with a dashboard showcasing all your videos. Keep an eye out for this symbol: </>. Click it and snag that JS code.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/teste_1nt6bki.png =596xauto)

2. **That Handy Pop-up**: After copying the code, a friendly pop-up will surface at the top of your page, just so you know you're on track.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/screenshot1_pfzy0s.png)

3. **Heading to Your Edit Page**: On your page, while in the editing mode, click on "Media" found within the editor. Doing so pops open a section loaded with element options.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/3_1a2ke3o.png =308xauto)

4. **Selecting the Video Element**: Here's what you do next: click on the "Video" option. This action will embed a video player right onto your page, as depicted below.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/4_6oug11.png =541xauto)

5. **Exploring the Sections**: Once done with the previous step, it's time to click on "sections". Here, you'll find a rundown of all the elements you've just added.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/5_13ic8m5.png)

6. **Spotting Those Little Dots**: Find the video element (the one we added a moment ago), and press those 6 little dots on the edge of the element, as illustrated in the following screenshot.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/6_k66ctf.png)

7. **Fine-Tuning the Player**: After the previous action, you'll enter the video player's editing mode. You might notice "YouTube" set as the default player option.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/7_1wcviiz.png)

8. **Choosing VTurb for Atomicat**: Click on where it says "YouTube" (or whichever video player is visible to you). A drop-down will appear; from this, pick VTurb as your integration choice.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/8_30a4a7.png)

9. **Pasting that JS Code**: With VTurb selected, paste in that JS embed code we copied earlier into the provided space, and then hit "save changes".

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/9_o0uvzj.png)

10. **A Little Quirk**: After saving, you might notice the video isn't visible on the editing page. No worries.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/10_ufy42x.png)

11. **Going Live**: To actually see your video in all its glory, simply click on "Publish", as shown below.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/11_1vs1861.png)

And there you have it! Your video is now live and running seamlessly on your site. 🎉

|| 💡Quick reminder: Add your domain(s) to the 'Security' section. It's always smart to beef up the protection for your content. Enjoy your enhanced site!

###### 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/)