How to Add Video to Website / Landing Page?
BOWWE tutorials
Welcome to our collection of online lessons. We’ve created these to help you learn the best practices and get the most out of BOWWE. Come back here whenever you want!

How to add a video to a website?

Videos are an increasingly popular way to engage visitors and convey information on websites. By incorporating videos, you can add an extra level of engagement and provide a more dynamic experience for your visitors. 


In addition to providing engaging content, videos can also help to improve website metrics like dwell time, bounce rates, and conversion rates. 


In this tutorial you can learn step-by-step instructions on how to add it to your project in BOWWE. Let’s start!

How to add a video in BOWWE?

To easily add any video to your site, use the VIDEO widget specially prepared for this purpose, located in the MULTIMEDIA tab of the right side-panel, containing all other BOWWE widgets.
From the left side-panel, select the VIDEO widget.
Drag and drop the widget in the chosen location.
Open the Widget Settings.
If the video you want to embed is already published on YouTube or Vimeo, copy its link and paste it in the field Url to YouTube or Vimeo.
If your video is unavailable online but in the BOWWE library or on your device (computer, tablet, smartphone), mark the box uploaded video and next press the Select Video button.
Select a video from those available in the library, or upload a new file from your device using the UPLOAD FILE button.
Remember to save your changes after uploading the video by clicking the SAVE button in the upper right corner of the Creator!
⚡ BOWWE Expert Tip:
Instead of uploading the video directly to your site, upload it to the YouTube or Vimeo platform and copy its link to the Video widget. The video will be hosted on the platform's servers, and your site will only display it - thus still running fast!

Advanced - How to embed videos using custom code?

Embedding a video using custom code means that you are manually adding code to your website or application to display a video from a third-party hosting platform. 


This custom code usually involves using HTML and/or JavaScript to create a player interface for the video and to control its playback. All you have to do is:

Select the Embed widget from the left side panel
Drag and drop it on your website.
Insert the code snippet in the Widget Settings.
Click “Save” to complete.


<video width="320" height="240" controls>

  <source src="movie.mp4" type="video/mp4">

  <source src="movie.ogg" type="video/ogg">

  Your browser does not support the video tag.



You already know how to add a video to your website or Landing Page!

Remember about:

Video files usually weigh a lot, making your site slower. To check how fast your website is, use Google's Page Speed Insight.