Add Some Fun to Your Online Class with a Voki

You can add some fun in your class with the use of a Voki like the one above. Let me show you how to create one as well as embed it in your Blackboard course.

Creating a Voki

Creating a Voki is an easy process. Let’s begin:

1. Go to I would recommend creating an account for your Voki’s.

2. Click on the Create tab.

Click on the Create tab

3. Click on the die to randomly change your character.

Change character with roll of die4.  Make changes to appearance, clothing, head wear, etc.

Making appearance changes

5. Change the background if you so desire.

Making changes to the background

6. Time to add a voice. You have the options to call in with your phone, record from a microphone, or enter in text. In this example, I will be entering text. I will click on the Text button.

Click on the Text button.

7. Type in your text, and click on the Done button.

Add some text

8. Click on the Publish button and name your Voki. Click on the Save button and Close button.

Publish your Voki

Here is our Voki!

Adding the Voki to your Blackboard Course

To add a voki to your course, open Blackboard, enter your course, and navigate to the location where you want the Voki. Now follow these steps:

1. Select Build Content and then Item. Other elements would also work. I am select Item for this example.

Select the Item from Building Content

2. Go back to your Voki site and click on the Use HTTPS to embed in a secure page check box.

3. Copy the code displayed in the field.

Code to embed in Blackboard

The code should resemble this:

<object height=”267″ width=”200″ classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″codebase=”,0,28,0″ id=”widget_name”><param name=”movie” value=”″ /><param name=”quality” value=”high” /><param name=”allowScriptAccess” value=”always” /><param name=”width” value=”200″ /><param name=”height” value=”267″ /><param name=”allowNetworking” value=”all”/><param name=”wmode” value=”transparent” /><param name=”allowFullScreen” value=”true” /><embed height=”267″ width=”200″ src=”″ quality=”high” allowScriptAccess=”always” allowNetworking=”all” wmode=”transparent” allowFullScreen=”true” pluginspage=”” type=”application/x-shockwave-flash” name=”widget_name”></object>

4. Return to Blackboard.

5. Provide a name for your item, and click on the HTML button.

Click on HTML button

6. Paste in your code and click on Update button.

Paste code

7. Finally, click on the Submit button. Your Voki should now be embedded.

Embedded Voki

Have fun with this tool! If you have questions, please contact a member of the TEI team.




Stan Skrabut, Ed.D.

Stan is Director of Technology-Enhanced Instruction. He has over 20 years experience working as an instructional technologist and trainer. He has a master’s degree in computing technology in education and a doctorate in education specializing in instructional technology.

Twitter LinkedIn Google+ YouTube Skype 

Leave a Reply

Your email address will not be published. Required fields are marked *