> ## Documentation Index
> Fetch the complete documentation index at: https://www.anything.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed an iframe

> Add your Anything app to any website using iframes

An iframe lets you display your Anything app inside other websites - like embedding a YouTube video. This means users can interact with your app without leaving the host website.

## Getting the embed code

Get your app's embed code in two steps:

1. Open your project and change to Code View
2. Select **Embed Project** and copy the iframe HTML code

<img src="https://mintcdn.com/create/aZx2kzPb48ihuqEz/images/embed.png?fit=max&auto=format&n=aZx2kzPb48ihuqEz&q=85&s=89722cd6c4dd60412dc4bc081d25b99e" alt="Embed Pn" width="1956" height="833" data-path="images/embed.png" />

## Adding to WordPress

Here's how to add your app to a WordPress.org site:

<Steps>
  <Step title="Access embed code">
    1. Open your project and change to Code View
    2. Click on Embed Project
  </Step>

  <Step title="Copy iframe code">
    <img src="https://mintcdn.com/create/aZx2kzPb48ihuqEz/images/embed/copy-embed.gif?s=d8217fd009991fbaa35ab70b9f6c13a7" alt="Copying iframe embed code" width="1896" height="1080" data-path="images/embed/copy-embed.gif" />
  </Step>

  <Step title="Add HTML block">
    Inside your WordPress site, add an HTML block

    <img src="https://mintcdn.com/create/aZx2kzPb48ihuqEz/images/embed/add-block.gif?s=a222c1ff0948fee664837c9fbd34dd35" alt="Adding HTML block in WordPress" width="2004" height="1080" data-path="images/embed/add-block.gif" />
  </Step>

  <Step title="Paste iframe code">
    <img src="https://mintcdn.com/create/aZx2kzPb48ihuqEz/images/embed/paste-iframe.gif?s=cf50a3446e6118bb849d4a83508a5008" alt="Pasting iframe code" width="2004" height="1080" data-path="images/embed/paste-iframe.gif" />
  </Step>

  <Step title="Adjust dimensions">
    Modify the height and width as needed

    <img src="https://mintcdn.com/create/aZx2kzPb48ihuqEz/images/embed/adjust-size.gif?s=f17c38395ac6f3a34513d15940e933b8" alt="Adjusting iframe dimensions" width="2004" height="1080" data-path="images/embed/adjust-size.gif" />
  </Step>
</Steps>

## Customizing the embed

You can modify how your app appears:

* Change `width` and `height` in the iframe code
* Set a custom `title` for accessibility
* Add CSS classes for styling

### Example code

```html theme={null}
<iframe 
  width="560" 
  height="315" 
  src="https://www.anything.com/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](https://wordpress.com/plugins/iframe) to get the iframe to display.
</Note>