Experiencing problems? Try these troubleshooting steps.

Embed a videoask on your WordPress site

Follow these simple steps to add a widget or embed videoasks on your WordPress site. This will allow visitors to interact with and respond to your videoasks without leaving the page or site.

To add a videoask to your WordPress site, you have two options:

1. Embed videoasks directly within a page using an <iframe> code (similar to what is used to embed videos from YouTube or Vimeo).

2. Embed a widget that will float at the bottom of your page or site and expand to display your videoask when activated (like our friendly example here!).

Jump to:

Embed the videoask widget

Edit header or footer code using a plugin

Advanced options

Embed a videoask on a page

1

From your VideoAsk account, click Copy code to get the iframe embed code of your videoask.

2020-12-21_17-20-26.png

2

On your WordPress page editor, click the + icon to add a new block.

2020-12-21_17-15-08.png

3

Select the html block.

2020-12-21_17-14-44.png

Note: These instructions refer to the native WordPress builder. If you are using a different builder, the process for adding a new content block will differ. Look for the option to add "HTML" or "custom code".

4

Paste the iframe embed code into the html section.

2020-12-21_17-20-47.png

Pro tip! If you'd like your videoask to display with the answer buttons stacked on top of the video (ie mobile view) as opposed to split screen (your video on the left and answer buttons on the right), then edit the embed code so width equals less than 1024 pixels.

2020-12-21_17-21-36.png

5

Hit Publish or Update. Then take a look at your page and enjoy your beautiful videoask!

2020-12-21_17-22-14.png

Embed the videoask widget

To get started:

1

Configure your widget in our widget builder.

2

Choose where to display the widget - on a single page, or everywhere on your website.

Display the widget on a single page

1

In the VideoAsk app, click Get the code to copy your widget embed code.

2020-12-22_14-27-29.png

2

On your WordPress page editor, add an html block.

2020-12-21_17-46-07.png

3

Paste the widget code into the html block.

2020-12-21_17-46-47.png

Note: The widget code comes with instructions (included within <?--xxx and-->). These instructions will not appear on your page, but you can delete them if you want to tidy up the code. 

4

Hit Publish or Update and enjoy your widget on your page!

2020-12-21_17-45-22.png

Display the widget throughout your site

To display the VideoAsk widget throughout your WordPress site, you'll need to add the embed code to the header or footer.

There are a few different ways to add this code: edit your theme code or install a plugin to edit the header and footer code.

Edit theme code

1

In the VideoAsk app, click Get the code to copy your widget embed code.

2020-12-22_14-27-29.png

2

On your WordPress site, open the theme editor.

2020-12-22_14-03-38.png

3

In the theme files, select footer.php.

2020-12-22_14-04-08.png

4

Inside the body tag (</body>), paste the widget code.

2020-12-22_14-06-42.png

5

Click Update file to save your changes and embed your widget.

2020-12-22_14-07-12.png

All done! Now enjoy the sight of your widget throughout your site. ūüôā

Edit header or footer code using a plugin

1

Install a header and footer plugin (this example uses the Insert Headers and Footers plugin, but others will work as well).

2020-12-22_14-23-16.png

2

Once your plugin is installed, open the plugin to configure its settings.

2020-12-22_14-09-12.png

3

In the VideoAsk app, copy the widget embed code.

2020-12-22_14-27-29.png

4

On your WordPress site, in either the "Scripts in Body" or "Scripts in Footer" section, paste the widget embed code. Click Save.

2020-12-22_14-10-31.png

That's it! Now your widget will appear on every page of your site. ūüôā

Advanced Options

Looking for more options to display video widgets on your WordPress site? Explore our advanced embed options.

Here are a few options from our code snippet library:

Show the widget on every page except this one

Do not display the widget for people who have already dismissed it

Click a button to display a videoask

Note: These are examples. To use them on your own website, you will need to update the generic embed code generated in the VideoAsk app.

Can't find what you're looking for?