Integrate MakeCode Arcade into my website

Arcade
1

Hi everyone,

I would like to integrate the Makecode Arcade editor into my website in a way that allows:

  1. Launch specific assignments or starter templates directly from inside the website
  2. Interact with the embedded editor or be redirected to MakeCode with a specific project loaded

I’ve seen that I can embed the editor using an <iframe> like this:

<iframe src="https://arcade.makecode.com/#editor" width="100%" height="600px"></iframe>

But when I use this, the toolbox with blocks is not rendered on the page. I’m unclear on:

a. How to link or embed specific starter projects or assignments
b. Whether there’s a way to customize or preload content via the embed
c. If there are recommended practices for integrating MakeCode into a platform with multiple assignments
d. Any limitations or best practices for using MakeCode in <iframe>?

Could someone please guide me on how to structure this integration properly or point me to any documentation/examples that support this use case?

3 Likes