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:
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)
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)
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)
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)
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)
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)
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)
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)
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)
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)
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
Learn how to use VTurb in your page builder!
Updated on: 01/31/2024
Thank you!