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

# How to Set Up the UiChemy WordPress Plugin

Install the UiChemy WordPress plugin, sign in, pick your page builder, and connect your site.


This is where UiChemy lives on your site. You install it once, sign in, pick your page builder, and connect.

<Callout kind="info">
You'll need an Administrator account on the WordPress site to set UiChemy up.
</Callout>

### Step 1: Install and Activate

1. In your WordPress admin, go to **Plugins → Add Plugin**, search for **UiChemy**, install it, and click **Activate**.
2. UiChemy opens its setup page automatically.

<Callout kind="info">
Screenshot: the UiChemy page opening right after activation.
</Callout>

### Step 2: Sign in with UiChemy

After activating, you land straight on the **Home** screen, headed **"Howdy, Admin"**, with a floating **Activate UiChemy** card in the bottom-left corner: **"Sign in & Activate UiChemy to get the best out of it."** Signing in links your UiChemy account to this WordPress site, so every design you convert publishes here as a draft.

1. Click **Activate** on that floating card.
2. You're taken to **Secure sign-in to UiChemy**, which names the site you're **providing access to**. Check it's the right site, then click **Allow** (or **Deny** to cancel).
3. You're redirected back with a **"Connected to UiChemy"** success message, on the **AI Website Creator** tab. The greeting also updates to **"Howdy, [your name]"** now that you're signed in.

{/* SCREENSHOT PENDING: floating "Activate UiChemy" card (bottom-left corner of Home) */}
{/* SCREENSHOT PENDING: "Secure sign-in to UiChemy" Allow/Deny page, showing the site under "Providing access to" */}

Once signed in, click your name and avatar in the bottom-left corner of the plugin dashboard anytime to see your name and email, or click **Sign Out** to disconnect this account from the site.

### Step 3: Pick Your Builder and Connect

You land on **Home**, headed **"Howdy, [your name]"** with the subtitle **"Pick how you want to bring your design into WordPress."** It has three tabs, one per way of bringing a design in:

| Tab | What it's for |
|---|---|
| **Figma Plugin** | Design in Figma and send it straight to WordPress. Covers **both AI Express Mode and Classic Mode**, and is all most people need. See [Connect your site](/introduction/connect-your-site). |
| **AI Website Creator** *(marked NEW)* | Bring in a site you generated with AI Website Creator. See [Export to WordPress](/ai-website-creator/export/export-to-wordpress). |
| **AI Agent (MCP)** | Build from tools like Claude Desktop, Cursor, Codex, or Antigravity. See [Set up AI to WordPress](/ai-to-wordpress/set-up). |

<Callout kind="tip">
Right after signing in, you may land on the **AI Website Creator** tab instead of **Figma Plugin**. Click **Figma Plugin** to continue with Page builder and Connection below.
</Callout>

<div style="border: 4px solid transparent; border-radius: 16px; background: linear-gradient(135deg, #FD6A35, #FEA686) border-box; overflow: hidden; margin: 1.5rem auto; max-width: 640px;">
  <div style={{margin: '-24px 0', lineHeight: 0}}>
    <Image src="https://res.cloudinary.com/ekxmy1t9/image/upload/v1788958603/uichemy-docs/introduction/set-up-wordpress-plugin/figma-plugin-tab.png" alt="" width={1600} height={1022} style={{display: 'block', width: '100%', height: 'auto', borderRadius: '8px', margin: 0}} priority={true} fetchPriority="high" />
  </div>
</div>
<p style="text-align: center; font-size: 0.875rem; color: var(--text-color-secondary, #6b7280); margin-top: 0.5rem;"><em>The Figma Plugin tab: Page builder and Connection</em></p>

#### Page Builder

The **Figma Plugin** tab starts with **Page builder**: Elementor, Gutenberg, and Bricks, each with an **Active** or **Not installed** badge. Pick the one you work in, a tick marks your current choice. Bricks shows a **Get Bricks** link if it isn't installed yet.

#### Connection

Below that, **Connection** links this site to the UiChemy Figma plugin. It starts as **Not connected**.

<ExpandableGroup>
  <Expandable title="How to connect your site" default-open="false">
    1. Click **Generate connection link**.
    2. The status flips to **Connected** and your **Connection link** appears, masked. Use the eye icon to reveal it, or **Copy** to copy it.
    3. Paste it into the UiChemy plugin in Figma.
  </Expandable>
</ExpandableGroup>

<Callout kind="warning">
Keep your Connection Link private. Anyone with it can send designs to your site.
</Callout>

