VidKube Documentation

Vidkube is a video ad builder for Wordpress

If you have any questions, please use the contact from our website ( Contact ).


Author: SakuraPixel
Contact: SakuraPixel
Author URL: SakuraPixel
Item URL: VidKube
Current Version: 1.0.0
Documentation Version 1.0.0
Created: 2013-03-05
Modified: 2013-03-05

1. Plugin Install

Brief information about how to install your WordPress plugin from scratch

Unzip the main file (the file that you have downloaded when you have purchased the plugin). The plugin installer is 'plugin_name'_installer.zip. - NOTE! - This is the only file that you should use to install the plugin.
NOTE! - The main zip file contains the installer, this documentation and the license file.

Log in to your Wordpress Admin Panel, go to Plugins > Add new > Upload. Upload the zip file that was discussed in the above topic.

Once you have uploaded the plugin, it automatically installs to your wordpress. Click the Activate button to activate it.
Please read the usage documentation below.

2. General Usage

Information about adding video ad content.

× Notice!
Reuse banner ads
In order to reuse existing video banners we recommend that you install Duplicate Post Plugin. You could duplicate an existing Video Post than just change the video ID and your existing banner will also be reused for the current video.

Add Videos and Video ads

In order to add videos go to Admin > YoutubeKB > Add new (@see image bellow).
The video is responsive by default, however you are required to set the minimum width and height. As soon as you have created a new post you will find the generated shortcode above the video ID box (Ex: [vidkube id="324"]). You can use this shortcode to show the current video within Wordpress regular pages and blog posts.
The next step is to set a video ID, you can get a video ID from youtube. Once you set up a video ID, the video is retrived from YouTube and you can start add elements to the video.

NOTE! Click on the image to see the full size


Elements type

Object types overview

The supported elements are: rectangle, text, image, button and code. Each element can be dragged around and each element has a contextual menu, meaning when you click it a contextual menu with properties will show up for the selected item. Within the right panel you can find the object's animation properties, within the bottom panel you can find the properties related to the type of object.

Animation panel

Each object can have it's own animation types, animation effects, start at second, end at second and duration. This way you could show objects at a certain time within the video. Note! Each object can stop a video when it shows up, also certain objects like buttons and images, could have multiple actions Ex: Open a link in a new window than continue to play the video. (@please read bellow).

NOTE! Click on the image to see the full size


Text object

NOTE! Click on the image to see the full size

Button object

NOTE! Click on the image to see the full size

Rectangle object

Note! - you can place a transparent rectangle over the video so that the user can not play the video anymore until he takes an action.

NOTE! Click on the image to see the full size

Image object

NOTE! Click on the image to see the full size

Code object

Code abject allows you to insert any iframe code within the video, meaning you can insert any type of content like: Google Adsense (any size), any other ad network, flash banners/objects, you can even insert another video (youtube, vimeo - anything).

NOTE! Click on the image to see the full size



Code object - Adsense tutorial

Code abject allows you to insert any iframe, however ad networks like Adsens provide you with a script code which can not be added directly as a iframe code. Bellow you can find a simple tutorial demonstrating how to add Adsense (or any other script code) within your video. For this tutorial I will refer to Adsense even if the following is applicable for any adsense network.

1. Create a simple html page on your server (Ex: http://yourserver.com/300x250_add.html).

2. We have provided a template for this, download it from here, unzip it, open/edit the html (add your adsense code), rename it as you want and upload it to your server.

3. Create a code object within your video, set the container size (Ex: 300x250px), than add the following iframe code: