Experiencing problems? Try these troubleshooting steps.

Embed a videoask on your WordPress site

Follow the steps below 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's 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!).

Note: To embed a videoask on your WordPress site you will need a WordPress plan that allows JavaScript and the iframe HTML tag

Jump to:

Embed a videoask on a page

Embed the videoask widget

Edit header or footer code using a plugin

Embed a videoask on a page

1

From your VideoAsk account, select the videoask you'd like to embed and click the Share & Embed icon.

wordpress01.png

2

Click Embed.

wordpress02.png

3

Click Copy code to get the iframe embed code of your videoask.

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

4

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

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

5

Select the HTML block.

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

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

6

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

7

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

Your widget can be embedded to display on a single page or displayed throughout your site.

Display the widget on a single page

1

From your VideoAsk account, select the videoask you'd like to embed and click the Share & Embed icon.

wordpress09.png

2

Click Widget.

wordpress10.png

3

When you've added a Call to action and chosen a style, position and color, click Get the code.

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

4

Click Copy code.

wordpress11.png

5

On your WordPress page editor, add an HTML block.

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

6

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. 

7

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

From your VideoAsk account, select the videoask you'd like to embed and click the Share & Embed icon.

wordpress15.png

2

Click Widget.

wordpress16.png

3

When you've added a Call to action and chosen a style, position and color, click Get the code.

wordpress17.png

4

Click Copy code.

wordpress18.png

5

On your WordPress site, open the theme editor.

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

6

In the theme files, select footer.php.

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

7

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

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

8

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 your VideoAsk account, select the videoask you'd like to embed and click Share & Embed icon.

wordpress27.png

 

4

Click Widget.

wordpress28.png

5

When you've added a Call to action and chosen a style, position and color, click Get the code.

wordpress29.png

6

Click Copy code.

wordpress30.png

7

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. 🙂

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

Can't find what you're looking for?