Embed a videoask on a webpage

Do you want to display a videoask on your website? Embed a videoask directly on your page with an iframe so site visitors can submit responses without leaving the site.

You can embed many types of content (including videos) on a webpage using a little bit of iframe HTML code.

Embedding videoasks with this method will place the video in the midst of other content on your page, like this ‚§ĶÔłŹ

If you're hoping to embed a videoask in the footer of your page or website, or to expand and collapse the videoask, learn how to embed a videoask widget.

Embed a videoask on your page

1

Click Share & Embed 

2021-03-26_09-14-16.png

2

Go to the Embed tab

2021-03-26_14-45-42.png

3

Click Copy code

2021-03-26_14-46-12.png

4

Paste the code into the html editor of your page 

2021-03-26_14-51-14.png

Embed requirements

You can embed videoasks on almost any website, online store builder or CMS, so long as it allows you to insert custom code or edit the html code of pages. There are, however, some requirements for your embedded videoask to work smoothly:

  • Your site must be compatible with iframes¬†
  • Your website must have a valid SSL certificate (using https://). If we cannot detect a valid SSL certificate, we will display a "Reply" button on your embedded videoask instead of the answer prompts you have selected. This button will open the videoask in a new tab to ensure responses are submitted over a secure connection.
  • Make sure to use the embed code provided in the app. Camera and microphone permissions are included in it that are essential for respondents to be able to record answers. Attempting to embed your videoask without using the embed code above could result in the recording process failing.

Use these step by step instructions for your website builder or CMS:

Embed a videoask on a Wix site

Embed a videoask on a Squarespace site

Embed a videoask on a WordPress site

Change the videoask layout

The default embed code generated in app will display the videoask at 100% of the page width, as allowed by the page's styling and design.

There is a break point built in at 1023 pixels that determines the layout of a videoask. If less than 1024 pixels are allowed, then a videoask will switch from split screen view (with buttons displayed to the right of the videoask) to mobile view (with buttons stacked on top of the video).

mceclip0.png

If you would like to force the mobile view for an iframe embedded videoask, change the width from 100% to a numerical value less than 1024 pixels in the embed code. 

2021-03-26_15-17-56.png

I'm using 100% of the width and my embedded videoask is still showing a mobile layout.

If you're using the default code your videoask is still not showing a split screen view, this is likely because of other design elements on your page or site constraining the width.

If your page has wide margins or sidebars, then there may not be enough space to display the video and buttons side by side. 

Do embedded videoasks affect load time?

Because all the video content is hosted by us, embedded videoasks should not significantly affect the load speed of your site.

Load speed can, however, be affected by your geographic location when loading a videoask (ie relative proximity to our servers) as well as the method of embedding (iframe vs widget).

To test and compare this, please see our page load speed test.

Building your own app and want to use VideoAsk? Learn how to embed a videoask in a native app.

 

Can't find what you're looking for?