EmbedAny - Embed Content in Shopify EmbedAny

How to Embed Microsoft MakeCode on Shopify in 2025 (Step-by-Step Guide)

Microsoft MakeCode is a fantastic platform for learning computer science with block-based and text-based programming. If you’d like to showcase coding projects or educational content from Microsoft MakeCode on your Shopify store, you can do so quickly and easily with EmbedAny.

Why Embed Microsoft MakeCode on Shopify?

Embedding MakeCode on your store can help you:

  • Share interactive coding projects with your customers
  • Showcase educational content for tech or STEM-focused products
  • Demonstrate how your products can be used with MakeCode
  • Add engaging, interactive content to product descriptions or blog posts

Step-by-Step Guide to Embed Microsoft MakeCode on Shopify

Step 1: Install EmbedAny from the Shopify App Store

First, you’ll need to install the EmbedAny app on your Shopify store:

  1. Visit EmbedAny on the Shopify App Store
  2. Click “Add app” and follow the installation instructions
  3. Activate the app on your store when prompted
  1. Navigate to the Microsoft MakeCode project you want to embed
  2. Copy the full URL from your browser’s address bar
    • Example: https://makecode.microbit.org/_EKqDivDUKHbb
  1. Go to the page where you want to add the MakeCode project (product description, page, blog post, etc.)
  2. Open the rich text editor
  3. Paste your Microsoft MakeCode link into the editor
  4. Important: Make the link italic by selecting it and clicking the italic button (I) in the editor toolbar
  5. Save your changes

Step 4: Preview Your Embedded Content

  1. View your store page to see the embedded MakeCode project
  2. The link will now appear as an interactive embed rather than just text
  3. Customers can interact with the MakeCode project directly on your page

Tips for Using Microsoft MakeCode Embeds

  • Place strategically: Add MakeCode projects near related products or educational content
  • Use clear context: Explain what customers are seeing and how to interact with it
  • Consider loading time: Position embeds where they enhance rather than slow down the shopping experience

Compatible Microsoft MakeCode Projects

You can embed virtually any Microsoft MakeCode content, including:

  • MakeCode for micro:bit projects
  • MakeCode Arcade games
  • MakeCode for Minecraft creations
  • MakeCode tutorials and examples

EmbedAny works with Microsoft MakeCode and 800+ other platforms, making it simple to add interactive content throughout your Shopify store without any coding skills required.

Adding MakeCode projects to your Shopify store helps create a more engaging experience for customers interested in coding, STEM education, or interactive tech products!