H5P Guides

Set up H5P for WordPress

Download and install WordPress

Skip this step if you already have a working WordPress installation.

Download WordPress.
Follow the usual installation instructions

Install the H5P plugin

1. Log on to your WP-admin interface.
2. Under Plugins in the admin menu, press Add new.

Add new plugin

3. Search for H5P in the plugins search field and press Install Now under the H5P plugin

Find and install H5P plugin

4. The H5P plugin will now be installed. Once the installation is completed successfully, click on Activate Plugin.

Activate H5P plugin

5. H5P should now appear in the list of installed plugins.

H5P in the list of installed plugins

6. You should also see a link called H5P Content in the admin menu.

Install content types

Now your plugin is set up and you can start creating H5P Content. After you click on "Add new" The H5P Hub will load - offering you a variety of content types to pick from.
Below you can see how to get new content types from the H5P Hub.

Here you can find Tutorials how to create content using different content types.
Once you have created a content, you can add it to a page or post.

Add H5P content to a page or post

Login to your admin interface
Under Post in the admin menu, press Add new
Give your post a title
Press the Add H5P button above the post body text field to add H5P content

Add H5P to a blog post
Select the H5P you want to add to the post from the list that appears. A tag (e.g. [h5p id="1"]) will be included in the text field representing the H5P content.
Add text and other content to the post as you please
Publish the post and view it to see the H5P content

Installing Manually

1. Visit H5P in the WordPress plugin directory. Download and extract the H5P package.

Download H5P plugin from wordpress.org

2. Place a copy of the h5p folder on your server within the folder /wp-content/plugins/

H5P plugin manual install

3. Navigate to your WordPress installation in your web browser and Login to the admin interface and activate the plugin. You can now start creating your own interactive content.

Activate H5P Plugin - Wordpress

Special WordPress settings

An overview of special WordPress settings may be found on the WordPress Customization page.

For more information about the H5P plugin for WordPress, check out the H5P page in the WordPress plugin directory.

Comments

jobster

Sun, 01/10/2016 - 05:32

hi

falcon

Mon, 01/11/2016 - 11:49

hi :)

@pauer

Thu, 01/28/2016 - 05:40

Text id?

Is it possible to control the id number?

Thu, 01/28/2016 - 11:15

No, not at the moment. Why do

No, not at the moment. Why do you want to do that? Is it a feature we should consider?

a.yasingunduz

Thu, 02/11/2016 - 08:22

My Results

Hi,

i can't see the logs at My Results page.

is it take a time?

Thu, 02/11/2016 - 09:10

Hi,Logs should update

Logs should update instantly. Are you using WordPress or Drupal?

Thu, 02/11/2016 - 09:18

WP. i can see logs from "All

WP. i can see logs from "All H5P Content". Thank you for awesome plugin.

Thu, 02/11/2016 - 10:47

I just tried it with a

I just tried it with a multichoice and a drag text and once I press the check button in those my results are stored and shows up in My Results.

Did you get the results in the "All H5P Content" section for your user, but not under "My results"?

JamesASmith

Fri, 07/05/2019 - 19:19

results and front end

I can see results in admin. Is there a shortcode or way for logged in users to see their results without being in the backend admin section?

Only logged in users results are stored. I have an LRS, is there any way to get results from unlogged in users? If my content is embedded on 5 other sites, is there now way for me to know what kinf of activity is happening with non logged in users?

Is there a way for logged in users to add new h5p content from front end of wordpress instead of admin area?

Thanks

Tue, 10/01/2019 - 14:03

still no answer after 5 months?

I posted a question on this thread on 07.05.19. About 5 months ago. No answer, no reply. How do you suggest we get support or our questions answered? My post is here, https://h5p.org/comment/28791#comment-28791

icc

Tue, 10/01/2019 - 15:24

Hi,There is already a

Hi,
There is already a discussion thread about this in the forum: Wordpress - Display H5P results in a different page

Note that the comment section on documentation pages or guides is not the best place for seeking support. There's a higher chance of getting your questions or requests answered in the forum.

Thu, 02/11/2016 - 13:15

yeap, i can still see the

yeap, i can still see the logs at "All H5P Content" but not under "My results".