See full instructions: [Connect Your Site](/introduction/connect-your-site).

The tab also lists the three steps to follow from here, install the UiChemy plugin in Figma, paste your connection link, then select a frame and hit Send, plus a **Where's the plugin?** link if you don't have the Figma plugin yet.

#### Installing UiChemy Pro

The **UiChemy Pro Plugin** card sits at the bottom of the UiChemy sidebar, just above your account name. It offers a one-click upgrade, no ZIP download or manual upload needed. What it shows depends on whether Pro is already on your site:

| Card says | Button | What happens |
|---|---|---|
| "Unlock Theme Builder, Role Manager and White Label. We'll install it for you." | **Install & Activate** | UiChemy downloads, installs, and activates Pro. A **"UiChemy Pro installed and activated"** message confirms it. |
| "It's already installed on this site, it just needs switching on." | **Activate** | Pro is switched on. A **"UiChemy Pro activated"** message confirms it. |

Both messages add: "Version [x.x.x] is ready. Pro features are unlocked on this site."

<Callout kind="tip">
**Example:** Pro is already installed, so the card shows **Free** and **Activate**. Click **Activate**, and **"UiChemy Pro activated. Version 5.2.0 is ready. Pro features are unlocked on this site."** appears at the bottom right. Role Manager and White Label lose their crown icons, ready to use.
</Callout>

Pro features (AI Chat, full dynamic data, Role Manager, and White Label) are unlocked immediately. See [Install and Activate UiChemy](/uichemy-composer/getting-started/install#installing-uichemy-pro) for the full Pro install walkthrough.

### If It Doesn't Work

<ExpandableGroup>
  <Expandable title="Administrator access required" default-open="false">
    UiChemy setup needs an Administrator account.
  </Expandable>

  <Expandable title="Environment warning" default-open="false">
    UiChemy needs WordPress 6.9+ and PHP 7.4+. Update if prompted.
  </Expandable>

  <Expandable title="Can't connect / Application Passwords blocked" default-open="false">
    On a live site you need SSL (https). On a local site, UiChemy can enable it for you, or add `define( 'WP_ENVIRONMENT_TYPE', 'local' );` to `wp-config.php` and re-check.
  </Expandable>

  <Expandable title="REST API blocked" default-open="false">
    A security plugin may be rejecting requests, allow UiChemy through.
  </Expandable>

  <Expandable title="Plugin login not working" default-open="false">
    This usually means an outdated plugin version (pre-5.0.x).

    1. Go to **Plugins** in your WordPress admin.
    2. Find UiChemy and click **Update Now** if it's available.
    3. No update showing? Download the latest version directly from [wordpress.org/plugins/uichemy](https://wordpress.org/plugins/uichemy) and reinstall.
  </Expandable>
</ExpandableGroup>

### Frequently Asked Questions

<ExpandableGroup>
  <Expandable title="Do I need Elementor Pro to use UiChemy?" default-open="false">
    No. Pick **Elementor**, **Gutenberg**, or **Bricks** under **Page builder**. Elementor Free is enough to convert. Elementor Pro (or the Nexter theme with its free extension) is only needed to save your header and footer as templates in an AI Express Mode **Full Setup**.
  </Expandable>

  <Expandable title="How do I unlock UiChemy Pro?" default-open="false">
    Click **Install & Activate** (or **Activate**, if Pro is already installed) on the **UiChemy Pro Plugin** card at the bottom of the UiChemy sidebar. Pro features are unlocked right away. See [Activate UiChemy Pro](/uichemy-plugin/activate-pro/activate-uichemy-pro).
  </Expandable>

  <Expandable title="What does signing in actually do?" default-open="false">
    It links your UiChemy account to this WordPress site, so every design you convert publishes here as a draft. You can sign out anytime from your name and avatar in the bottom-left corner.
  </Expandable>
</ExpandableGroup>

### Next Steps

<Columns cols={2}>
  <Card title="Figma Plugin" href="/introduction/connect-your-site">
    Design in Figma and send it straight to WordPress, covers both AI Express Mode and Classic Mode.
  </Card>
  <Card title="AI Website Creator" href="/ai-website-creator/export/export-to-wordpress">
    Bring in a full site you generated with AI Website Creator and publish it here.
  </Card>
  <Card title="AI Agent (MCP)" href="/ai-to-wordpress/set-up">
    Build or edit pages from tools like Claude Desktop, Cursor, Codex, or Antigravity.
  </Card>
</Columns>