Eng:How to Embed a Project



To view and play Scratch projects on outside websites, you can embed the project with the following steps:


 * 1) Click "Share to" on the grey bar below the project.
 * 2) Copy the embed code from the text box that opens up.
 * 3) Paste this code into the HTML editor of your website.

Uses
Embedding projects can be used to share projects made in Scratch to other websites as well as one's own. An example of that can be found here. Along with embedding, one can share links on Facebook or Twitter directly from the project page.

Cloud Data
Embedded projects can still use the cloud data functionalities only if the viewer of the embedded project is logged in to Scratch on his or her web browser. If one is not logged in to Scratch while viewing an embedded project, the cloud data will not save to the Scratch servers.

Modifications
A modification to the embedding system which removes the top bar was created with JavaScript and CSS and was published on the Advanced Topics forum. The code for this can be found here.

URL Issues
The scratch servers do not always work properly when given URLs without the https: prefix, so the original embed code will not work. This can be fixed by adding "https:" to "//scratch.mit.edu/projects/embed/id/"