View source for How to Embed a Project

{{April Fools}}{{stub|date=May 2019}}
{{External Links}}
{{other version|3.0|2.0|1.4|title=How to Embed a Project|title2=Embedding Projects}}
[[File:Embed code.png|352px|thumb|The dialog that appears after clicking "Copy Link"]]

To view and play [[Scratch]] [[project]]s on outside websites, you can '''embed the project''' with the following steps:

# Click "copy link" in the bottom right of the project pane.
# A dialog will appear, with two boxes and two links.
# Click the "copy embed" link.
# Paste this code in the [[wikipedia:HTML|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 directly from the project page.
Embedding projects could also be used to share projects onto [https://itch.io '''itch.io'''] for a game jam.

==Cloud Data==
Embedded projects can still use the [[Cloud Data|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.

== Example of Use ==
Step 1:- Open Notepad or any other text editor or html editor and type the following
<syntaxhighlight lang="HTML">
<html>
<head> <title> Embedding Scratch Projects (Test) </title> </head>
</html>
</syntaxhighlight>

Step 2:- Now save it as a .html file
If you open this file in a web browser, you will see that a blank webpage will appear with the tab name 'Embedding Scratch Projects (Test) <br>
Step 3:- Now open this in Notepad and add this code to the document to make the body of the webpage:-
<syntaxhighlight lang="HTML">
<html>
<head> <title> Embedding Scratch Projects (Test) </title> </head>
<body>

</body>
</html>
</syntaxhighlight>
Step 4:- Paste the embed between <body> and </body> like so:-
<syntaxhighlight lang="HTML">
<html>
<head> <title> Embedding Scratch Projects (Test) </title> </head>
<body>
<iframe src="https://scratch.mit.edu/projects/164932339/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
</body>
</html>
</syntaxhighlight>

Step 5:- Now save it and open it in a web browser. You can now see the project in the webpage.
<br> <br>Step 6 (Optional):- You can now go to https://www.w3schools.com/html/ to learn more about how you can make this better!

=== Results ===
You can copy this code in the notepad, save it as an html file and see the power of HTML embedding.

<syntaxhighlight lang="HTML">
<html>
<head> <title> Embedding Scratch Projects (Test) </title> </head>
<body>
<h1> The Pong Game </h1>
<iframe src="https://scratch.mit.edu/projects/164932339/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
<h2> By purplejane </h2>
</body>
</html>
</syntaxhighlight>
[[de:Als HTML einbinden]]
[[fr:Scratch Wiki Accueil/les projets/intégrer un projet]]
[[Category:Website Tutorials|Embed a Project]]
[[ja:プロジェクトの埋め込み]]