i will implementation my thesis with use this plugin. is there any problem at future?

Thu, 02/11/2016 - 13:22

Not sure what you mean with

Not sure what you mean with that last statement, but if you can give us access to your site using the contact form we will have a look and try to figure out why this problem occurs.

Thu, 02/11/2016 - 13:26

ok, thnx.

Vargi

Wed, 09/28/2016 - 17:55

Loading libraries, please wait...

I sucessfully installed the H5P plugin and I am unable to see the dropdown menu to select the library under Add New. All I see is Loading libraries, please wait... Do you have a fix for this? I am on wordpress 4.3.6

fnoks

Thu, 09/29/2016 - 08:45

Could you please look in your

Could you please look in your browser's console, and let us know if you have any JavaScript errors there?

Thu, 10/06/2016 - 21:02

Javascript errors.

Below are the javascripts I see. It looks like the path is not correct. Which file do I need to update this is in?

http://webfoo/wp-content/plugins/h5p/h5p-php-library/styles/h5p.css?ver=... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-php-library/styles/h5p-confirma... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-php-library/styles/h5p-core-but... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-editor-php-library/libs/darkroo... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-editor-php-library/styles/css/a... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-php-library/js/jquery.js?ver=1.7.3 Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-php-library/js/h5p.js?ver=1.7.3 Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-php-library/js/h5p-event-dispat... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-php-library/js/h5p-x-api-event.... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-php-library/js/h5p-x-api.js?ver... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-php-library/js/h5p-content-type... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-php-library/js/h5p-confirmation... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-editor-php-library/scripts/h5pe... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

http://webfoo/wp-content/plugins/h5p/h5p-editor-php-library/ckeditor/cke... Failed to load resource: net::ERR_NAME_NOT_RESOLVED

h5peditor-editor.js?ver=1.7.3:31 Uncaught TypeError: Cannot read property 'jQuery' of undefined

Mon, 10/10/2016 - 08:20

Hi,It must be something

It must be something strange with your WordPress setup. All the URLs are starting with http://webfoo/, which doesn't look like a valid domain name (unless it's something you have added to your local hosts file)

AKAdesign

Thu, 10/27/2016 - 19:49

h5p plugin on WP Fatal error

Hi,
I just have installed h5p plugin on WP
and cannot activate its fatal error

Fatal error: Declaration of H5PWordPress::fetchExternalData() must be compatible with that of H5PFrameworkInterface::fetchExternalData() in /wp-content/plugins/h5p/public/class-h5p-wordpress.php on line 3
Is it possible to resolve this problem somehow?

Fri, 10/28/2016 - 10:12

You are probably using an old

You are probably using an old and insecure PHP version. Please look at the following issue: https://github.com/h5p/h5p-wordpress-plugin/issues/37

chanvintcent1

Fri, 11/04/2016 - 08:26

I GOT SOME PROBLEM

hi, I had installed H5P into the wordpress , but when i test function , i clicked the create button , there were nothing in the drogbox. how to slove this problem?

Fri, 11/04/2016 - 08:39

i had fixed it.

Fri, 11/04/2016 - 09:49

droplist turns english into chinese

Hi, Now using wordpress is chinese and installing the library . but the droplist is english, if i want to turn the droplist into chinese , so which files should i code?

Wed, 11/09/2016 - 10:20

You mean the names of the

You mean the names of the content types? I don't think it is possible to translate them yet :/ Will be fixed in a future update!

Wed, 11/09/2016 - 15:58

thanks ，you answer my

thanks ，you answer my question. i also have one question, each time i uploaded the libraries, i found there are too many content type . when i deleted the content type from the librarie files, but the content type droplist still had the type which one i deleted.there is some problem in this right? i want to design some content types to show up.

timothylim23

Thu, 11/10/2016 - 08:21

Deleting Libraries

Hi, to delete libraries you will need to use the wordpress interface to do so. In addition, a library cannot be deleted if another library uses it. You can find the documentation on library administration here:

https://h5p.org/library-administration

Also remember that when you design new content types you will have to increase the patch number in the semantics.json file for the latest version to be shown in your editor.

ireneconlan

Thu, 12/29/2016 - 19:07

sizing graphics when using Hotspot

