This article or section documents something not included in the current version of Scratch (3.0). It is only useful from a historical perspective. |
- This article or section documents an outdated version of Scratch (version 2.0). For this article in the current version (version 3.0), see How to Embed a Project. For this article in Scratch 1.4, see Embedding Projects (1.4).
To view and play Scratch projects on outside websites, you can embed the project with the following steps:
- Click "embed" on the grey bar below the project.
- Copy the embed code from the text box that opens up.
- Paste this code in the HTML editor where it needs to go.
Uses
Embedding projects can be used to share projects made in Scratch to other websites as well as one's own. Along with embedding, one can share links on Facebook or Twitter (also known as X) 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 their web browser. Users not logged in to Scratch while viewing an embedded project will not save cloud data to 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/"