Experiencing problems? Try these troubleshooting steps.

Embed a videoask widget

Looking for a more personal alternative to a chatbot? The VideoAsk widget helps you welcome and interact with site visitors in a truly personalized way.

When embedded, the videoask widget will float at the bottom of your page or throughout your site until clicked on to activate. Once activated site visitors can complete your videoask without leaving the page.

If you want to leverage the power of both a chatbot and VideoAsk, check out our Intercom integration.

Widgets are a really effective way to display forms and other interactive elements without disrupting your site visitors' experience. They do, however, need to be clicked for a visitor to view your videoask.

If you'd like to display a videoask embedded directly into your page's content, learn how to embed a videoask with an iframe.   

Note: You must have a valid SSL certificate to allow a widget to open on your site. Otherwise, your videoask will open in a new tab.

Jump to:

Build and embed a videoask widget

Embedding instructions for your website builder or CMS

FAQ

Build and embed a videoask widget

1

Log in to your VideoAsk account and select the videoask you want to embed from the left sidebar. Click the Share & Embed icon.

2022-11-17_15-15-54.png

2

Select the Widget tab. This will open the widget builder.

2021-03-26_15-57-51.png

3

Type any call to action overlay text, if desired. Preview your widget on the right as you build it.

2021-03-26_15-59-47.png

4

Choose the widget style, position (left or right), and border color.

2021-03-26_16-02-26.png

5

If you'd like site visitors to be able to dismiss your widget, then toggle the Dismissable option on.

2020-10-26_18-13-00.png

6

As you build the widget, your changes will be reflected in the preview. Toggle between desktop and mobile to compare how your widget will appear on different devices, or click expand to view it full screen.

2021-03-26_16-08-26.png

Click to activate the widget and see how the steps of your videoask will display in a modal window.

2021-03-26_16-09-55.png

7

When you're happy with your widget design, click Get the code.

2021-03-26_16-14-30.png

8

Click Copy code.

2021-03-26_16-15-14.png

9

Paste the widget code inside the <body> tags of your page or in the footer of your site.  

2021-03-26_16-39-01.png

Note: If you want to update the design of your widget, you'll need to update the widget code on your page. The widget won't automatically update if you change the design in VideoAsk.

Embedding instructions for your website builder or CMS

Below are step by step embedding instructions for a specific website builder or CMS 

Embed a videoask widget in a Squarespace site

Embed a videoask widget in a WordPress site

Embed a videoask widget in a Wix site

Embed a videoask widget in a Webflow site

Embed a videoask widget in a Leadpages site

FAQ

How can I customize my widget?

You can further customize your widget by embedding multiple widgets in one page, delaying when the widget loads, or loading it depending on visitor behavior. If you know a little bit of coding, there's a lot more you can customize with your widgets. 

Explore our advanced embed options and code snippet library here.

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 (i.e., 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.

Why do I have two widgets loading on top of each other on my website?

The widget code might have been inserted more than once on your website by accident. Check in your website builder if more than one widget code has been inserted. 

💡 Tip: The VideoAsk widget code contains your videoask URL. You can search for your videoask URL in your site code if you need to locate and remove the widget code.

If you're using Google Tag Manager to track events and have inserted the embed code in Google Tag Manager, this will result in two widgets loading on top of each other when you click on the widget.

To work around this, we recommend embedding your widget code directly on your website instead. You can still connect your videoask to Google Tag Manager to track events by inserting the Container ID in VideoAsk

Can't find what you're looking for?