The 'bubble' video format
Baptiste Nicolas avatar
Written by Baptiste Nicolas
Updated over a week ago

In this article, we explore what the 'bubble' video is, how it works, and some recommendations of videos that work best with this type of format.

What is a video bubble?

A video bubble acts as an add-on to the main interface of your website. Users see it as a small circle or square at the bottom of your website. With Vidjet, you have the option to open the bubble up by default, therefore showing the entire video when people land on your page, or leave it up to the visitor's choice to click on it and watch the video.

How does the video bubble work?

The video bubble is located at the bottom of your website page (you can choose to display it on the right or left side). When you create a bubble campaign with Vidjet, you can toggle whether the video opens up and plays by default when a visitor lands on the page, or leave it up to the visitor to click on the video and watch it.

In both autoplay and manual scenario, viewers have the option to minimize the video after watching and carry on with browsing your website.

You can also choose to loop the video, therefore having it play again once it's finished.

How to customize your bubble video

Once you've created your bubble campaign and uploaded your video, the next step is optimization. Here's a detailed explanation of all the options, available on both desktop and mobile:

  • Bubble location: left or right -> choose which side to display the bubble on your page.

  • Open by default -> choose whether you want visitors to automatically see the video open up or manually click on the bubble to watch it.

  • Bubble size -> choose how big you want the bubble to be in relation to your page.

  • Autoplay -> choose whether the video automatically starts playing once the bubble is open.

  • Loop video -> choose whether you want the video to play again once the visitor finishes watching.

  • Side margin ->

  • Bottom margin ->

  • Hide bubble when open -> choose whether you want to hide the bubble when the video is open and playing

  • Bubble shape -> choose whether your video bubble is round or square

  • Text -> write down whether you want to display any text over the video bubble and the video itself

  • Call to action -> choose whether you want to display a Call to action on your video

    • Link to Page (URL) -> a button that includes a link to a page you want to send visitors to

    • Coupon Code to Copy -> a button that includes a coupon code your visitors can copy

    • Email Collector -> an empty space where visitors can write down their email address.

  • Text color -> select the color of the CTA text

  • Button color -> select the color of the CTA button

Next step is customizing when and how the video will be displayed to visitors.

First, choose the page you want to display the video on:

  • If you select all pages, then the video will be displayed on all your website pages.

  • If you choose a certain pages, you will have the option to either display the video on pages of your choice, or add exclusions. Please review this article to find out more about URL segmentation.


Second, choose the when to trigger the appearance of the video bubble:

  • when the user lands on the specific page/s you added in the previous step,

  • when the users expresses their intent of closing your website page by moving their mouse up to the x button of the open tab

  • when a user scrolls down the page/s you added in the previous step - here, you can select the percentage of the page that the user scrolled

Finally, consider the video view restrictions, or how often you want users to see the video over a certain period of time.

We recommend that after a visitor watches the video once or twice (2 views), they should not see it again for at least 3 days (72 hours).

Recommendations of video types to display with this format

Please consider that these are simply recommendations, especially for first time video creators. If you already have videos that you want to use/repurpose, go ahead!

Best Use Cases

  • Product videos (How it’s made, how to use it, see it in action, show quality, etc.)

  • UGC / Influencers & Testimonials (Social proof, less intrusive option)

  • Help, Support, FAQs

Best practice design settings

Desktop / Mobile

  • Format: Bubble

  • Closed by default

  • Advanced settings: Autoplay, Loop video, Hide bubble when open

  • Add text to the top of your video - entice visitors to click!

  • Add a CTA with button text (e.g. copy coupon code, link to another page, collect emails)

Best practice trigger settings

Use Case

URL Segmentation

Triggers

View Restrictions

Product videos

URL contains “products,” “collections,” etc.

20% scroll

3 views / 24 hours

UGC / Influencers & testimonials

URL contains “products,” “collections,” etc.

20% scroll

3 views / 24 hours

Help, support, FAQs

URL contains or is equal to [relevant pages]

Lands on page

3 views / 24 hours

Did this answer your question?