Is there a way to size graphics so 1) they are still sharp when they go full page and 2) they still load quickly. Every picture I use will be set to be viewed as a full page and need to retain their quality.

My site is http://www.arcatekphotography.com

tomaj

Fri, 12/30/2016 - 09:02

lower jpeg quality a bit

Your best bet is to use JPEGs (as I see you are doing). Find a size that fits your need. Andi in your photo editing program, you can often choose the quality to save the JPEG with.

For photographs it's unproblematic to go down a bit on quality. It will still look the same. And your users can get very good load times.

can't find the plugin

Hi there,

When I use the search bar in the plugins menu in wordpress to find H5P, it says there are no features that match my search. Any idea why I can't find it?

Thanks,

Michelle

Wed, 03/15/2017 - 12:44

Hi Michelle,I'm not sure

Hi Michelle,

I'm not sure which search bar you are using, are you on the /wp-admin/plugin-install.php page?

abbyabby

Mon, 04/03/2017 - 08:41

not shoeing the imaghe hotspot

this plug in is not showin gme the image in the frontend , it is only showing [h5p slug="imagehotspot"]

Mon, 04/03/2017 - 09:56

That is strange, it looks as

That is strange, it looks as if the plugin isn't enabled / processing the text. Do you get any error messages in your web server's error_log file?

SANJAYPANDE

Tue, 05/09/2017 - 20:17

Integrating thsiswith WPFORMS on Wordpress site

Hi! This is really promising!I am creating a complex survey. This will be presented online to my clients. Most of the questions are simple, checkboxes or multiple choice except one. I am using WP Form for simple questions. Now in the exceptional question what i have to do is, I have 20 choices and i want my clients to categories these 20 choices into 5 categories (4 choices in each category). E.g 20 choices are say.....fruits----- (1) apple (2) mangoes (3) banana (4) guawa.....(20) raspberry etc.Now I will ask my clients to categories these 20 fruits into 5 categories:(5) I like them most (4) I just like them (3) I am not sure if i like them (2) I think i dont like them (1) I hate them. Now what i want is (1) No fruit is left uncategorised(2) Each fruit is categories only in one category(3) 4 fruits have to go to each category-no more -no less (so 5x4=20)(4) Each fruit gets the marks equal to its category . e.g suppose you fill banana as "I like them most" so banana gets 5 marks . If you categories Apple as "I am not sure if i like them" then Apple get 3 marks.(5) Ideally i wud want that this exception question is asked in continuation to my rest of the WPForm and that when i see the data filled by my client under Entries in my Dashboard, i get the data for these Apples/Mangoes etc.also in the same CSV file.-automatically. (whats the prupose of marks for each choice? Psychologically each fruit will represent some pref. for e.g Mango may represent luxury preference, Banana may represent health pref and so on......so ultimately...i sum total what marks fruits in each psychological category gets for my one client.....and that gives me a clue to his/her psychological profile. Someone may categories 3 fruits meant for health category as "i ilek them" and one fruit as "I am not sure if i liek them" so he gets 3X 5+3x1=18marks for health cat. He may categories 3 fruits for luxury as "I hate them" and 1 fruit for luxury as i just like them so he scores 3x1+1x4 =7 for luxury....so i can say he is predominantly health conscious etc....) This functionality is very very crucial for my project. I cant use simply ask my clients to give numebrs from 5 to 1 to these fruits because it may so happen that they may end up giving 5 to all of them, or 1 to all of them. The idea of Drag and ddrop is because of "Forced Choice". My clients are forced to prefer some over others. So though they may be hating all of them them but still i want to categories them...... Hope you can find some way for me. If a drag and drop functionality is not possible at all, then may be a distant second best would be where i am able to as them to Rank 20 choices from 1 to 20 ( no repetation of ranks- so if apple gets 1 then none else can now get 1). In this case I will take 1st 5 as belonging to "I like most" and last 5 as i hate them. This is not a very efficient method because, ranking 20 fruits at one go is little difficult and perplexing but Drag and Drop makes it fun.

tim

Wed, 05/10/2017 - 09:45

I think Drag and Drop should

I think Drag and Drop should work with 20 alternatives and 5 buckets. The complexity seems to be the collecting and exporting of the data in the format you want. I suggest looking at this documentation: https://h5p.org/documentation/for-authors/analyzing-results-and-answers

