> 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 & Activate Custom iFrame Pro?

Step-by-step guide to installing and activating Custom iFrame Pro on your WordPress website.


## Overview

Thanks for getting **Custom iFrame Pro**! This quick guide covers everything you need to install and license the Pro version on your WordPress site.

## Requirements

Before you start, make sure you have both of these ready:

- **Custom iFrame (Free)** installed and active from WordPress.org
- **Custom iFrame Pro** downloaded from your [CoderzStudio Store](https://store.coderzstudio.com) account

<Callout kind="alert">
  The Pro version requires the Free version to be installed and active. It will not work without it.
</Callout>

## Installation and Activation

<Steps>
  <Step title="Install the Free Plugin" icon="download" titleType="p">
    If you have not installed the Free version yet, do that first.

    1. Go to your WordPress dashboard.
    2. Navigate to **Plugins > Add New**.
    3. Search for **Custom iFrame by Coderz Studio**.
    4. Click **Install Now**, then **Activate**.
  </Step>

  <Step title="Download the Pro Plugin" icon="package" titleType="p">
    1. Go to [store.coderzstudio.com](https://store.coderzstudio.com/dashboard/?tab=support) and log in.
    2. Navigate to **Dashboard > Downloads**.
    3. Find **Custom iFrame Pro** and click **Download**.

    <Callout kind="info">
      Use the password reset link from your purchase confirmation email if you have not set a password yet.
    </Callout>

    You will get a `.zip` file. Save it to your computer.
  </Step>

  <Step title="Upload and Activate the Pro Plugin" icon="upload" titleType="p">
    1. Back in WordPress, go to **Plugins > Add New > Upload Plugin**.
    2. Choose the `.zip` file you downloaded.
    3. Click **Install Now**, then **Activate**.

    Both Free and Pro plugins are now installed.
  </Step>

  <Step title="Activate Your Pro License" icon="key" titleType="p">
    1. In your CoderzStudio Store dashboard, go to **Licenses**.
    2. Copy your license key.
    3. In WordPress, navigate to **Custom iFrame > License Activation**.
    4. Paste the key and click **Activate**.

    <Callout kind="success">
      Your Pro license is now active. All Pro features are unlocked.
    </Callout>
  </Step>
</Steps>

## License Activation Issues

<ExpandableGroup>
  <Expandable title="License expired" default-open="false">
    Check your account at [store.coderzstudio.com](https://store.coderzstudio.com). You can renew your license from the **Licenses** section of your dashboard.
  </Expandable>

  <Expandable title="URLs don't match" default-open="false">
    Go to **Settings > General** in WordPress. Make sure **WordPress Address** and **Site Address** are identical. A mismatch will cause license activation to fail.
  </Expandable>

  <Expandable title="Security plugin blocking activation" default-open="false">
    Temporarily disable your firewall or security plugin, then try activating again. Once activated, you can re-enable the security plugin.
  </Expandable>
</ExpandableGroup>

## Need Help?

Submit a ticket on our [Helpdesk](https://store.coderzstudio.com/dashboard/helpdesk/) and we'll get back to you shortly.

## Next Steps

<Columns cols="2">
  <Card title="Elementor Setup" href="/getting-started/elementor-setup" icon="layout" horizontal={false}>
    Start embedding content with Custom iFrame in Elementor.
  </Card>
  <Card title="Gutenberg Setup" href="/getting-started/gutenberg-setup" icon="edit-3" horizontal={false}>
    Use Custom iFrame in the Gutenberg block editor.
  </Card>
</Columns>