top of page
Writer's pictureTimothy Hammill

Embedding H5P Content



H5P is a powerful and versatile tool for creating interactive content such as quizzes, presentations, and games. If you're using Wix for your blog, you may want to embed H5P content to enhance your readers' experience. Here's how you can do it:



1. Create your H5P content

Before you can embed H5P into your Wix blog, you need to create your H5P content. H5P offers a wide range of content types, so you can choose the one that best suits your needs. Once you've created your H5P content, you'll need to export it as an HTML file.


2. Upload your H5P content to a hosting platform

In order to embed your H5P content into your Wix blog, you'll need to upload the HTML file to a hosting platform such as GitHub or Dropbox. Once you've uploaded the file, you'll need to copy the link t


o the file.


3. Create a new post in Wix

To embed your H5P content into a post in your Wix blog, you'll need to create a new post. To do this, log in to your Wix account, navigate to your blog, and click on the "New Post" button.


4. Add the HTML code to your post

To embed your H5P content into your Wix post, you'll need to copy the H5P embed code from your H5


p Content. To do this, click on the "Embed" option at the bottom of your H5P content. Next, right click and copy the code. Now click on the "+" sign in the uper left of your blog editor and choose HTML Code. Paste your code in the box and click "save."



5. Adjust the size and position of the iframe

Once you've added the HTML iframe to your post, you may need to adjust its size and position. To do this, click on the HTML iframe and use the drag and drop tools to adjust its size and position. You can also adjust the size and position using the settings in the right-hand sidebar.


6. Preview and publish your post

Once


you're happy with the size and position of your H5P content, you can preview and publish your post. To preview your post, click on the "Preview" button in the top right corner of the post editor. To publish your post, click on the "Publish" button in the top right corner of the post editor.


Embedding H5P into a Wix blog requires you to create your H5P content, upload it to a hosting platform, add an HTML iframe to your post, adjust the size and position of the iframe, and preview and publish your post. By following these steps, you can create engaging and interactive content that will enhance your readers' experience.



17 views0 comments

Comentários


bottom of page