Adding Videos to your Page

Bring your Qwilr Page to life with a Video!

Engage your buyers with visual media, from webinars to demos - the choice is yours. This article covers two ways to add videos so you have the choice! We'll start with the Video Block, and then show you the Video Widget.

To use a video in Qwilr, you'll need to host it on Wistia, Brightcove, YouTube, Vimeo, or Loom.

Note: You'll want to set your videos as Public or Unlisted so that anyone with the link can access them. Private videos won't work in Qwilr Pages. Qwilr does not host videos.

About the Video Block

Qwilr also includes the Video Block option for your proposals. This has the benefit of already sizing the video larger but has the same functionality as any Text Block or Splash Block. It's just a quicker way to get started if the focus of this block is the video.

Creating a Video Block

To add a new Block, first start by clicking the + icon at the top or bottom of any existing Block.

Then, select the Video icon from the New Block Menu.

From there, you can add content above or below the video in the block. You can also add styling to your Video Block.

To add the video itself, click on the box that pops up and look for the field where you'll paste the video's URL. (See the sections below to find out how to get the URL from your video hosting service.)

Locating your video URL

Wistia

In your Wistia account, open your video and head to the top right corner. Click the Embed & Share button.

Next, click the Share tab. Then copy the Public Link for Sharing and paste that into Qwilr.

Brightcove

In your Brightcove account, head to an uploaded video. Go to Publish and Embed, and select Web Player.

Then scroll down and copy the Preview in the Browser URL. Paste it into Qwilr.

YouTube

You can find your shareable YouTube link in your browser's URL bar. Visit your video and copy the URL of the page you're on.|

Note: Make sure that you get the YouTube link in the above format. The youtu.be link shortener won't work in Qwilr.

Note: For capturing a YouTube video that starts at a certain time you'll want to click the 'Share' button, and choose the 'Embed' option, then tick the box to 'Start at X:XX' and then copy the iframe code and plug it into the URL filed in Qwilr's video widget.

Vimeo

In your Vimeo account, head to your video. Then copy the URL of the page you're on.

Make sure that the URL starts with https.

Loom

In Loom, you'll find a Link button above your video.

Click on that, and choose the Link option. Then paste the link into Qwilr.

Vidyard

In your Vidyard account, head to your video and click on the Share Link button.

Then click on the Copy link. Then paste the link into Qwilr.

Vertical Videos with Vimeo and YouTube

Vimeo and YouTube can both allow you to embed vertical videos. There are some different steps to take in order to accomplish this than embedding a standard widescreen video. Below we'll include the steps for both, but Qwilr does recommend Vimeo if possible, as it is a little less manual than YouTube.

Note: Other video services Qwilr supports for standard video, like Loom and Wistia may be able to embed vertical video but Qwilr does not fully support them for that function.

Vimeo Vertical Video Embed
YouTube Vertical Video Embed

Vimeo Vertical Video Embed Instructions

Embedding a vertical video from Vimeo starts out from the Vimeo platform. Upload your vertical video to Vimeo. We recommend setting the Privacy of the video to Unlisted

After the video is uploaded you should see the below options on the right side of your screen. Select the Embed option on the bottom left.

From that screen you should move to the Embed settings screen which will look like the below. Click on Copy embed code at the bottom.

Next, in your Qwilr page editor where you want to embed the vertical video, click on the "+" sign, or type in "/" and rather than select video, select embed instead, choose the Other tab at the end of the list and select the iframe option on the left. It is here that you will past in the embed code.

Finally, once the video is embedded, click and drag the corner icons to resize the video frame to match the size of the video. It can be a bit specific on the dimensions and will maintain it's aspect ratio when resizing the frame.

Vertical videos can be embedded where ever the embed widget is available. This includes inside columns and accordions.

YouTube Vertical Video Embed Instructions

YouTube is similar to Vimeo in a lot of ways but requires a manual couple steps in between as they do not provide an embed link automatically with their video shorts where a lot of their short form content lives.

For YouTube, when you upload a vertical video that is 60 seconds or less it appears in the shorts section of your content. There are several steps that are required to finish publishing the video. Regardless of whether the video is Public or Unlisted the following steps will work.

Once the video is published, you'll have a short preview window on the right of your screen. There, a two-page icon is the copy link. Click that to grab the video link.

This is where the YouTube version gets more manual than the Vimeo version of this process. The link will need to be modified and added to an iframe code. Below we have provided an example of the steps to take.

Paste your YouTube link (example): https://youtube.com/shorts/VZPaDD5YmRY into a note, notepad, or text doc for editing
Edit the "shorts" section of the URL to "embed": https://youtube.com/embed/VZPaDD5YmRY
Utilize the below iframe code and paste your edited URL between the quotes after src="

<iframe width="315" height="560" src="PASTE YOUR EDITED YOUTUBE LINK HERE" frameborder="0" allowfullscreen></iframe>

Then copy that whole segment (from <iframe to /iframe>) to add to Qwilr

Let us know if you have any questions or feedback by e-mailing help@qwilr.com.