lektures

Thu, 06/01/2017 - 14:33

Media to external storage

hi,

all my media on wordpress are uploaded to an external storage- azure storage to be precise. with h5p, they are uploaded to the web server which i don't prefer since i want to run a stateless server. is the way i can change this?

i am also using learndash and i realize the interactive videos get uploaded on some occasions but sometimes they are never loaded. kindly help me make it more consistent for the users.

thanks

Fri, 06/02/2017 - 08:26

Storage

Hi Lektures,

For Interactive Video at least, the videos can be hosted anywhere, as long as it's one of the compatible formats (mp4, webm). The url also needs to end in e.g. .mp4 (but that can be hacked by adding a query or fragment part to the URL if needed), For images and audio, I guess it needs to be stored inside WordPress...
It's not clear to me what the Learndash and Interactive Video issue is.

LeoNetCo

Wed, 07/12/2017 - 17:09

Wordpress nothing

Hello, install in wordpress and see nothing, how charging library to server ? tks

Thu, 07/13/2017 - 10:51

What seems to be the issue?

What seems to be the issue? Any error messages in the logs?

Thu, 07/13/2017 - 14:11

Library not found

Hello, I have discovered that it is not a problem of the plugin, but of the server, I install it on another managed server and it works perfectly, on the own that I want it to work, it does not show me the bookstore searcher, and I charge it directly but it does not remove a "The file you uploaded is not a valid HTML5 package (Unable to unzip)".

The question may be serious, what permissions does the folder require to load the libraries there and second in what folder would the libraries be stored if I would rather upload them by ftp?

Thank you in advance for your help

Fri, 07/14/2017 - 10:59

Unfortunately, you cannot

Unfortunately, you cannot upload them by FTP. You must use the H5P Hub to download or you can upload example content manually.

From the error message, it looks like there's a problem uploading or downloading the file. Make sure your web server has write access to wp-content/uploads/h5p.

GeoffD

Thu, 07/13/2017 - 13:15

Adding images for a hotspot

Hi, I'd like to have an image appear from my hotspot. I've added text and a link ok. When I select content item for my popup content, I only see text or video as options. I seem to be missing something

BV52

Thu, 07/13/2017 - 16:35

Hotspot

Hi GeoffD,

Please correct me if I'm wrong, you are creating the content in Wordpress? If so may I know the version and the version of H5P?

-BV52

Fri, 07/21/2017 - 17:33

Yes, wordpress v4.8

thomasmars

Mon, 07/24/2017 - 09:39

Hi, to create images within

Hi, to create images within hotspots in Image Hotspot you need the H5P.Image library installed. You can check your library administration page to see if you have it installed already. If you don't have it you can download the Image Hotspot example at https://h5p.org/image-hotspots#example=63175 and upload it to your site to get the image library, or an equivalent example that has a dependency to the H5P.Image library.

james.blackburn

Thu, 08/24/2017 - 10:48

Am i being stupid?

I have created a few different h5p things in wordpress. However, i don't get a preview when i click view. They don't appear when i add the shortcode to the page either. What have i done wrong?

Fri, 08/25/2017 - 05:51

No Preview

Hi JB,

Please check for any other plugin that may be interferring with H5P. A good starting point are download optimizers. I've seen some that have interffered with H5P before and by simply disabling it for the specific page fixes the issue.

Mon, 09/18/2017 - 17:34

no preview

Thanks BV52.. However, still no joy, no other plugins activated on the entire site. Even tried on a fresh domain.

Any ideas?

Tue, 09/19/2017 - 09:26

Hi,There may be something

Hi,
There may be something wrong with your server setup.
Please see the "configure php" guide and make sure you have all the necessary extensions.
Also check your php error log and browser console log for any errors when attempting to view the H5P, this should give some hints to what is going wrong with your installation.

julieglenn78

Thu, 08/31/2017 - 06:15

New to h5p

I am brand new to h5p. I have setup a flashcard lesson and I found a great timer I want to include: https://github.com/otacke/h5p-timer

How do I go about editing the flashcards to include this library? I installed it and see it under libraries but its not clear how to use. Do I need to edit the code directly?

You are here