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 and 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!).

Embed a videoask on a page

1.

In the VideoAsk app, copy 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 to 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, copy the 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 everywhere

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, copy the widget 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 examples 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.

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?