> For the complete documentation index, see [llms.txt](https://docs.customiframe.com/llms.txt).
> Use it to discover all available pages before exploring further.

# How to Install Custom iFrame Free Plugin?

Step-by-step guide to installing and activating the Custom iFrame plugin by Coderz Studio on your WordPress site.


## Overview

An iFrame (short for inline frame) is a way to show content from another website directly on your page. It works like a small window inside your webpage that displays content from another source.

If you're looking to embed external content like videos, maps, or other websites directly within your WordPress site, the **Custom iFrame** plugin from **Coderz Studio** is the perfect solution.

## Why Use iFrame?

- **Embed Content:** Easily add videos, maps, or forms from other websites.
- **Keep Content Separate:** Content inside the iFrame stays isolated from your site.
- **Load External Resources:** Display content from different websites without updating your page.

## Common Use Cases

- Embedding YouTube videos or Google Maps.
- Displaying third-party forms or websites.
- Integrating third-party tools and services.

## Installation

<Steps>
  <Step title="Open your WordPress dashboard" icon="layout" titleType="p">
    Log in to your WordPress admin panel and navigate to your dashboard.
  </Step>

  <Step title="Go to Plugins > Add New" icon="plus" titleType="p">
    In the left menu, click **Plugins**, then click **Add New**.
  </Step>

  <Step title="Search for Custom iFrame" icon="search" titleType="p">
    In the search bar, type **Custom iFrame by Coderz Studio** and press Enter.
  </Step>

  <Step title="Install and Activate" icon="zap" titleType="p">
    Click **Install Now**, then click **Activate** once installation completes.

    <Image src="https://res.cloudinary.com/dcn414hjc/image/upload/v1777223431/getting-started/installation/Custom-iFrame-Installation.webp" alt="" width="1024" height="396" priority={true} fetchPriority="high" />

    <Callout kind="success">
      The plugin is now active. You can find it in your WordPress admin under **Custom iFrame**.
    </Callout>
  </Step>
</Steps>

## Alternative: Manual Installation

You can also download the plugin directly from [WordPress.org](https://wordpress.org/plugins/custom-iframe/advanced/) and upload it manually.

<Image src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776707726/getting-started/installation/Custom-iframe-manuall-Installation.webp" alt="" width="1024" height="469" priority={true} fetchPriority="high" />

<Callout kind="info">
  Manual installation is useful when your server does not have direct access to the WordPress plugin repository.
</Callout>

## Next Steps

<Columns cols="2">
  <Card title="Activate Custom iFrame Pro" href="/getting-started/activate-pro" icon="zap" horizontal={false}>
    Already purchased Pro? Follow this guide to install and license it.
  </Card>
  <Card title="Elementor Setup" href="/getting-started/elementor-setup" icon="layout" horizontal={false}>
    Learn how to use Custom iFrame inside Elementor.
  </Card>
</Columns>