Embed an iframe

Learn how to embed your project as an iframe

Grab the iframe embed from your project

You can copy the iframe code for your project and embed your app in your site. Copy the iframe from the ‘Share’ button inside your project.

How to embed an iframe of your project on your WordPress.org site

Looking to add a calculator or tool to your WordPress blog? You’re in the right place. This guide will walk you through the steps to seamlessly embed an iframe of your project on your WordPress.org site, enhancing your content with interactive features.

1. Click “Share” then “Embed Project” inside your Create project

2. Copy the iframe HTML code

3. Inside your Wordpress site, add an HTML block

4. Paste in the iframe HTML code

5. Adjust the height and width, if needed

This is an optional step if you are looking to customize the size of your iframe

Give embed a try!

Embed the app above into your Wordpress site using this iframe HTML code:

<iframe width="560" height="315" src="<https://www.create.xyz/app/e19f4e2a-9063-4180-ba9f-7c7028ccd2a3>" title="My Site"></iframe>

Note: if you are working with a wordpress.com site, you may need to use a plugin to get the iframe to display.

Last updated