How to Embed a Poe Canvas App on Your Website

Embed your Poe Canvas app on any website with a simple iframe — works on WordPress, Wix, Squarespace, and Notion. No Poe account needed for viewers.

Embed a published Poe Canvas app on any website using a standard iframe snippet.

Overview

Once you've converted your Poe Canvas app into a standalone web app with AppToPub, you can embed it directly on your own website with a standard iframe. Visitors interact with your AI-powered app without leaving your site — ideal for portfolios, client demos, landing pages, and product showcases.

Before you start, make sure you have a deployed AppToPub app with a working public URL and access to your website's HTML editor or CMS page builder. If you haven't converted your Canvas app yet, do that first.

Step-by-step instructions

  1. Publish the app — Convert and publish your Poe Canvas app on AppToPub so it has a public URL.
  2. Copy the public URL — From the Projects dashboard, copy the app's public URL (e.g. apptopub.com/app/your-slug).
  3. Build the iframe snippet — Wrap the URL in an iframe tag, e.g. <iframe src="https://apptopub.com/app/your-slug" width="100%" height="600" frameborder="0"></iframe>.
  4. Paste into your host site — In WordPress, Wix, Squarespace, or Notion, add a Custom HTML / Embed block and paste the iframe snippet.
  5. Publish and verify — Save and publish the host page, then load it to confirm the embedded app renders correctly.

Troubleshooting

The embed shows a blank white box

Check that the app URL is correct and the deployment is still active. Free-tier apps expire after 72 hours; upgrade to a paid plan for permanent hosting.

The app loads but looks broken on mobile

Use a responsive embed with percentage-based padding-bottom, and make sure your Canvas app's CSS isn't using fixed pixel widths that can't adapt to narrow viewports.

My CMS strips the iframe code

Some platforms sanitize HTML. Use an 'HTML embed' or 'code block' widget that bypasses sanitization; on WordPress the Custom HTML block works without issues.

Frequently asked questions

Can I embed on WordPress, Wix, Squarespace, or Notion?

Yes. Add a Custom HTML / embed block on any of these platforms and paste the iframe snippet.

Will embedding affect my API usage?

Embedded apps make the same AI calls as the hosted app, counting against the API key's quota. Set up analytics to monitor views and API calls.

Related guides