Add Pi Games to Your Webflow Website

    Webflow's visual designer makes embedding PracticePi games simple with its built-in Embed element.

    Your Embed Code

    <iframe
      src="https://www.practicepi.com/embed/memorize?theme=light"
      width="100%"
      height="650"
      frameborder="0"
      style="border-radius:8px;display:block;"
      title="Pi Memorization Game - PracticePi"
      allowfullscreen>
    </iframe>

    Step-by-Step Instructions

    1

    Get your embed code

    Copy the embed code from the box above, or customize it in the Embed Code Generator.

    2

    Open the Webflow Designer

    Open your project in the Webflow Designer and navigate to the page where you want the game.

    3

    Add an Embed element

    Open the Add panel (+ icon), search for "Embed" under Components, and drag it onto your page.

    4

    Paste the embed code

    Double-click the Embed element to open the code editor. Paste the PracticePi iframe code.

    5

    Save and publish

    Click Save & Close in the embed editor, then click Publish to push your site live.

    Troubleshooting

    The embed shows as a gray box in the Designer

    This is normal — Webflow only renders embeds on the published site. Click Publish and preview the live URL.

    The game is cut off

    Add a fixed height to the Embed element in Webflow styles, or increase the height value in the iframe code to 800.

    Embed element is not available

    The Embed element requires a Webflow paid plan. On the free Starter plan, some features may be limited.

    Frequently Asked Questions

    Is PracticePi free to embed?

    Yes, completely free for schools and teachers. No account or subscription required.

    Do I need to create an account to embed?

    No account needed to embed. Just copy the code and paste it into your website.

    Will the embedded game work on mobile?

    Yes, all PracticePi embeds are fully mobile responsive and work on phones, tablets, and desktops.

    Does PracticePi collect student data?

    No personal student data is collected. Game scores are anonymous. PracticePi is COPPA and FERPA compliant.

    What CMS platforms are supported?

    WordPress, eCatholic, Squarespace, Wix, Google Sites, Weebly, Webflow, Schoology, Canvas LMS, Notion, and any HTML website.

    Does the embed require maintenance?

    No. The content auto-updates with new daily facts and live leaderboards. No plugins to update or maintain.

    Need Help?

    We'll help you add PracticePi to your Webflow site for free.