Embed activities on your website

Embedding activities

Embedding activities on your own domain is the best way to allow the player to experience the activity while still within your own branded environment.

The activity itself is fully white label, meaning it has no direct recognition of Puzzel.org whatsoever while the colors and fonts can be matched to those of your own brand. This turns the activity into a native part of your website.

This is a feature for accounts with a subscription only.

How does the embedding work?

The embedding happens with the help of a small piece of iframe code. The iframe is a well-supported HTML element that can be included in almost any website/CMS/LMS.

This piece of code loads the Puzzel.org activity into your own website. From there you can determine the size of the iframe by changing the width and height attributes.

For more advanced embedding, you could even change the size of the iframe via your own CSS stylesheets to change the iframe size for different screen sizes for example.

Trying out an embedded puzzle

Before joining, you might want to check out how a sample Puzzel.org puzzle looks and works within your own website. This is an easy way to discover how easily you can embed puzzles in your own website.

Copy/paste the following sample code within your own website/CMS/LMS and see how it looks:

<div>
<iframe src='https://puzzel.org/en/crossword/embed?p=-L1v2n-yhlUB-bGDzGol' width='750' height='750' frameborder='0'>
</iframe></div>

Adjust the width and height values if the puzzle does not fit into your website correctly.