In other languages

Help the wiki!

The Scratch Wiki is made by and for Scratchers. Do you want to contribute?

Learn more about joining as an editor!

See discussions in the Community Portal

How to Embed a Project

This article or section documents the current version of Scratch (version 2.0). For this article in Scratch 1.4, see Embedding Projects (1.4).
The text box that appears after clicking "Share to"

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

SandCastleIcon.png This page has links to outside of the Scratch website or to Wikipedia. Always remember to be safe when using the internet since we can't guarantee the safety of other sites.

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/"

  • This page was last modified on 21 January 2016, at 07:16.